蓝色欧美风格响应式假期国际旅行社网页模板



4 13 5



模板描述:蓝色 欧美 响应式 假期国际旅行社 网页模板,蓝色欧美风格响应式假期国际旅行社网页模板html模板下载

代码结构

1. 引入CSS

<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">

2. HTML代码

<!-- //header -->
<header>
	<div class="container">
		<!-- top header -->
		<section class="row top_header pt-3">
			<div class="col-lg-6 buttons ml-auto">
				<ul class="social mt-lg-0 mt-3">
					<li class="mr-sm-4 mr-1"><span class="fa mr-2 fa-envelope-open-o"></span> <a href="https://www.51qianduan.com/">51前端</a> </li>
					<li class="mr-1"><a href="#"><span class="fa fa-facebook"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fa fa-twitter"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fa fa-google-plus"></span></a></li>
					<li class="mr-1"><a href="#"><span class="fa fa-linkedin"></span></a></li>
				</ul>
			</div>
		</section>
		<!-- top header -->
		<!-- nav -->
		<nav class="pt-2 d-lg-flex">
			<div id="logo">
				<h1> <a href="index.html"><span class="fa fa-globe"></span> Travel World</a></h1>
			</div>
			<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
			<input type="checkbox" id="drop" />
			<ul class="menu mt-md-2 ml-auto">
				<li class="mr-lg-4 mr-2 active"><a href="index.html">Home</a></li>
				<li class="mr-lg-4 mr-2"><a href="#choose">Why Choose Us</a></li>
				<li class="mr-lg-4 mr-2"><a href="#about">About Us</a></li>
				<li class="mr-lg-3 mr-2 p-0">
					<!-- First Tier Drop Down -->
					<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
					<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
					<input type="checkbox" id="drop-2"/>
					<ul class="inner-dropdown p-lg-3 p-0">
						<li><a href="#team">Our Agents</a></li>
						<li><a href="#pricing">Travel Packages</a></li>
						<li><a href="#blog">News Blog</a></li>
						<li><a href="#book">Book Now</a></li>
					</ul>
				</li>
				<li class="mr-lg-4 mr-2"><a href="#contact">Contact</a></li>
				<li class=""><a href="#subscribe">Subscribe</a></li>
			</ul>
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->
<!-- banner -->
<section class="banner" id="home">
	<div class="container">
		<div class="banner-text">
			<div class="slider-info">
				<div class="w3layouts-text mt-lg-5">
					<h2>Plan your Holiday Trip Now Exceptional Adventure</h2>
					<p class="mt-3"> Aliquam sodales neque ullamcorper vestibulum consequat. Curabitur mauris justo, rutrum sit amet pulvinar et, rutrum mattis augue. In faucibus orci vitae nulla ipsum.</p>
				</div>
			</div>
			<!-- To bottom button-->
			<div class="thim-click-to-bottom mt-sm-5 mt-3 pt-lg-5">
				<div class="rotate">
					<a href="#choose" class="scroll">
						<span class="fa fa-angle-double-down"></span>
					</a>
				</div>
			</div>
			<!-- //To bottom button-->
		</div>
	</div>
</section>
<!-- //banner -->
<!-- why choose us -->
<section class="choose py-5" id="choose">
	<div class="container py-sm-3">
		<h3 class="heading text-center mb-4">Why <span>Choose Us</span></h3>
		<div class="row text-center">
			<div class="col-lg-3 col-md-6 choose-icon mt-4">
				<span class="fa fa-cogs" aria-hidden="true"></span>
				<div class=" choose-grid">
					<h3 class="mt-4">Integer pulvinar leo id viverra elit ipsum</h3>
					<p class="mt-2">Integer pulvinar leo idut viver feugiat. Pellentes que libero justo orci fermentum.</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 choose-icon mt-4">
				<span class="fa fa-headphones" aria-hidden="true"></span>
				<div class="choose-grid">
					<h3 class="mt-4">Integer pulvinar leo id viverra elit ipsum</h3>
					<p class="mt-2">Integer pulvinar leo idut viver feugiat. Pellentes que libero justo orci fermentum.</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 choose-icon mt-4">
				<span class="fa fa-calendar" aria-hidden="true"></span>
				<div class="choose-grid">
					<h3 class="mt-4">Integer pulvinar leo id viverra elit ipsum</h3>
					<p class="mt-2">Integer pulvinar leo idut viver feugiat. Pellentes que libero justo orci fermentum.</p>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 choose-icon mt-4">
				<span class="fa fa-cubes" aria-hidden="true"></span>
				<div class="choose-grid">
					<h3 class="mt-4">Integer pulvinar leo id viverra elit ipsum</h3>
					<p class="mt-2">Integer pulvinar leo idut viver feugiat. Pellentes que libero justo orci fermentum.</p>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //why choose us -->
<!-- About -->
<section class="about py-5" id="about">
	<div class="container py-3">
		<div class="row about-grids">
			<div class="col-lg-6">
				<img src="images/about.jpg" alt="About Image" class="img-fluid" />
			</div>
			<div class="col-lg-6 mt-lg-0 mt-3">
				<h6 class="text-uppercase mt-4 mb-2">Mount Everest</h6>
				<h4>Explore the world with us</h4>
				<h5 class="my-sm-4 my-2"><span class="fa fa-plane"></span> Starting from $235 , <span class="fa fa-bed"></span> hotels at $25 </h5>
				<p> Aliquam sodales neque ullamcorper vestibrulum consequat ipsum. Curabitur mauris justo, rutrum sit amet pulvinar et, rutrum mattis augue. In faucibus orci vitae nulla ipsum. Aliquam sodales nequer ullamcorper vestibulum consequat. Curabitur mauris justo, rutrul sit amet pulvinar et, rutu mattis augue. In faucibus orci vitae null sed ipsum In faucibus orci vitae nulla ipsum.</p>
			</div>
		</div>
	</div>
</section>
<!-- //About -->
<!-- team -->
<section class="team py-5" id="team">
	<div class="w3_dot_info two py-3">
		<div class="container">
			<h3 class="heading text-center mb-4"> Our <span>Agents</span></h3>
			<div class="row w3pvt_team_grids">
				<div class="col-lg-3 col-sm-6">
					<div class="w3_team_grid">
						<div class="w3_team_grid_figure">
							<img src="images/team1.jpg" alt=" " class="img-fluid" />
						</div>
						<h4>Jane Watson</h4>
						<p>Travel Agent</p>
						<p>+21 345 287 4556</p>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-sm-0 mt-4">
					<div class="w3_team_grid">
						<div class="w3_team_grid_figure">
							<img src="images/team2.jpg" alt=" " class="img-fluid" />
						</div>
						<h4>James Doe</h4>
						<p>Travel Agent</p>
						<p>+21 345 287 4556</p>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
					<div class="w3_team_grid">
						<div class="w3_team_grid_figure">
							<img src="images/team3.jpg" alt=" " class="img-fluid" />
						</div>
						<h4>Laura Carl</h4>
						<p>Travel Agent</p>
						<p>+21 345 287 4556</p>
					</div>
				</div>
				<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
					<div class="w3_team_grid">
						<div class="w3_team_grid_figure">
							<img src="images/team4.jpg" alt=" " class="img-fluid" />
						</div>
						<h4>Anderson</h4>
						<p>Travel Agent</p>
						<p>+21 345 287 4556</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //team -->
<!-- travel with us -->
<section class="travel py-5" id="travel">
	<div class="container py-md-5">
		<h3 class="heading text-center mb-5"> Travel <span>With Us</span></h3>
		<div class="row travel-grids">
			<div class="col-lg-3 col-sm-6">
				<div class="special-info">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
							</div>
							<h4>Paris Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>6 <span>days</span></li>
								<li>12 <span>Cities</span></li>
							</ul>
						</div>
					</div>	
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-sm-0 mt-4">
				<div class="special-info special-info1">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star-half-o" aria-hidden="true"></span>
							</div>
							<h4>London Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>12 <span>days</span></li>
								<li>25 <span>Cities</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4">
				<div class="special-info special-info2">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
							</div>
							<h4>Maldives Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>18 <span>days</span></li>
								<li>10 <span>Cities</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4">
				<div class="special-info special-info3">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star-half-o" aria-hidden="true"></span>
							</div>
							<h4>Bermuda Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>30 <span>days</span></li>
								<li>40 <span>Cities</span></li>
							</ul>
						</div>
					</div>	
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-sm-5 mt-4">
				<div class="special-info special-info4">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
							</div>
							<h4>Paris Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>6 <span>days</span></li>
								<li>12 <span>Cities</span></li>
							</ul>
						</div>
					</div>	
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-sm-5 mt-4">
				<div class="special-info special-info5">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star-half-o" aria-hidden="true"></span>
							</div>
							<h4>London Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>12 <span>days</span></li>
								<li>25 <span>Cities</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-sm-5 mt-4">
				<div class="special-info special-info6">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
							</div>
							<h4>Maldives Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>18 <span>days</span></li>
								<li>10 <span>Cities</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mt-sm-5 mt-4">
				<div class="special-info special-info7">
					<div class="item">
						<div class="special-info-top">
							<div class="special-star">
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star" aria-hidden="true"></span>
								<span class="fa fa-star-half-o" aria-hidden="true"></span>
							</div>
							<h4>Bermuda Trip</h4>
						</div>
						<div class="special-info-bottom">
							<ul>
								<li>30 <span>days</span></li>
								<li>40 <span>Cities</span></li>
							</ul>
						</div>
					</div>	
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //travel with us -->
<!-- pricing plans -->
<section class="pricing py-5" id="pricing">
	<div class="container py-md-5">
		<h3 class="heading text-center mb-5"> Travel <span>Packages</span></h3>
		<div class="row pricing-grids">
			<div class="col-lg-4 col-md-6 price mb-md-0 mb-sm-5 mb-4">
				<div class="shadow">
					<div class="pricing-grid mb-md-0 mb-sm-5 mb-4">
						<div class="head"><h3>Weekly </h3></div>
						<h4>06$</h4>
						<p class="py-3 text-center">Lorem ipsum dolor sit amet consecuter adsiplining</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 05 Best Travel Places</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Best Tourism Guides</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Experienced Travel Agents</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 06 days Travel Trip</p>
					</div>
				</div>
				<a href="#contact">Select Plan <span class="fa fa-angle-double-right"></span></a>
			</div>
			<div class="col-lg-4 col-md-6 price mb-lg-0 mb-sm-5 mb-4">
				<div class="shadow">
					<div class="pricing-grid pricing-active">
						<div class="head"><h3>Monthly </h3></div>
						<h4>24$</h4>
						<p class="py-3 text-center">Lorem ipsum dolor sit amet consecuter adsiplining</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 05 Best Travel Places</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Best Tourism Guides</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Experienced Travel Agents</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 10 days Travel Trip</p>
					</div>
				</div>
				<a href="#contact">Select Plan <span class="fa fa-angle-double-right"></span></a>
			</div>
			<div class="col-lg-4 col-md-6 price mb-sm-0 mb-4">
				<div class="shadow">
					<div class="pricing-grid">
						<div class="head"><h3>Annually </h3></div>
						<h4>36$</h4>
						<p class="py-3 text-center">Lorem ipsum dolor sit amet consecuter adsiplining</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 05 Best Travel Places</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Best Tourism Guides</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> Experienced Travel Agents</p>
						<p> <span class="fa fa-check" aria-hidden="true"></span> 20 days Travel Trip</p>
					</div>
				</div>
				<a href="#contact">Select Plan <span class="fa fa-angle-double-right"></span></a>
			</div>
		</div>
	</div>
</section>
<!-- //pricing plans -->
<!--/Blog-Posts-->
<section class="banner-bottom-w3layouts py-md-5 py-4" id="blog">
	<div class="container">
		<h3 class="heading text-center mb-4">Latest <span>News Blog</span></h3>
		<div class="inner-sec-w3ls py-md-5 py-4">
			<!--/services-grids-->
			<div class="row blog-sec">
				<div class="col-lg-4 col-md-6 about-in blog-grid-info text-left">
					<div class="card img">
						<div class="card-body img">
							<img src="images/blog.jpg" alt="" class="img-fluid">
							<div class="blog-des mt-3">
								<span class="entry-date"><span class="fa fa-clock-o" aria-hidden="true"></span> 8th Dec, 2018 <span class=" ml-4 fa fa-user" aria-hidden="true"></span> John Watson</span>
								<h5 class="card-title mt-2"><a href="#">Boating trip in a beach</a></h5>
								<p class="card-text">Nulla eu elementum quam. Pellentesque consectetur magna purus, nec facilisis.
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 about-in blog-grid-info text-left mt-md-0 mt-5">
					<div class="card img">
						<div class="card-body img">
							<img src="images/blog1.jpg" alt="" class="img-fluid">
							<div class="blog-des mt-3">
								<span class="entry-date"><span class="fa fa-clock-o" aria-hidden="true"></span> 8th Dec, 2018 <span class=" ml-4 fa fa-user" aria-hidden="true"></span> John Watson</span>
								<h5 class="card-title mt-2"><a href="#">Vacational Happy trip</a></h5>
								<p class="card-text">Nulla eu elementum quam. Pellentesque consectetur magna purus, nec facilisis.
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 about-in blog-grid-info text-left mt-lg-0 mt-5">
					<div class="card img">
						<div class="card-body img">
							<img src="images/blog2.jpg" alt="" class="img-fluid">
							<div class="blog-des mt-3">
								<span class="entry-date"><span class="fa fa-clock-o" aria-hidden="true"></span> 8th Dec, 2018 <span class=" ml-4 fa fa-user" aria-hidden="true"></span> John Watson</span>
								<h5 class="card-title mt-2"><a href="#">Holiday trip to mountains</a></h5>
								<p class="card-text">Nulla eu elementum quam. Pellentesque consectetur magna purus, nec facilisis.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!--//Blog-Posts-->
<!-- Book -->
<section class="book py-5" id="book">
	<div class="container py-md-5">
		<div class="row">
			<div class="col-lg-8">
				<h4 class="heading">Do You Want To Go?</h4>
				<p class="mt-4"> Aliquam sodales neque ullamcorper vestibulum consequat. Curabitur mauris justo, rutrum sit amet pulvinar et, rutrum mattis augue. In faucibus orci vitae nulla ipsum. Curabitur mauris justo, rutrum sit amet pulvinar et, rutrum mattis augue. In faucibus orci.</p>
				<form action="#" method="post" class="d-sm-flex mt-sm-5 mt-3">  
					<input type="text" name="Name" placeholder="Full Name" required="">
					<input type="text" name="Phone no" class="mx-sm-2 my-sm-0 my-2" placeholder="Phone Number" required="">
					<button type="submit" class="btn"> Submit</button>
				</form>
			</div>
			<div class="col-lg-4">
			</div>
		</div>
	</div>
</section>
<!-- //Book -->
<!-- contact -->		
<section class="contact py-5" id="contact">
	<div class="container py-md-3">
		<h3 class="heading text-center mb-4">Contact Us</h3>
		<div class="row contact-w3layouts">
			<div class="col-lg-5 contact-right"> 
				<form action="#" method="post">  
					<input type="text" name="Name" placeholder="Enter Your Name" required="">
					<input type="email" class="email" name="Email" placeholder="Enter Your Email" required="">
					<input type="text" name="Phone no" placeholder="Enter Your Phone Number" required="">
					<textarea name="Message" placeholder="Add Your Message" required=""></textarea>
					<button class="btn submit">Submit </button>
				</form>
			</div>
			<div class="col-lg-7 contact-middle mt-lg-0 mt-4">
				<div class="location-w3layouts-map">
					<iframe src="" allowfullscreen></iframe>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //contact -->	
<!-- footer -->
<section class="footer-top pt-5">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 mt-lg-0 mt-3 footer" id="subscribe">
				<div class="icon-subscribe">
					<h3><span class="fa fa-paper-plane" aria-hidden="true"></span> Join our newsletter</h3>
					<p>Get Our Latest News And Special Offers</p>
				</div>
			</div>
			<div class="col-lg-7 mt-lg-0 mt-4">
				<form action="#" method="post">
					<input type="email" placeholder="Enter your email..." name="email" required="">
					<button type="submit" class="btn">Subscribe</button>
				</form>
			</div>
		</div>
	</div>
</section>
<section class="w3pvt-footer middle w3ls-section">
	<div class="container">
		<div class="w3layouts-footer-bottom position-relative">
			<div class="row w3_layouts-footer-grids py-5">
				<div class="col-lg-3 col-md-5 mb-sm-0 mb-4 w3_layout-footer1 f1">
					<h5 class="mb-3">Who We Are</h5>
					<h6>10+ years of experience</h6>
					<p class="mt-2">Integer pulvinar leots idut viver sed feugiat. Pellentesque libero justo orcis fermentum sit amet consec adipiscing. Ipsum dolor sit amet idut viver sed.</p>					
				</div>
				<div class="col-lg-5 col-md-7 row w3_layout-footer1 f2 mt-md-0 mt-4">
					<div class="col-lg-7 col-md-7 col-sm-6 mb-sm-0 mb-4 inner-li">
						<h5 class="mb-3">Address Info</h5>
						<ul class="w3ls-footer-bottom-list">
							<li> <span class="fa fa-map-marker"></span> 3481ID Jack Street Beverly Jack<span> Hills 90210, USA </span></li>
							<li> <span class="fa fa-envelope"></span> <a href="https://www.51qianduan.com/">51前端</a> </li>
							<li> <span class="fa fa-phone"></span> +112 367 896 2449 </li>
							<!-- <li> <span class="fas fa-globe"></span> <a href="#"> www.website.com</a> </li> -->
							<li> <span class="fa fa-clock-o"></span>  8:00 a.m - 6:00 p.m</li>
						</ul>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-6 inner-li">
						<h5 class="mb-3">Useful Links </h5>
							<ul class="w3ls-footer-bottom-list">
							<li><a href="about.html">About our company</a></li>
							<li><a href="#">What we do</a></li>
							<li><a href="projects.html">Best travel places</a></li>
							<li><a href="#">Team members</a></li>
							<li><a href="contact.html">Write to us</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4 col-md-12 w3_layout-footer1 f3 mt-lg-0 mt-4">
					<h5 class="mb-3">Latest Tweets</h5>
					<ul class="tweet-w3pvt">
						<li>
							<p class="tweet-p1"><span class="fa fa-twitter" aria-hidden="true"></span><a href="https://www.51qianduan.com/">51前端</a> sit amet libero consectetur sed adipiscing libero justo orci sit amet.</p>
							<p class="tweet-p2">Posted 2 days ago.</p>
						</li>
						<li>
							<p class="tweet-p1"><span class="fa fa-twitter" aria-hidden="true"></span><a href="https://www.51qianduan.com/">51前端</a> sit amet libero consectetur sed adipiscing libero justo orci sit amet.</p>
							<p class="tweet-p2">Posted 4 days ago.</p>
						</li>
					</ul>
				</div>
				<a href="https://www.51qianduan.com/">51前端</a>
			</div>
		</div>
	</div>
</section>
<section class="copyright py-4">
	<div class="w3layouts-copyright text-center">
		<p>Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></p>
	</div>
</section>
<!-- //footer -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 蓝色 旅游 旅游公司 旅行社 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 大气 霸气

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到