index.html

<!DOCTYPE html>
<html>
<head>
	<title>try to  Build a new Website</title>

	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<!-- Popper JS -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

	<!-- Latest compiled JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

	<!-- style css -->
	<link rel="stylesheet" href="style.css">



</head>
<style>

</style>
<body>

	<header>
		<div class="top_header ">
			<div class="top_container">
				<div class="col-12-md">
					<div class="space_bw">
						<div><span><i class="fa fa-clock-o text-danger" aria-hidden="true"></i>
							&nbsp;
						</span> MON - SAT: 6.00 AM - 10.00 PM <span>&nbsp;&nbsp;&nbsp; &nbsp; SUN: CLOSED</span></div>
						<div class="top_social"><ul>
							<li><i class="fa fa-facebook" aria-hidden="true"></i>
							</li>
							<li><i class="fa fa-twitter" aria-hidden="true"></i>
							</li>
							<li><i class="fa fa-linkedin" aria-hidden="true"></i>
							</li>
							<li><i class="fa fa-google-plus" aria-hidden="true"></i>
							</li>
						</ul></div>

					</div>
				</div>
			</div>		
		</div>

		<div class="bottom_header">
			<nav class="navbar navbar-expand-lg navbar-light bg-light">
				<div class="container p-3">
					<a class="navbar-brand" href="#"><img src="img/download.webp" alt=""></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto font-weight-bold">
							<li class="nav-item active">
								<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="#">About</a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="#">Blog</a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="#">Services</a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="#">Contact</a>
							</li>

						</ul>

					</div>
				</div>
				
			</nav>
		</div>
	</header>

	<!-- *****       main *********-->

	<div class="main">
		<div class="main_content container">
			<div class="row">
				<div class="col-md-7">
					<h5 class="text-uppercase ">committed to success</h5>
					<h1 class="">We help to grow your business</h1>
					<p>
						Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure, officia esse dolor possimus ipsum eveniet officiis porro magnam culpa?
					</p>
					<button class="btn btn-lg btn_style text-uppercase animate_btn">
						our services
					</button>
				</div>
			</div>
			
		</div>		
	</div>

	<!-- ********services******** -->

	<div class="services bg-light">
		<div class="container">
			<h5>OUR TOP SERVICES</h5>
			<h1>Our Best Services</h1>
			<div class="row">
				<div class="col-md-4">
					<div class="card">
						<div class="card-body">
							<div><i class="fa fa-cogs fa-5x" aria-hidden="true"></i>
							</div>
							<h4>strategy planning</h4>
							<p> There are many variations of passages of lorem Ipsum available but the new majority have suffered.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card">
						<div class="card-body">
							<div><i class="fa fa-object-group fa-5x " aria-hidden="true"></i>
							</div>
							<h4>Insurance Service</h4>
							<p> There are many variations of passages of lorem Ipsum available but the new majority have suffered.

							</p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card">
						<div class="card-body">
							<div><i class="fa fa-handshake-o fa-5x " aria-hidden="true"></i>
							</div>
							<h4>Audit & Evaluation</h4>
							<p>There are many variations of passages of lorem Ipsum available but the new majority have suffered.

							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- *********      TOP SERVICES 	***********-->


	<div class="top_services ">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6"><img src="img/boy_girl.webp" alt=""></div>
				<div class="col-md-6">
					<div class="mt-5 p-1 pl-4">
						<h5 class="  text-white">OUR TOP SERVICES
						</h5>
						<h1 class="text-white m-2 mt-4 font-weight-bold"> Our Best Services
						</h1>
						<h4 class="mt-5 text-white">Mollit anim laborum duis adseu dolor iuyn voluptcate velit ess cillum dolore egru lofrre dsu quality mollit anim laborumuis au dolor in voluptate velit cillu.

						</h4>
						<p class="mt-5 text-light">Mollit anim laborum.Dvcuis aute serunt iruxvfg dhjkolohr indd re voluptate velit esscillumlore eu quife nrulla parihatur. Excghcepteur sfwsignjnt occa cupidatat non aute iruxvfg dhjinulpadeserunt moll.

						</p>

						<button class="btn btn-lg btn_style text-uppercase animate_btn mt-5">
							more about us
						</button>

					</div>
					
				</div>
			</div>
		</div>
	</div>


	<!--         FEATURED CASE STUDY        -->

	<div class="featured services bg-light">
		<div class="container">
			<h5>OUR PORTFOLIOS OF CASES
			</h5>
			<h1>Featured Case Study
			</h1>
			<div class="row">
				<div class="col-md-6">
					<div class="featured_box">
						<div class="box1"><img src="img/img2.webp" alt=""></div>
						<div class="box_content">
							<h5>strategy planning</h5>
							<p>
							Within the construction industry as their overdraft
						</p></div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="featured_box">
						<div class="box1"><img src="img/img3.webp" alt=""></div>
						<div class="box_content">
							<h5>strategy planning</h5>

							<p>
								Within the construction industry as their overdraft
							</p>
						</div>
					</div>
				</div>
			</div>


			<div class="row">
				<div class="col-md-6">
					<div class="featured_box">
						<div class="box1"><img src="img/img4.webp" alt=""></div>
						<div class="box_content">
							<h5>strategy planning</h5><p>
							Within the construction industry as their overdraft
						</p></div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="featured_box">
						<div class="box1"><img src="img/img5.webp" alt=""></div>
						<div class="box_content">
							<h5>strategy planning</h5>
							<p>
								Within the construction industry as their overdraft
							</p>
						</div>
					</div>
				</div>
			</div>




		</div>
	</div>

				<!-- **********	team members  ************* -->

				<div class="members  services bg-light ">
		<div class="container">
			<h5>OUR PROFESSIONAL MEMBERS

			</h5>
			<h1>Our Team Mambers

			</h1>
			<div class="row">
				<div class="col-md-4">
					<div class="featured_box">
						<div class="box1"><img src="img/man.webp" alt=""></div>
						<div class="">
							<h3>Manish Patel</h3>
							<h5>Web Designer</h5>
							</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="featured_box">
						<div class="box1"><img src="img/man1.webp" alt=""></div>
						<div class="">
							<h3>Ansari Aasif</h3>
							<h5>Web Developer</h5>							
						</div>
					</div>
				</div>

				<div class="col-md-4">
					<div class="featured_box">
						<div class="box1"><img src="img/man2.webp" alt=""></div>
						<div class="">
							<h3>Ranvijay Upadyaya</h3>
							<h5>Content Writter</h5>							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

						<!-- ***********************	MORE ABOUT US -->


	<div class="more_about">
		<div class="container">
			<div class="row">
				<div class="col-md-6"></div>
				<div class="col-md-6"></div>
			</div>
		</div>
	</div>

</body>
</html>