橙色寬屏風格的建筑工程企業網站源碼下載



5 19 7



模板描述:橙色寬屏風格 建筑工程 企業網站,橙色寬屏風格的建筑工程企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.meanmenu.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/ajax-form.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

3. HTML代碼

        <!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->
		<!-- header-area-start -->
		<header>
			<div class="header-top-area gray-bg">
				<div class="container">
					<div class="row">
						<div class="col-xl-6 col-lg-6 col-md-6">
							<div class="header-top-text">
								<span>We are a experience company. <a href="#">Contact Us</a></span>
							</div>
						</div>
						<div class="col-xl-6  col-lg-6 col-md-6">
							<div class="header-icon text-md-right">
								<a href="#"><i class="ti-facebook"></i></a>
								<a href="#"><i class="ti-twitter-alt"></i></a>
								<a href="#"><i class="ti-instagram"></i></a>
								<a href="#"><i class="ti-google"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="logo-area pt-30 pb-25">
				<div class="container">
					<div class="row">
						<div class="col-xl-5 col-lg-4 col-md-4">
							<div class="logo">
								<a href="index.html"><img src="img/logo/logo.png" alt="" /></a>
							</div>
						</div>
						<div class="col-xl-7 col-lg-8 col-md-8 d-none d-md-none d-lg-block">
							<div class="header-cta-wrapper">
								<div class="header-cta-text">
									<span><i class="ti-email"></i> Any Needs</span>
									<p>+000 (123) 456 77</p>
								</div>
								<div class="header-cta-text">
									<span><i class="ti-headphone-alt"></i> support</span>
									<p>[email protected]</p>
								</div>
								<div class="header-cta-text d-md-none d-lg-block">
									<span><i class="ti-map"></i> address</span>
									<p>North Ryde, Australia.</p>
								</div>
							</div>
						</div>
						<div class="col-12">
							<div class="mobile-menu"></div>
						</div>
					</div>
				</div>
			</div>
			<div  id="sticky-header" class="main-menu-area theme-bg d-none d-md-none d-lg-block">
				<div class="container">
					<div class="row">
						<div class="col-xl-8 col-lg-9">
							<div class="main-menu">
								<nav id="mobile-menu">
									<ul>
										<li class="active"><a href="index.html">Home </a>
											<ul class="sub-menu text-left">
												<li><a href="index.html">home 1</a></li>
												<li><a href="index-2.html">home 2</a></li>
											</ul>
										</li>
										<li><a href="about.html">about</a></li>
										<li><a href="services-01.html">Services</a>
											<ul class="sub-menu text-left">
												<li><a href="services-01.html">services 01</a></li>
												<li><a href="services-02.html">services 02</a></li>
												<li><a href="services-chemical.html">services chemical</a></li>
												<li><a href="services-engineering.html">services engineering</a></li>
												<li><a href="services-manufacturing.html">services manufacturing</a></li>
												<li><a href="services-mechanical.html">services mechanical</a></li>
												<li><a href="services-oil-gas.html">services oil gas</a></li>
											</ul>
										</li>
										<li><a href="#">Pages</a>
											<ul class="sub-menu text-left">
												<li><a href="about.html">about</a></li>
												<li><a href="our-expert.html">our-expert</a></li>
												<li><a href="faq.html">faq</a></li>
												<li><a href="partners-clients.html">partners clients</a></li>
												<li><a href="contact-02.html">contact 02</a></li>
											</ul>
										</li>
										<li><a href="our-project-01.html">Projects</a>
											<ul class="sub-menu text-left">
												<li><a href="our-project-01.html">our project 01</a></li>
												<li><a href="our-project-02.html">our project 02</a></li>
												<li><a href="our-project-03.html">our project 03</a></li>
												<li><a href="our-project-details-01.html">our project details 01</a></li>
												<li><a href="our-project-details-02.html">our project details 02</a></li>
											</ul>
										</li>
										<li><a href="blog-grid.html">blog</a>
											<ul class="sub-menu text-left">
												<li><a href="blog-grid.html">blog grid</a></li>
												<li><a href="blog-standard.html">blog standard</a></li>
												<li><a href="blog-details.html">blog details</a></li>
											</ul>
										</li>
										<li><a href="contact-01.html">contact</a></li>
									</ul>
								</nav>
							</div>
						</div>
						<div class="col-xl-4 col-lg-3">
							<div class="header-button text-md-right">
								<a href="contact-01.html">get a quote</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header-area-end -->
		<!-- slider-start -->
		<div class="slider-area">
			<div class="slider-active slider-dot-none">
				<div class="single-slider slider-height d-flex align-items-center" style="background-image:url(img/slider/slider1.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content">
									<span  data-animation="fadeInUp" data-delay=".6s">welcome to factorial</span>
									<h1 data-animation="fadeInUp" data-delay="1s">Best Industrial <br> Services Provider</h1>
									<div class="slider-features-list" data-animation="fadeInUp" data-delay="1.5s">
										<span>Factory</span>
										<span>Manufactor</span>
										<span>Technology</span>
									</div>
									<a data-animation="fadeInUp" data-delay="1.7s" class="btn" href="#">read more</a>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
				<div class="single-slider slider-height d-flex align-items-center" style="background-image:url(img/slider/slider02.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content">
									<span  data-animation="fadeInUp" data-delay=".6s">welcome to factorial</span>
									<h1 data-animation="fadeInUp" data-delay="1s">Best Industrial <br> Services Provider</h1>
									<div class="slider-features-list" data-animation="fadeInUp" data-delay="1.5s">
										<span>Factory</span>
										<span>Manufactor</span>
										<span>Technology</span>
									</div>
									<a data-animation="fadeInUp" data-delay="1.7s" class="btn" href="#">read more</a>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
				<div class="single-slider slider-height d-flex align-items-center" style="background-image:url(img/slider/slider03.jpg)">
				   <div class="container">
					   <div class="row ">
						   <div class="col-xl-12">
								<div class="slider-content">
									<span  data-animation="fadeInUp" data-delay=".6s">welcome to factorial</span>
									<h1 data-animation="fadeInUp" data-delay="1s">Best Industrial <br> Services Provider</h1>
									<div class="slider-features-list" data-animation="fadeInUp" data-delay="1.5s">
										<span>Factory</span>
										<span>Manufactor</span>
										<span>Technology</span>
									</div>
									<a data-animation="fadeInUp" data-delay="1.7s" class="btn" href="#">read more</a>
								</div>
						   </div>
					   </div>
				   </div>
				</div>
			</div>
		</div>
		<!-- slider-start -->
		<!-- feature-area-start -->
		<div class="feature-area pb-90">
			<div class="container">
				<div class="row">
					<div class="col-xl-4 col-lg-4 col-md-4">
						<div class="feature-item mb-30 mt-70">
							<h3>Delivering Innovative Sustainability Goals.</h3>
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system and expound the actual teachings of the great explorer of the truth the master-builder </p>
						</div>
					</div>
					<div class="col-xl-7 col-lg-8  offset-xl-1 col-md-8">
						<div class="feature">
							<div class="row">
								<div class="col-xl-6 col-lg-6 col-md-6">
									<div class="feature-wrapper mb-30">
										<div class="feature-img">
											<img src="img/feature/01.jpg" alt="" />
										</div>
										<div class="feature-text">
											<h3>Factory <span></span></h3>
											<p>But I must explain to you how all this mistaken idea of denounc.</p>
											<a href="#">Read more</a>
										</div>
									</div>
								</div>
								<div class="col-xl-6 col-lg-6 col-md-6">
									<div class="feature-wrapper mb-30">
										<div class="feature-img">
											<img src="img/feature/02.jpg" alt="" />
										</div>
										<div class="feature-text">
											<h3>Technology <span></span></h3>
											<p>But I must explain to you how all this mistaken idea of denounc.</p>
											<a href="#">Read more</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- feature-area-end -->
		<!-- experience-area-start -->
		<div class="experience-area gray-bg">
			<div class="experience-img d-none d-md-block" style="background-image:url(img/bg/1.jpg)"></div>
			<div class="container">
				<div class="row">
					<div class="col-xl-6 offset-xl-6 col-lg-6 offset-lg-6 col-md-6 offset-md-6">
						<div class="experience-text">
							<div class="experience-info">
								<h1><span>35</span></h1>
								<h2>Years <br> Experience <br> Working</h2>
							</div>
							<span class="exp-sub-title">We are expert and professional.But I must explain to you how all this mistaken ofenoun cing pleasure and praising.</span>
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system and expound the actual teachings.</p>
							<a class="btn" href="#">read more</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- experience-area-end -->
		<!-- brand-area-start -->
		<div class="brand-area pt-115 pb-115 blue-bg">
			<div class="container">
				<div class="row">
					<div class="brand-active owl-carousel">
						<div class="col-xl-12">
							<div class="brans-img text-center">
								<img src="img/brand/1.png" alt="" />
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brans-img text-center">
								<img src="img/brand/2.png" alt="" />
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brans-img text-center">
								<img src="img/brand/3.png" alt="" />
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brans-img text-center">
								<img src="img/brand/4.png" alt="" />
							</div>
						</div>
						<div class="col-xl-12">
							<div class="brans-img text-center">
								<img src="img/brand/5.png" alt="" />
							</div>
						</div>
						<div class="col-xl-12 text-center">
							<div class="brans-img">
								<img src="img/brand/6.png" alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- brand-area-end -->
		<!-- service-area-start -->
		<div class="service-area pt-110 pb-90">
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-6 col-md-6 mb-60">
						<div class="section-title">
							<span>our service</span>
							<h1>service we <span>provide</span></h1>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-6">
						<div class="service-button text-md-right d-none d-md-block">
							<a class="btn" href="#">see our all services</a>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="service-wrapper mb-30">
							<div class="service-img">
								<img src="img/service/service1.jpg" alt="" />
							</div>
							<div class="service-text">
								<h4><a href="#">Mechanical Engineering</a></h4>
								<p>But I must explain to you how all this mistaken denounc.</p>
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="service-wrapper mb-30">
							<div class="service-img">
								<img src="img/service/service2.jpg" alt="" />
							</div>
							<div class="service-text">
								<h4><a href="#">Oil & Gas Services </a></h4>
								<p>But I must explain to you how all this mistaken denounc.</p>
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="service-wrapper mb-30">
							<div class="service-img">
								<img src="img/service/service3.jpg" alt="" />
							</div>
							<div class="service-text">
								<h4><a href="#">Chemical Research</a></h4>
								<p>But I must explain to you how all this mistaken denounc.</p>
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="service-wrapper mb-30">
							<div class="service-img">
								<img src="img/service/service4.jpg" alt="" />
							</div>
							<div class="service-text">
								<h4><a href="#">Automotive Manufacture</a></h4>
								<p>But I must explain to you how all this mistaken denounc.</p>
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- service-area-end -->
		<!-- project-area-start -->
		<div class="project-area project-circle gray-bg pt-110 pb-185">
			<div class="container">
				<div class="row">
					<div class="col-xl-12">
						<div class="section-title section2-title text-center mb-60">
							<span>recent work</span>
							<h1>Latest <span>Project</span></h1>
						</div>
					</div>
				</div>
			</div>
			<div class="project-active owl-carousel">
				<div class="col-xl-12">
					<div class="project-wrapper">
						<div class="project-img">
							<a class="popup-image" href="img/project/1.jpg"><img src="img/project/1.jpg" alt="" />	</a>
							<div class="project-text">
								<h2><a href="#">Electrical Engineering</a></h2>
								<span>Design, Engineering</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-12">
					<div class="project-wrapper">
						<div class="project-img">
							<a class="popup-image" href="img/project/2.jpg"><img src="img/project/2.jpg" alt="" />	</a>
							<div class="project-text">
								<h2><a href="#">Electrical Engineering</a></h2>
								<span>Design, Engineering</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-12">
					<div class="project-wrapper">
						<div class="project-img">
							<a class="popup-image" href="img/project/3.jpg"><img src="img/project/3.jpg" alt="" />	</a>
							<div class="project-text">
								<h2><a href="#">Electrical Engineering</a></h2>
								<span>Design, Engineering</span>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xl-12">
					<div class="project-wrapper">
						<div class="project-img">
							<a class="popup-image" href="img/project/3.jpg"><img src="img/project/3.jpg" alt="" />	</a>
							<div class="project-text">
								<h2><a href="#">Electrical Engineering</a></h2>
								<span>Design, Engineering</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- project-area-end -->
		<!-- advantage-area-start -->
		<div class="advantage-area pt-120 pb-90">
			<div class="container">
				<div class="row">
					<div class="col-xl-7 col-lg-7 col-md-12">
						<div class="advantage-img text-xl-right mb-30">
							<img src="img/bg/advantage.png" alt="" />
						</div>
					</div>
					<div class="col-xl-5 col-lg-5 col-md-12">
						<div class="advantage-wrapper mb-30">
							<div class="advantage-title">
								<h2>Why would you <br> take our services</h2>
								<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and  will give you a complete account.</p>
							</div>
							<div class="advantage-text">
								<div class="advantage-info">
									<h4>01</h4>
								</div>
								<div class="advantage-content">
									<h4>Exclusive Services</h4>
									<p>Need I must explain to you how all this mistaken idea of denouncing pleasure master.</p>
								</div>
							</div>
							<div class="advantage-text">
								<div class="advantage-info">
									<h4>02</h4>
								</div>
								<div class="advantage-content">
									<h4>Expert Team Engineer</h4>
									<p>Need I must explain to you how all this mistaken idea of denouncing pleasure master.</p>
								</div>
							</div>
							<div class="advantage-text">
								<div class="advantage-info">
									<h4>03</h4>
								</div>
								<div class="advantage-content">
									<h4>Advance Technology</h4>
									<p>Need I must explain to you how all this mistaken idea of denouncing pleasure master.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- advantage-area-end -->
		<!-- counter-area-start -->
		<div class="counter-area pt-115 pb-390" style="background-image:url(img/bg/2.jpg)">
			<div class="container">
				<div class="row">
					<div class="col-xl-10 col-lg-10 offset-lg-1 offset-xl-1">
						<div class="counter-title text-center mb-60">
							<h1>We Are a Well known Company. <br> Let us known Our fact</h1>
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system and expound </p>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="counter-wrapper text-center mb-30">
							<div class="counter-text">
								<h1 class="counter">3526</h1>
								<span>Project Complate</span>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="counter-wrapper text-center mb-30">
							<div class="counter-text">
								<h1 class="counter">5468</h1>
								<span>Satisfied Clients</span>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="counter-wrapper text-center mb-30">
							<div class="counter-text">
								<h1 class="counter">365</h1>
								<span>Win Awards</span>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-lg-3 col-md-6">
						<div class="counter-wrapper text-center mb-30">
							<div class="counter-text">
								<h1 class="counter">5964</h1>
								<span>Expert Engineer</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- counter-area-end -->
		<!-- testimonial-area-start -->
		<div class="testimonial-area">
			<div class="container">
				<div class="testimonial-bg">
					<div class="row">
						<div class="testimonial-active owl-carousel">
							<div class="col-xl-12">
								<div class="testimonial-wrapper text-center">
									<div class="testimonial-text">
										<h2>David C. Breeden</h2>
										<span>Assistant Manager</span>
										<p>But I must explain to you how all this mistaken denouncing pleasure and praising pain was born and I will give you a complete account. </p>
									</div>
									<div class="testimonial-img">
										<img src="img/icon/1.png" alt="" />
									</div>
								</div>
							</div>
							<div class="col-xl-12">
								<div class="testimonial-wrapper text-center">
									<div class="testimonial-text">
										<h2>David C. Breeden</h2>
										<span>Assistant Manager</span>
										<p>But I must explain to you how all this mistaken denouncing pleasure and praising pain was born and I will give you a complete account. </p>
									</div>
									<div class="testimonial-img">
										<img src="img/icon/1.png" alt="" />
									</div>
								</div>
							</div>
							<div class="col-xl-12">
								<div class="testimonial-wrapper text-center">
									<div class="testimonial-text">
										<h2>David C. Breeden</h2>
										<span>Assistant Manager</span>
										<p>But I must explain to you how all this mistaken denouncing pleasure and praising pain was born and I will give you a complete account. </p>
									</div>
									<div class="testimonial-img">
										<img src="img/icon/1.png" alt="" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- testimonial-area-end -->
		<!-- choose-area-start -->
		<div class="choose-area pb-90 pt-120">
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-6 col-md-5">
						<div class="choose-weapper mt-40 mb-30">
							<div class="section-title">
								<span>what we do</span>
								<h1>why choose <span>us</span></h1>
							</div>
							<div class="choose-text">
								<p>But I must explain to you how all this mistaken idea of denoun cing pleasure and praising pain was born and will give you complete account of the system, and expound the actual .</p>
							</div>
							<ul class="choose-link">
								<li><i class="fas fa-check"></i>We are profesasional.</li>
								<li><i class="fas fa-check"></i>We provedie best services for you.</li>
								<li><i class="fas fa-check"></i>We Are trested and friendly provider.</li>
								<li><i class="fas fa-check"></i>We Are trested and friendly provider.</li>
							</ul>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-7">
						<div class="single-choose mb-30">
							<div class="choose-img">
								<img src="img/bg/3.jpg" alt="" />
								<div class="choose-info">
									<h3>Our Latest <br> Recent Work</h3>
									<div class="choose-video">
										<a class="popup-video" href="http://www.cqetom.live//watch?v=LTXD6XZXc3U"><span class="ti-control-play"></span></a>
										<span>Watch Video</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- choose-area-end -->
		<!-- col-to-action-area-start -->
		<div class="col-to-action-area pt-130 pb-130" style="background-image:url(img/bg/4.jpg)">
			<div class="container">
				<div class="row">
					<div class="col-xl-7">
						<div class="col-to-action-wrapper">
							<div class="col-to-action-text">
								<h1>Need support or do you want to any work with us</h1>
								<a href="#">conatct us</a>
								<h4> <span>or</span> +000 (123) 456 77</h4>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- col-to-action-area-end -->
        <!-- blog-area-strt -->
		<div class="blog-area pt-115 pb-90 gray-bg">
			<div class="container">
				<div class="row">
					<div class="col-xl-12">
						<div class="section-title section2-title text-center mb-60">
							<span>Our Articles</span>
							<h1>Latest <span>blogs</span></h1>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="blog-wrapper mb-30">
							<div class="blog-img">
								<a href="blog-details.html"><img src="img/blog/blog1.jpg" alt="" /></a>
							</div>
							<div class="blog-text">
								<span>05 Feb 2019</span>
								<h4><a href="blog-details.html">Making Distributed Product Teams Work More Efficiently With monday com</a></h4>
								<div class="blog-meta">
									<span><i class="ti-user"></i> Michel Jhon</span>
									<span><i class="ti-heart"></i> Comments(05)</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="blog-wrapper mb-30">
							<div class="blog-img">
								<a href="blog-details.html"><img src="img/blog/blog2.jpg" alt="" /></a>
							</div>
							<div class="blog-text">
								<span>10 Feb 2019</span>
								<h4><a href="blog-details.html">User Experience Psychology See And Performance Smashing High Define Audios</a></h4>
								<div class="blog-meta">
									<span><i class="ti-user"></i> Michel Jhon</span>
									<span><i class="ti-heart"></i> Comments(05)</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-lg-4 col-md-6">
						<div class="blog-wrapper mb-30">
							<div class="blog-img">
								<a href="blog-details.html"><img src="img/blog/blog3.jpg" alt="" /></a>
							</div>
							<div class="blog-text">
								<span>25 Feb 2019</span>
								<h4><a href="blog-details.html">How To Improve Test Coverage For Your Android App Using Mockito And Espresso</a></h4>
								<div class="blog-meta">
									<span><i class="ti-user"></i> Michel Jhon</span>
									<span><i class="ti-heart"></i> Comments(05)</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- blog-area-end -->
		<!-- footer-start -->
		<footer>
			<div class="footer-area blue-bg pt-100 pb-65">
				<div class="container">
					<div class="row">
						<div class="col-xl-3 col-lg-3 col-md-6">
							<div class="footer-wrapper mb-30">
								<div class="footer-logo">
									<a href="index.html"><img src="img/logo/footer.png" alt="" /></a>
								</div>
								<div class="footer-text">
									<p>But I must explain to you how all this mistaken idea denouncing pleasure and praising pain was born .</p>
									<ul>
										<li><span>Address  : </span> 123 Main Road, 2nd  Floor C Block, USA</li>
										<li><span>Call Us : </span> +000 (123) 456 77</li>
										<li><span>Email Us : </span> [email protected]</li>
									</ul>
								</div>
								<div class="footer-icon">
									<span>Follow Us</span>
								   <a href="#"><i class="fab fa-facebook-f"></i></a>
								   <a href="#"><i class="fab fa-twitter"></i></a>
								   <a href="#"><i class="fab fa-google-plus-g"></i></a>
								   <a href="#"><i class="fab fa-instagram"></i></a>
							   </div>
							</div>
						</div>
						<div class="col-xl-3 col-lg-3 col-md-6">
							<div class="footer-wrapper pl-55 mb-30">
								<h3 class="footer-title">our services</h3>
								<ul class="footer-link">
									<li><a href="#">Oil & Gas Engineering </a></li>
									<li><a href="#">Automotive Manufacturing</a></li>
									<li><a href="#">Chemical Research</a></li>
									<li><a href="#">Agricultural Automation</a></li>
									<li><a href="#">Mechanical Engineering</a></li>
									<li><a href="#">Civil Engineering</a></li>
								</ul>
							</div>
						</div>
						<div class="col-xl-3 col-lg-3 col-md-6">
							<div class="footer-wrapper pl-55 mb-30">
								<h3 class="footer-title">recent news</h3>
								<ul class="footer-list">
									<li>
										<div class="footer-info">
											<h5><a href="#">Dark Patterns And Other Design No-Nos For Mobile</a></h5>
											<span>05 aug 2018</span>
										</div>
									</li>
									<li>
										<div class="footer-info">
											<h5><a href="#">Introduction To Animation And The iMessage App Store</a></h5>
											<span>05 aug 2018</span>
										</div>
									</li>
									<li>
										<div class="footer-info">
											<h5><a href="#">Get Your Mobile Site Ready For The 2018 Holiday Season</a></h5>
											<span>05 aug 2018</span>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-xl-3 col-lg-3 col-md-6">
							<div class="footer-wrapper pl-70 mb-30">
								<h3 class="footer-title">newsletters</h3>
								<div class="footer-content">
									<p>Subscribe to our list to get the updates to your email</p>
								</div>
								<div class="subscribe-form">
									<form action="#">
										<input placeholder="Enter your email" type="email">
										<button class="btn">Subscribe</button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom blue-bg">
				<div class="container">
					<div class="row">
						<div class="col-xl-6 col-lg-6 col-md-12">
							<div class="copyright">
								<p>Copy <i class="far fa-copyright"></i> 2018. All Rights <a href="http://www.cqetom.live//" title="pageSize">Reserved</a>. Designed By BDevs.</p>
							</div>
						</div>
						<div class="col-xl-6 col-lg-6 col-md-12">
							<ul class="footer-bottom-link text-lg-right">
								<li><a href="#">Privacy & Policy</a></li>
								<li><a href="#">Setting</a></li>
								<li><a href="#">Contact Us</a></li>
								<li><a href="#">Blog & New</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer-end -->
		<!-- JS here -->
        <script src="js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/waypoints.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery.meanmenu.min.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/ajax-form.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 歐美風 歐美 歐洲 美洲 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 橙色 建筑 建筑公司
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 微乐麻将大庆麻将漏宝 山东鲁能中超赛程表 乐淘棋牌 河北排列五走势图 河北福彩20选5预测 福彩辽宁35选7走势图 单机版麻将游戏 福建22选5体彩论坛 实况足球8中超风云版 湖北快3什么时候开始销售 雪缘园足彩比分直播足球 手机电玩城捕鱼 欢乐大众麻将手机版下载 黑龙江36选7历史开奖结果查询结果 北京快中彩开奖现场直播 豪利棋牌害人