index.html

<!DOCTYPE html>
<html>
<head>
	<title>meterialise css </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    
    <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="project1.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

</head>
<body>
	<!-- <div class="row">
		<div class="col s12 m4 l4">
			 <h5><span class="blue-text">A2</span>N0T3S</h5>
		</div>
		<div class="col s12 m4 l4">

			<div class="'">
			 <i class="left-icon medium pink-text material-icons">alarm</i>
			</div>
			<div class="right-icon black-text">
			 <h6><strong>working-time</strong></h6>
			 <p>saturday-sunday :-10.00Pm to 2.00Am</p>
			</div>
    		
		</div>
		<div class="col s12 m4 l4">
			<div >
				<div class="left-icon">
					<i class=" medium pink-text material-icons">location_on</i>
				</div>
				<div class="right-icon black-text">	
					<p><strong>E-mail</strong>:-asifraiganj@gmail.com</p>
					<p><strong>Mobile</strong>:-9953469082</p>
					<p><strong>Address</strong>:- tilaknagar, New Delhi 110018</p>
				</div>
			</div>
		</div>
	</div>
 -->

<hr><hr><hr><hr>
		<nav  class="darken-2">
		    <div class="nav-wrapper container">
		      <a href="#!" class="brand-logo">ZIASPL</a>
		      <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
		      <ul class="right hide-on-med-and-down">
		        <li><a href="#">HOME</a></li>
		        <li><a class='dropdown-trigger dr' href='#' data-target='dropdown1'>SERVICES</a>


		        </li>
		        <li><a href="#">CONTACT</a></li>
		        <li><a href="#">ABOUT US</a></li>
		      </ul>
		    </div>
		</nav>

		  <ul class="sidenav" id="mobile-demo">
		    <li><a href="#">HOME</a></li>
		    <li><a href="#">SUBJECTS</a></li>
		    <li><a href="#">PROJECTS</a></li>
		    <li><a href="#">ABOUT US</a></li>
		  </ul>


		  <!-- 	////////floating buttons //////// -->


		    <div class="fixed-action-btn">
			  <a class="btn-floating btn-large red">
			    <i class="large material-icons">mode_edit</i>
			  </a>
			  <ul>
			    <li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
			    <li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
			    <li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
			    <li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
			  </ul>
			</div>

				<!-- ////////////// ----main ///////-->


			<section>
				<div class="main">
					
					<h3>ZAKPLUS INTELLIGENCE AND SECURITY PRIVATE LIMITED</h3>
				
				 <p>i hereby certify that ZIASPL is incorporated on this sixth day of november 2019 under the companies act, 2013 (18 oct 2013) and this company is limited shares</p>
				<p>the corporeted identity number of company is U74999BR2019PTC043969.</p>
				<p>the permanent a/c number PAN of company is AABCZ4482F</p>

				</div>

			</section>

				<!-- ///////////////////////// ABOUT US ////////////////////////// -->

				<section>
					<h2 class="center-align">About Us</h2>
					<div class="row ">
						<div class="col s4 offset-s4 "><hr>
							
						</div>
					</div>
						<div class="row ">
							<div class="col m6 l6 s12">
								<img src="images/gunman3.jpg" class="responsive-img" alt="image">
							</div>
							<div class="col m6 l6 s12">
								<h4>WHO WE ARE ?</h4>
								<h6>We have been providing an outstanding security serviceServices provided: Armed guard, Ex-Servicemen guard, Patrolling security guard, Apartment Supervisor, Customs Security Officer, 
					Manned security guard, Parking security guard, Surveillance guard, Watchman; Serviced in : Airport, Bank/ATM, Educational establishment, Corporate space, Industrial space, Hotel/Restaurant, Hospital/Clinic, Mall, Shop/Showroom, Government office. </h6>

							</div>
						</div>
				</section>


				<!-- ///////// OUR SERVICES////////// -->
				<section>
					<h2 class="center-align">OUR SERVICES</h2>
					<div class="row ">
						<div class="col s4 offset-s4 "><hr>
							
						</div>
					</div>	

					    <div class="row">
						    <div class="col s12 m4 l4">
						      <div class="card">
						        <div class="card-image">
						          <img src="images/SECURITY.jpg" class="responsive-img">
						          <span class="card-title yellow-text">SECURITY</span>
						          <a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">add</i></a>
						        </div>
						        <div class="card-content">
						          <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
						        </div>
						        
						      </div>
						    </div>

						     <div class="col s12 m4 l4">
						      <div class="card">
						        <div class="card-image">
						          <img src="images/gunman1.jpg" class="responsive-img">
						          <span class="card-title yellow-text">GUN MAN</span>
						          <a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">add</i></a>
						        </div>
						        <div class="card-content">
						          <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
						        </div>
						        
						      </div>
						    </div>

						     <div class="col s12 m4 l4">
						      <div class="card">
						        <div class="card-image">
						          <img src="images/bouncer1.jpg" class="responsive-img">
						          <span class="card-title yellow-text">BOUNCER</span>
						          <a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">add</i></a>
						        </div>
						        <div class="card-content">
						          <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
						        </div>
						        
						      </div>
						    </div>


						</div>
            
				</section>		
				<!-- whyyyy -->	
				<section class="container-fluid">
					<h2 class="center-align">Why ZIASPL</h2>
					<div class="row">
						<div class="col s4 offset-s4"><hr>
							
						</div>

					</div>
						<div class=" row why white-text">
							<!-- <i class="large pink-text material-icons">people_outline</i> -->
					<div class="col s12 m12">
						<P class="" >We have been providing an outstanding security service  Services provided: Armed guard, Ex-Servicemen guard, Patrolling security guard, Apartment Supervisor, Customs Security Officer, 
					Manned security guard, Parking security guard, Surveillance guard, Watchman; Serviced in : Airport, Bank/ATM, Educational establishment, Corporate space, Industrial space, Hotel/Restaurant, Hospital/Clinic, Mall, Shop/Showroom, Government office.</P>
					</div>
						</div>
					
				</section>

				                       <!-- /////////////////students say about us ///////////// -->

				<section>
					<h2 class="center-align container">TEAM MEMBERS </h2>
					<div class="row">
						<div class="col s4 offset-s4"><hr>
							
						</div>
					</div>


					          <!--///// images of our team /////// -->


					          <div class="row team center-align">
						           <div class="col s12 m4 member">
						           		<img src="images/man1.jpg" class="responsive-img ">
						           		<p>CEO</p>
						           		<h6>Vijay Kumar padhyay</h6>
						           </div>

						           <div class="col s12 m4 member">
						           		<img src="images/man2.jpg"class="responsive-img">
						           		<P>CHAIRMAN</P>
						           		<h6>Digvijay Upadhyay</h6>
						           </div>

						           <div class="col s12 m4 member">
						           		<img src="images/man3.jpg" class="responsive-img ">
						           		<p>MANAGER</p>
						           		<h6>Ranvijay Nath Upadhay</h6>
						           </div>
					          	
					          </div>
				</section>
				<section>
					<h2 class="center-align">CONTACT US</h2>
					<div class="row">
						<div class="col s12 m4 offset-l4"><hr>
							
						</div>
						
					</div>
					<div class="row contact">
						<div class="black-text col s12 m4 center-align">
							<i class=" medium material-icons">location_on</i>
							<p>BARAULI,GOPALGANJ ,BIHAR, PIN-841405  </p>

						</div>
						<div class="black-text col s12 m4 center-align">
							<i class="medium material-icons ">local_phone</i>
							<p>9470671202</p>
						</div>
						<div class="col s12 m4 black-text center-align">
							<i class="medium  material-icons">mail_outline</i>
							<p>krranvijay11@gmail.com</p>
						</div>
						
					</div>
				</section>


				<section>
					<footer>
						
						<div class=" row center-align footer">
							<div class="col s12 m4 footer1">
								<h5 >About Us</h5>
								here have very amaizing boncer gunman security officers
								ty guard, Parking security guard, Surveillance guard, Watchman; Serviced in : Airport, Bank/ATM, Educational establishment, Corporate space, Industrial space, Hotel/Restaurant, Hospital/Clinic, Mall, Shop/Showroom, Government office
								  <!-- <p><i class="white-text medium material-icons">mail_outline</i></p> -->
								  <p></p>
 
							</div>

							<div class="col s12 m4 footer1">
								<h5>Social Media</h5>
								<ul>
									<li>FACEBOOK</li>
									<li>INSTAGRAM</li>
									<li>GOOGLE+</li>
								</ul>
							</div>

							<div class="col s12 m4 footer1">
								<h5>CONTACT</h5>
								<p>asifraiganj@gamil.com</p>
								<p>9953469082</p>
								<p>address:- Tilaknagar,New Delhi 11018</p>
							</div>

							
						</div>

					</footer>
				</section>
				<section><div class="asif">
					<a href="https://mail.google.com/mail/u/0/#inbox"> This Website is Designed and Build With <i class="red-text material-icons">favorite_border</i> By ANSARI AASIF</a>
				</div></section>


		  <script>
		  	
		  	 $(document).ready(function(){
    			$('.sidenav').sidenav();

    			 $('.fixed-action-btn').floatingActionButton();
    			   $('.dropdown-trigger').dropdown({
    			   	hover:true,
    			   	coverTrigger:false
    			   });

  				});
		  </script>

</body>
</html>