黃色扁平風格的室內裝修設計企業網站源碼下載



17 67 23



模板描述:黃色扁平風格 室內裝修設計 企業網站,黃色扁平風格的室內裝修設計企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,700,800%7CLato:300,400,700" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="assets/css/plugin/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="assets/css/settings.css" type="text/css" rel="stylesheet" media="screen">
<link href="assets/css/layers.css" type="text/css" rel="stylesheet" media="screen">
<link href="assets/css/jquery.fancybox.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/bootsnav2.css" rel="stylesheet">
<link href="assets/css/index.css" rel="stylesheet">

2. 引入JS

<script src="assets/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="assets/js/plugin/jquery.easing.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
<script src="assets/js/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="assets/js/plugin/owl.carousel.js" type="text/javascript"></script>
<script src="assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="assets/js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="assets/js/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="assets/js/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="assets/js/jquery.appear.js" type="text/javascript"></script>
<script src="assets/js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="assets/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="assets/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="assets/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="assets/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.revolution.js"></script>
<script src="assets/js/custom.js" type="text/javascript"></script>

3. HTML代碼

		<!--loader-->
		<div id="preloader">
			<div class="sk-circle">
				<div class="sk-circle1 sk-child"></div>
				<div class="sk-circle2 sk-child"></div>
				<div class="sk-circle3 sk-child"></div>
				<div class="sk-circle4 sk-child"></div>
				<div class="sk-circle5 sk-child"></div>
				<div class="sk-circle6 sk-child"></div>
				<div class="sk-circle7 sk-child"></div>
				<div class="sk-circle8 sk-child"></div>
				<div class="sk-circle9 sk-child"></div>
				<div class="sk-circle10 sk-child"></div>
				<div class="sk-circle11 sk-child"></div>
				<div class="sk-circle12 sk-child"></div>
			</div>
		</div>
		<!--loader-->
		<!--Header Section Start Here
		==================================-->
		<header>
			<div class="top-part__block d-none d-lg-block">
				<div class="search__box-block">
					<div class="container">
						<input type="text" id="search" class="input-sm form-full" placeholder="Search Now">
						<a href="#!" class="search__close-btn"><i class="fa fa-times" aria-hidden="true"></i></a>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-md-7">
							<p>
								Welcome to our corporate buisness
							</p>
						</div>
						<div class="col-md-5">
							<div class="social-link__block text-right">
								<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
								<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
								<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="middel-part__block d-none d-md-block">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-12">
							<div class="logo d-none d-lg-block">
								<a href="index1.html">
									<img src="assets/images/logo.png" alt="Logo">
									</a>
							</div>
						</div>
						<div class="col-lg-8 col-md-12">
							<div class="top-info__block text-right">
								<ul>
									<li>
										<i class="fa fa-map-marker"></i>
										<p>
											13005 Greenvile Avenue <span> California, TX 70240</span>
										</p>
									</li>
									<li>
										<i class="fa fa-phone"></i>
										<p>
											Call Us <span> +56 (0) 012 345 6789</span>
										</p>
									</li>
									<li>
										<i class="fa fa-envelope" aria-hidden="true"></i>
										<p>
											Mail Us <span> <a href="mailto:[email protected]">[email protected]</a></span>
										</p>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="main_nav stricky-header__top navbar-expand-lg">
				<nav class="navbar navbar-default navbar-sticky bootsnav">
					<div class="container">
						<div class="logo d-lg-none d-md-block">
							<a href="index1.html">
								<img src="assets/images/logo_mob.png" alt="Logo">
								</a>
						</div>
						<!-- Start Header Navigation -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle d-lg-none" data-toggle="collapse" data-target="#navbar-menu">
								<i class="fa fa-bars"></i>
							</button>
						</div>
						<!-- End Header Navigation -->
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="navbar-menu">
							<ul class="nav navbar-nav mobile-menu">
								<li>
									<a href="#!">Home</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
                      <li> <a href="index.html">Home Page 1</a> </li>
                    </ul>
								</li>
								<li>
									<a href="#!">About us</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
                      <li> <a href="about.html">About</a> </li>
                      <li> <a href="about2.html">About 2</a> </li>
                      <li> <a href="about3.html">About 3</a> </li>
                      <li> <a href="history.html">history</a> </li>
                      <li> <a href="career.html">career</a> </li>
                      <li> <a href="partnerships.html">partnerships</a> </li>
                      <li> <a href="leadership.html">leadership</a> </li>
                    </ul>
								</li>
								<li>
									<a href="javascript:avoid(0);">Services</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
										<li>
											<a href="services.html">All Services</a>
										</li>
										<li>
											<a href="services-details.html">Services Details</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:avoid(0);">Project</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
										<li>
											<a href="project.html">project</a>
										</li>
										<li>
											<a href="project-details.html">Projec Details</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:avoid(0);">blog</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
										<li>
											<a href="blog.html">Blog</a>
										</li>
										<li>
											<a href="blog-detail.html">Blog Details</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="javascript:avoid(0);">pages</a><span class="submenu-button"></span>
									<ul class="dropdown-menu">
                      <li> <a href="portfolio-grid.html">Gallery Grid</a> </li>
                      <li> <a href="portfolio-masonry.html">Gallery Masonry</a> </li>
                      <li> <a href="team.html">Team</a> </li>
                      <li> <a href="pricing.html">pricing</a> </li>
                      <li> <a href="faq.html">Faq</a> </li>
                      <li> <a href="register.html">Register</a> </li>
                      <li> <a href="login.html">login</a> </li>
                      <li> <a href="testimonial.html">Testimonials</a> </li>
                      <li> <a href="404.html">404 Error</a> </li>
                      <li> <a href="blank.html">blank</a> </li>
                    </ul>
								</li>
								<li>
									<a href="#!">Shop</a><span class="submenu-button"></span>
									<!-- Nav Dropdown -->
									<ul class="dropdown-menu">
                      <li> <a href="shop.html">Shop</a> </li>
                      <li> <a href="shop-sidebar.html">shop sidebar</a> </li>
                      <li> <a href="shop-details.html">shop details</a> </li>
                      <li> <a href="cart.html">cart</a> </li>
                      <li> <a href="checkout.html">Checkout</a> </li>
                    </ul>
									<!-- End Nav Dropdown -->
								</li>
								<li>
									<a href="#!">Contact us</a><span class="submenu-button"></span>
									 <ul class="dropdown-menu">
                      <li> <a href="contact.html">contact</a> </li>
                      <li> <a href="contact2.html">contact 2</a> </li>
                    </ul>
								</li>
							</ul>
						</div>
						<!--navbar-collapse -->
					</div>
				</nav>
			</div>
		</header>
		<!--Section End Here-->
		<!--  Main Banner Start Here-->
		<div class="main-banner">
			<div id="rev_slider_34_1_wrapper" class="rev_slider_wrapper" data-alias="news-gallery34">
				<!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
				<div id="rev_slider_34_1" class="rev_slider" data-version="5.0.7">
					<ul>
						<!-- SLIDE  -->
						<li data-index="rs-129"  >
							<!-- MAIN IMAGE -->
							<img src="assets/images/banner/slider1.jpg"  alt=""  class="rev-slidebg" >
							<!-- LAYERS -->
							<!-- LAYER NR. 2 -->
							<div class="tp-caption Newspaper-Title tp-resizeme "
							id="slide-129-layer-1"
							data-x="['left','left','left','left']" data-hoffset="['100','50','50','30']"
							data-y="['top','top','top','center']" data-voffset="['165','135','105','0']"
							data-fontsize="['50','50','50','30']"
							data-lineheight="['55','55','55','35']"
							data-width="['600','600','600','420']"
							data-height="none"
							data-whitespace="normal"
							data-transform_idle="o:1;"
							data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
							data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;"
							data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
							data-mask_out="x:0;y:0;s:inherit;e:inherit;"
							data-start="1000"
							data-splitin="none"
							data-splitout="none"
							data-responsive_offset="on" >
								<div class="banner-text">
									<span class="sub-text">best websolution</span>
									<h2>Interior Design</h2>
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever.
									</p>
									<a class="btn-text" href="about_us.html"> read more</a>
								</div>
							</div>
						</li>
						<!-- SLIDE  -->
						<li data-index="rs-130" data-title="" data-description="">
							<!-- MAIN IMAGE -->
							<img src="assets/images/banner/slider2.jpg"  alt=""   class="rev-slidebg">
							<!-- LAYERS -->
							<!-- LAYER NR. 2 -->
							<div class="tp-caption Newspaper-Title   tp-resizeme "
							id="slide-130-layer-1"
							data-x="['left','left','left','left']" data-hoffset="['100','50','50','30']"
							data-y="['top','top','top','center']" data-voffset="['165','135','105','0']"
							data-fontsize="['50','50','50','30']"
							data-lineheight="['55','55','55','35']"
							data-width="['600','600','600','420']"
							data-height="none"
							data-whitespace="normal"
							data-transform_idle="o:1;"
							data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
							data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;"
							data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
							data-mask_out="x:0;y:0;s:inherit;e:inherit;"
							data-start="1000"
							data-splitin="none"
							data-splitout="none"
							data-responsive_offset="on">
								<div class="banner-text">
									<span class="sub-text">best websolution</span>
									<h2>Being the best decorators</h2>
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever.
									</p>
									<a class="btn-text" href="#"> read more</a>
								</div>
							</div>
						</li>
						<!-- SLIDE  -->
						<li data-index="rs-131">
							<!-- MAIN IMAGE -->
							<img src="assets/images/banner/slider3.jpg"  alt=""   class="rev-slidebg " >
							<!-- LAYERS -->
							<!-- LAYER NR. 2 -->
							<div class="tp-caption Newspaper-Title   tp-resizeme "
							id="slide-131-layer-1"
							data-x="['left','left','left','left']" data-hoffset="['100','50','50','30']"
							data-y="['top','top','top','center']" data-voffset="['165','135','105','0']"
							data-fontsize="['50','50','50','30']"
							data-lineheight="['55','55','55','35']"
							data-width="['600','600','600','420']"
							data-height="none"
							data-whitespace="normal"
							data-transform_idle="o:1;"
							data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
							data-transform_out="auto:auto;s:1000;e:Power3.easeInOut;"
							data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
							data-mask_out="x:0;y:0;s:inherit;e:inherit;"
							data-start="1000"
							data-splitin="none"
							data-splitout="none"
							data-responsive_offset="on">
								<div class="banner-text">
									<span class="sub-text">best websolution</span>
									<h2>Being the best decorators</h2>
									<p>
										Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum has been the industry's standard dummy text ever.
									</p>
									<a class="btn-text" href="about_us.html"> read more</a>
								</div>
							</div>
						</li>
						<!-- SLIDE  -->
					</ul>
					<div class="tp-bannertimer tp-bottom"></div>
				</div>
			</div>
		</div>
		<!--  Main Banner End Here-->
		<!-- About Us-->
	<div class="about_section padding ptb-xs-60 gray_bg-color">
		<div class="container">
			<div class="row pb-30 text-center">
				<div class="col-md-12 mb-20">
					<h2><span>Our</span> Features</h2>
					<span class="b-line"></span>
				</div>
			</div>
			<div class="row">
                    <!-- Features card 1 -->
                    <div class="col-12 col-md-6 col-lg-3 mb-30">
                        <div class="card-features">
                            <img src="assets/images/living_room.png" alt="icon">
                            <h3 class="bold">Living Room Better</h3>
                            <p class="light thin">Dolor sit Mollitia harum ea ut eaque velit.</p>
                        </div>
                    </div>
                    <!-- Features card 2 -->
                    <div class="col-12 col-md-6 col-lg-3 mb-30">
                        <div class="card-features">
                            <img src="assets/images/office_furniture.png" alt="icon">
                            <h3 class="bold">Office Furniture</h3>
                            <p class="light thin">Dolor sit Mollitia harum ea ut eaque velit.</p>
                        </div>
                    </div>
                    <!-- Features card 3 -->
                    <div class="col-12 col-md-6 col-lg-3 mb-30">
                        <div class="card-features">
                            <img src="assets/images/dedicated_interior.png" alt="icon">
                            <h3 class="bold">Dedicated Interior</h3>
                            <p class="light thin">Dolor sit Mollitia harum ea ut eaque velit.</p>
                        </div>
                    </div>
                    <!-- Features card 4 -->
                    <div class="col-12 col-md-6 col-lg-3 mb-30">
                        <div class="card-features">
                            <img src="assets/images/waiting_room.png" alt="icon">
                            <h3 class="bold">Waiting Room Design</h3>
                            <p class="light thin">Dolor sit Mollitia harum ea ut eaque velit.</p>
                        </div>
                    </div>
                </div>
		</div>
	</div>
		<!-- Services Section -->
		<!--planing wrapper start-->
		<section class="plaing_wrap__block padding ptb-xs-60">
			<div class="container">
				<div class="row pb-30 text-center">
					<div class="col-md-12 mb-20">
						<h2><span>Our</span> Services</h2>
						<span class="b-line"></span>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="single_plan__block plane_bg__block bg_service1 mb-30">
							<div class="plan-content-box">
								<h3>Residential Design</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim aquis
								</p>
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="single_plan__block plane_bg__block bg_service2 mb-30">
							<div class="plan-content-box">
								<h3>Commercial Design</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim aquis
								</p>
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="single_plan__block plane_bg__block bg_service3 mb-xs-30 mb-sm-30">
							<div class="plan-content-box">
								<h3>Corporate Design</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim aquis
								</p>
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="single_plan__block bg_service4 plane_bg__block">
							<div class="plan-content-box">
								<h3>Hospitality Design</h3>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim aquis
								</p>
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--planing wrapper end-->
		<!--Our Progress Start-->
		<section class="progress_wrap__block padding ptb-xs-60 gray-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section_title__block text-center mb-30">
							<h2><span>Our</span> Process</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-6">
						<div class="single_progress__block mt-30">
							<span>01</span>
							<h4>Design</h4>
							<p>
								Lorem ipsum dolor sit amet, coctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
							</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single_progress__block mt-30">
							<span>02</span>
							<h4>Preparation</h4>
							<p>
								Lorem ipsum dolor sit amet, coctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
							</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single_progress__block mt-30">
							<span>03</span>
							<h4>Construction</h4>
							<p>
								Lorem ipsum dolor sit amet, coctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
							</p>
						</div>
					</div>
					<div class="col-lg-3 col-md-6">
						<div class="single_progress__block mt-30">
							<span>04</span>
							<h4>Revision</h4>
							<p>
								Lorem ipsum dolor sit amet, coctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Our Progress End-->
		<!--Quote and support section-->
		<section class="quote_wrap__block">
			<div class="container">
				<div class="row">
					<div class="col-lg-7 col-md-6 no-padding d-flex">
						<div class="left_quote__block pb-80">
							<div class="left_box_heading__block block_bg pt-80 pt-xs-0">
								<h2>Why People Choose Us</h2>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim aquis
								</p>
							</div>
							<div class="single_quote__block block_bg">
								<i class="fa fa-tachometer"></i>
								<h4>Fast Approval</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
								</p>
							</div>
							<div class="single_quote__block block_bg">
								<i class="fa fa-group"></i>
								<h4>Dedicared Team</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
								</p>
							</div>
							<div class="single_quote__block block_bg">
								<i class="fa fa-phone-square"></i>
								<h4>24/7 Supports</h4>
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-5 col-md-6 no-padding">
						<div class="quote__block ptb-80 ptb-xs-60">
							<h2> Free Consultation</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
							</p>
							<form action="index1.html">
								<input type="text" id="name" placeholder="Your Name*">
								<input type="text" id="email" placeholder="Email Address*">
								<input type="text" id="category" placeholder="Discus About*">
								<textarea  id="msg" cols="30" rows="10" placeholder="Consultation..."></textarea>
								<input type="submit" id="submit">
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Quote and support section end-->
		<!-- Work Section -->
		<section id="work" class="padding ptb-xs-60 gray-bg">
			<div class="container">
				<div class="row pb-30 text-center">
					<div class="col-sm-12 mb-20">
						<h2><span>Our</span> Work</h2>
						<span class="b-line"></span>
					</div>
				</div>
				<!-- work Filter -->
				<div class="row">
					<ul class="container-filter categories-filter">
						<li>
							<a class="categories active" data-filter="*">All</a>
						</li>
						<li>
							<a class="categories" data-filter=".branding">Branding</a>
						</li>
						<li>
							<a class="categories" data-filter=".design">Design</a>
						</li>
						<li>
							<a class="categories" data-filter=".photo">Photo</a>
						</li>
						<li>
							<a class="categories" data-filter=".coffee">coffee</a>
						</li>
					</ul>
				</div>
				<!-- End work Filter -->
				<div class="row container-masonry_demo nf-col-45">
						<div class="card-columns">
					<div class="card nf-item w2x branding coffee spacing">
						<div class="item-box">
							<a href="assets/images/portfolio3/1.jpg" class="fancylight" data-fancybox-group="light"> <img alt="1" src="assets/images/portfolio3/1.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/1.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
					<div class="card nf-item grid-sizer photo spacing">
						<div class="item-box">
							<a> <img alt="1" src="assets/images/portfolio3/2.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/2.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
					<div class="card nf-item branding photo spacing">
						<div class="item-box">
							<a> <img alt="1" src="assets/images/portfolio3/3.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/3.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
					<div class="card nf-item design spacing">
						<div class="item-box">
							<a> <img alt="1" src="assets/images/portfolio3/4.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/4.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
					<div class="card nf-item photo spacing">
						<div class="item-box">
							<a> <img alt="1" src="assets/images/portfolio3/5.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/5.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
					<div class="card nf-item branding photo spacing">
						<div class="item-box">
							<a> <img alt="1" src="assets/images/portfolio3/3.jpg" class="item-container"> </a>
							<div class="link-zoom">
								<a href="portfolio-single.html" class="project_links"> <i class="fa fa-link"> </i> </a>
								<a href="assets/images/portfolio3/3.jpg" class="fancylight popup-btn" data-fancybox-group="light" > <i class="fa fa-search-plus"></i> </a>
							</div>
						</div>
					</div>
				</div>
</div>
			</div>
		</section>
		<!--End Contact-->
		<section class="padding team__block-section ptb-xs-60">
			<div class="container">
				<div class="row pb-30 text-center">
					<div class="col-md-12 mb-20">
						<h2><span>Our</span> Team</h2>
						<span class="b-line"></span>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="team-pagination owl-carousel"  data-pagination="true" data-items="3"  data-loop="true" data-margin="10" data-center="false" data-navigation="false" data-desktop="3" data-desktopsmall="3" data-tablet="2" data-mobile="1" data-autoplay="true" data-autotime="2000" data-autoplayHoverPause="true">
							<!--Team Member-->
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team1.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Sales Manager
												</div>
												<h4>Tommy Wood</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team2.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Senior Desig
												</div>
												<h4>Danny Burton</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team3.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													UX Specialist
												</div>
												<h4>Melody Clark</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box wow fadeInUp animated">
									<div class="image-box">
										<img src="assets/images/team/team4.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Art Director
												</div>
												<h4>Elizabeth Jones</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<!--Team Member-->
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team1.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Sales Manager
												</div>
												<h4>Tommy Wood</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team2.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Senior Desig
												</div>
												<h4>Danny Burton</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box">
									<div class="image-box">
										<img src="assets/images/team/team3.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													UX Specialist
												</div>
												<h4>Melody Clark</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="team-member">
								<div class="inner-box wow fadeInUp animated">
									<div class="image-box">
										<img src="assets/images/team/team4.jpg" alt="">
										<!--Overlay Box-->
										<div class="overlay-box">
											<!--User Info-->
											<div class="user-info">
												<div class="text">
													Art Director
												</div>
												<h4>Elizabeth Jones</h4>
											</div>
											<!--Social Icon Two-->
											<ul class="social-icon-two">
												<li>
													<a href="#"><span class="fa fa-facebook"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-twitter"></span></a>
												</li>
												<li>
													<a href="#"><span class="fa fa-google-plus"></span></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Availablity Section start-->
		<section class="available_wrap__block">
			<div class="available_content__block text-center">
				<div class="container">
					<div class="row">
						<div class="col-md-8 offset-md-2">
							<h2>We Are Available Worldwide</h2>
							<p>
								Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit,
								sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
								 Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
								 adipisci velit.
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Availablity Section end-->
		<!--blog start-->
		<section class="latest__block padding ptb-xs-60">
			<div class="container">
				<div class="row pb-30 text-center">
					<div class="col-md-12 mb-20">
						<h2><span>Latest</span> News</h2>
						<span class="b-line"></span>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-4">
						<img src="assets/images/blog/blog-img1.jpg" alt="">
						<div class="latest__block-post">
							<div class="meta-post">
								Dec, 24th 2018
							</div>
							<h3 class="latest__block-title"><a href="blog-single.html">How To Decorate With Black-and-White?</a></h3>
							<div class="flat-link flat-arrow sm  ">
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<img src="assets/images/blog/blog-img2.jpg" alt="">
						<div class="latest__block-post">
							<div class="meta-post">
								Dec, 24th 2018
							</div>
							<h3 class="latest__block-title"><a href="blog-single.html">How To Decorate With Black-and-White?</a></h3>
							<div class="flat-link flat-arrow sm  ">
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<img src="assets/images/blog/blog-img3.jpg" alt="">
						<div class="latest__block-post">
							<div class="meta-post">
								Dec, 24th 2018
							</div>
							<h3 class="latest__block-title"><a href="blog-single.html">How To Decorate With Black-and-White?</a></h3>
							<div class="flat-link flat-arrow sm  ">
								<a href="#" class="more_btn__block">More <i class="fa fa-angle-right"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--blog end-->
		<!--Footer Section Start-->
		<footer id="footer">
			<div id="footer-widgets" class="container style-1">
				<div class="row">
					<div class="col-lg-4">
						<div class="widget widget_text">
							<h2 class="widget-title"><span>ABOUT US</span></h2>
							<div class="textwidget">
								<a href="index1.html" class="footer-logo"> <img src="assets/images/footer-logo.png" alt="Awesome Logo"> </a>
								<p>
									Aenean suscipit eget mi act fermentum phasellus vulputate turpis tincidunt. Aenean suscipit eget. Aenean suscipit eget mi act fermentum phasellus vulputate turpis tincidunt. Aenean suscipit ege  Aenean suscipit eget mi act fermentum phasellus.
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="widget widget_links">
							<h2 class="widget-title"><span>COMPANY LINKS</span></h2>
							<ul class="wprt-links clearfix col2">
								<li>
									<a href="#">History</a>
								</li>
								<li>
									<a href="#">Services</a>
								</li>
								<li>
									<a href="#">Team &amp; Awards</a>
								</li>
								<li>
									<a href="#">Delivery Methods</a>
								</li>
								<li>
									<a href="#">Community</a>
								</li>
								<li>
									<a href="#">Safety</a>
								</li>
								<li>
									<a href="#">News &amp; Events</a>
								</li>
								<li>
									<a href="#">Sustainability</a>
								</li>
								<li>
									<a href="#">FAQ</a>
								</li>
								<li>
									<a href="#">Portfolio</a>
								</li>
								<li>
									<a href="#">Contact Us</a>
								</li>
								<li>
									<a href="#">Shop</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="widget widget_information">
							<h2 class="widget-title"><span>CONTACT INFO</span></h2>
							<ul>
								<li class="address clearfix">
									<span class="hl">Address:</span>
									<span class="text">123 Main Street, St. NW Ste, 1 Washington, DC,USA.</span>
								</li>
								<li class="phone clearfix">
									<span class="hl">Phone:</span>
									<span class="text">+56 (0) 012 345 6789</span>
								</li>
								<li class="email clearfix">
									<span class="hl">E-mail:</span>
									<span class="text">[email protected]</span>
								</li>
							</ul>
						</div>
						<div class="widget widget_socials">
							<div class="socials">
								<a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
								<a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
								<a target="_blank" href="#"><i class="fa fa-google-plus"></i></a>
								<a target="_blank" href="#"><i class="fa fa-pinterest"></i></a>
								<a target="_blank" href="#"><i class="fa fa-dribbble"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="bottom" class="clearfix style-1">
				<div id="bottom-bar-inner" class="wprt-container">
					<div class="bottom-bar-inner-wrap">
						<div class="bottom-bar-content">
							<div id="copyright">
								&copy; 2018 Interior Design HTML5 Template. All Rights <a href="http://www.cqetom.live//" title="17sucai">Reserved</a>.
							</div>
							<!-- /#copyright -->
						</div>
						<!-- /.bottom-bar-content -->
						<div class="bottom-bar-menu">
							<ul class="bottom-nav">
								<li>
									<a href="#/">HISTORY</a>
								</li>
								<li>
									<a href="#/">FAQ</a>
								</li>
								<li>
									<a href="#/">EVENTS</a>
								</li>
							</ul>
						</div>
						<!-- /.bottom-bar-menu -->
					</div>
				</div>
			</div>
		</footer>
		<!--Footer Section End-->
		<!-- Site Wraper End -->
		<!-- Easing Effect Js -->
		<!-- bootstrap Js -->
		<!-- fancybox Js -->
		<!-- carousel Js -->
		<!-- imagesloaded Js -->
		<!-- masonry,isotope Effect Js -->
		<!-- parallax Js -->
		<!-- revolution Js -->
		<!-- custom Js -->



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


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

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 江苏十一选五今天走势图 辽宁快乐12胆拖玩法 万彩会彩票首页 体彩p3试机号今天 极速飞艇开奖软件 手机麻将 篮球投注技巧 好运彩3历史记录 超级大乐透 王者荣耀体验服官网 龙之谷金商赚钱 时彩万位6码100% 分分快三时时计划app 吃鸡游戏适合小孩玩吗 股票涨跌是以什么为标准 四川时时彩平台