<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Meteor HTML CSS Template</title>
<!--
Template 2089 Meteor
http://www.tooplate.com/view/2089-meteor
-->
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/hero-slider.css">
<link rel="stylesheet" href="css/tooplate-style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<div class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="https://www.51qianduan.com/">51前端</a>
</div>
<!--/.navbar-header-->
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="https://www.51qianduan.com/">51前端</a></li>
<li><a href="#" class="scroll-link" data-id="about">About Us</a></li>
<li><a href="#" class="scroll-link" data-id="portfolio">Portfolio</a></li>
<li><a href="#" class="scroll-link" data-id="blog">Blog</a></li>
<li><a href="#" class="scroll-link" data-id="contact">Contact Us</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
</nav>
<!--/.navbar-->
</div>
<!--/.container-->
</div>
<!--/.header-->
<section class="cd-hero">
<ul class="cd-hero-slider autoplay">
<!--
<ul class="cd-hero-slider autoplay"> for slider auto play
<ul class="cd-hero-slider"> for disabled auto play
-->
<li class="selected first-slide">
<div class="cd-full-width">
<div class="tm-slide-content-div slide-caption">
<span>Introduction to</span>
<h2>Creative Meteor</h2>
<p>Phasellus interdum tortor sem. Quisque sit amet condimentum sem. Phasellus luctus, felis sit amet pulvinar luctus.</p>
<div class="primary-button">
<a href="#" class="scroll-link" data-id="about">Discover More</a>
</div>
</div>
</div> <!-- .cd-full-width -->
</li>
<li class="second-slide">
<div class="cd-full-width">
<div class="tm-slide-content-div slide-caption">
<span>We Are Perfect Staffs</span>
<h2>Our Team Members</h2>
<p>Donec dolor ipsum, laoreet nec metus non, tempus elementum massa. Donec non elit rhoncus, vestibulum enim sed, rutrum arcu.</p>
<div class="primary-button">
<a href="#">Read More</a>
</div>
</div>
</div> <!-- .cd-full-width -->
</li>
<li class="third-slide">
<div class="cd-full-width">
<div class="tm-slide-content-div slide-caption">
<span>Design is a hobby</span>
<h2>Responsive Layout</h2>
<p>Integer ut dolor eget magna congue gravida ut at arcu. Vivamus maximus neque quis luctus tempus. Vestibulum consequat.</p>
<div class="primary-button">
<a href="#">View Details</a>
</div>
</div>
</div> <!-- .cd-full-width -->
</li>
</ul> <!-- .cd-hero-slider -->
<div class="cd-slider-nav">
<nav>
<span class="cd-marker item-1"></span>
<ul>
<li class="selected"><a href="#0"></a></li>
<li><a href="#0"></a></li>
<li><a href="#0"></a></li>
</ul>
</nav>
</div> <!-- .cd-slider-nav -->
</section> <!-- .cd-hero -->
<div id="about" class="page-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-heading">
<h4>What We Do</h4>
<div class="line-dec"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-item first-service">
<div class="icon"></div>
<h4>Easy Customizations</h4>
<p>Meteor is free HTML website template by Tooplate. Feel free to use this layout for your project.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-item second-service">
<div class="icon"></div>
<h4>Creative Ideas</h4>
<p>Biodiesel schltz suculents phone cliche ramps snackwave coloring book tumeric poke, typewriter.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-item third-service">
<div class="icon"></div>
<h4>Good Profit</h4>
<p>Biodiesel schltz suculents phone cliche ramps snackwave coloring book tumeric poke, typewriter.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service-item fourth-service">
<div class="icon"></div>
<h4>Open To Public</h4>
<p>Biodiesel schltz suculents phone cliche ramps snackwave coloring book tumeric poke, typewriter.</p>
</div>
</div>
</div>
</div>
</div>
<div id="what-we-do">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="left-text">
<h4>New offers just arrived,<br>Get it now and take profit.</h4>
<p>Gochujang pitchfork post-ironic hammock kombucha fanny pack cronut. Raw denim chicharrones semiotics af truffaut pinterest. Distillery letterpress authentic adaptogen. Meditation schlitz humblebrag photo booth celiac cliche chartreuse.<br><br>Pinteres
绿色宽屏形式pc+wap企业项目网页模板代码.zip
21 浏览量
2023-06-20
19:21:50
上传
评论
收藏 4.59MB ZIP 举报
绿色宽屏形式pc+wap企业项目网页模板代码.zip （72个子文件） 
22145 js 
main.js 2KB vendor bootstrap.js 66KB npm.js 484B bootstrap.min.js 35KB jquery-1.11.2.min.js 94KB modernizr-2.8.3-respond-1.4.2.min.js 20KB plugins.js 72KB img 
portfolio_big_08.jpg 252KB portfolio_08.jpg 19KB
prev.png 1KB portfolio_big_06.jpg 113KB blog_03.jpg 35KB first-service-white.png 2KB what-we-do-right-image.png 308KB blog-bg.png 11KB
loading.gif 8KB second-service-white.png 1KB slide_01.jpg 106KB portfolio_big_04.jpg 486KB portfolio_big_01.jpg 328KB portfolio_06.jpg 8KB slide_03.jpg 127KB second-service-main.png 2KB map.jpg 52KB slide_02.jpg 123KB portfolio_big_02.jpg 191KB third-service-white.png 2KB next.png 1KB portfolio_big_05.jpg 251KB first-service-main.png 2KB third-service-main.png 2KB portfolio_04.jpg 26KB portfolio_07.jpg 17KB close.png 280B portfolio_03.jpg 14KB blog_01.jpg 104KB fourth-service-white.png 2KB blog_02.jpg 12KB contact-bg.png 549KB portfolio_02.jpg 15KB fourth-service-main.png 2KB portfolio_01.jpg 20KB portfolio_big_03.jpg 148KB what-we-do-bg.png 332KB portfolio_05.jpg 14KB black_logo.png 2KB white_logo.png 2KB portfolio_big_07.jpg 221KB css bootstrap.min.css 111KB bootstrap-theme.css.map 42KB bootstrap-theme.css 22KB bootstrap.css.map 358KB hero-slider.css 18KB fontAwesome.css 39KB bootstrap.css 134KB bootstrap-theme.min.css 19KB fonts flexslider-icon.woff 1KB flexslider-icon.eot 2KB flexslider-icon.ttf 2KB
flexslider-icon.svg 2KB tooplate-style.css 16KB
index.html 26KB fonts FontAwesome.otf 132KB glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
