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



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

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

老夫子电子 黑龙江体彩6十1开奖号 湖北快三遗漏值数据 彩16彩票官网 怎么看骰宝大小单双 青海11选五彩票 安徽十一选五开奖直播 美人捕鱼游戏机价格 快乐十分胆拖中奖表 电脑版传奇打元宝赚钱 魔兽世界交易门 微博如何发视频赚钱 福彩中心3d342期开机号 重庆时时单双专家 聋人不会说话怎么不赚钱 众博棋牌官方下载中心 湖南幸运赛车过三关开奖结果