<!DOCTYPE html>
<html lang="en" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Curve - Free CSS template by ChocoTemplates.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wraper -->
<div id="wrapper">
<!-- shell -->
<div class="shell">
<!-- container -->
<div class="container">
<!-- header -->
<header id="header">
<h1 id="logo"><a href="#">Curve</a></h1>
<!-- search -->
<div class="search">
<form method="post">
<span class="field"><input type="text" class="field" value="keywords here ..." title="keywords here ..." /></span>
<input type="submit" class="search-btn" value="" />
</form>
</div>
<!-- end of search -->
</header>
<!-- end of header -->
<!-- navigation -->
<nav id="navigation">
<a href="#" class="nav-btn">HOME<span class="arr"></span></a>
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">projects</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">jobs</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contacts</a></li>
</ul>
</nav>
<!-- end of navigation -->
<!-- slider -->
<div class="m-slider">
<div class="slider-holder">
<span class="slider-shadow"></span>
<span class="slider-b"></span>
<div class="slider flexslider">
<ul class="slides">
<li>
<div class="img-holder">
<img src="css/images/slide-img1.png" alt="" />
</div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a>
</div>
</li>
<li>
<div class="img-holder">
<img src="css/images/slide-img2.png" alt="" />
</div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a>
</div>
</li>
<li>
<div class="img-holder">
<img src="css/images/slide-img1.png" alt="" />
</div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- end of slider -->
<!-- main -->
<div class="main">
<a href="#" class="m-btn-grey grey-btn">request a demo</a>
<section class="cols">
<div class="col">
<img src="css/images/col-img1.png" alt="" />
<div class="col-cnt">
<h2>Design</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing dolor emor</p>
<a href="#" class="more">view more</a>
</div>
</div>
<div class="col">
<img src="css/images/col-img2.png" alt="" />
<div class="col-cnt">
<h2>Branding</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
<a href="#" class="more">view more</a>
</div>
</div>
<div class="col">
<img src="css/images/col-img3.png" alt="" />
<div class="col-cnt">
<h2>Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
<a href="#" class="more">view more</a>
</div>
</div>
<div class="cl"> </div>
</section>
<section class="post">
<div class="video-holder">
<img src="css/images/video-img.png" alt="" />
</div>
<div class="post-cnt">
<h2>What’s in the box?</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit adispicing amet</strong> Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt amet nsectetur adipiscing elit. Cras molestie condimentum nsectetur adipiscing elit. Cras molestie condimentum consequat pretium donec dictum mattis elit, nec:</p>
<ul>
<li><a href="#">jQuery Fader</a></li>
<li><a href="#">Various column options</a></li>
<li><a href="#">Valid XHTML and CSS tableless Design</a></li>
<li><a href="#">Tested on Mac & PC</a></li>
</ul>
</div>
<div class="cl"> </div>
</section>
<section class="testimonial">
<h2>Responsive CSS Template with jQuery Fader</h2>
<p><strong class="quote">“</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu tempus ut, mollis et libero”</p>
<p class="author">John Doe, <strong>Company Name</strong></p>
</section>
</div>
<!-- end of main -->
<div class="socials">
<div class="socials-inner">
<h3>Follow us</h3>
<ul>
<li><a href="#" class="facebook-ico"><span></span>Facebook</a></li>
<li><a href="#" class="twitter-ico"><span></span>Twitter</a></li>
<li><a href="#" class="rss-feed-ico"><span></span>Rss-feed</a></li>
<li><a href="#" class="myspace-ico"><span></span>myspace</a></li>
<li><a href="#" class="john-doe-123-ico"><span></span>john.doe.123</a></li>
</ul>
<div class="cl"> </div>
</div>
</div>
<div id="footer">
<div class="footer-cols">
<div class="col">
<h2>Services</h2>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">Seo Optimization</a></li>
<li><a href="#">Mobile App Development</a></li>
</ul>
</div>
<div class="col">
<h2>Projects</h2>
<ul>
<li><a href="#">Lorem ipsum dolor </a></li>
<li><a href="#">Consectetuer adipiscing</a></li>
<li><a href="#">Proin sed odio et ante </a></li>
<li><a href="#">Mazim sensibus et usu</a></li>
</ul>
</div>
<div class="col">
<h2>Solutions</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Consectetuer adipiscing</a></li>
<li><a href="#">Proin sed odio et ante </a></li>
<li><a href="#">Mazim sensibus et usu</a></li>
</ul>
</div>
<div class="col">
<h2>Partners</h2>
<ul>
<li><a href="#">Company Name 1</a></li>
<li><a hr
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
x55_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (56个子文件)
x55
js
jquery.flexslider-min.js 11KB
functions.js 1KB
jquery-1.8.0.min.js 90KB
modernizr.custom.js 7KB
css
style.css 18KB
flexslider.css 3KB
images
cols-shadow.png 4KB
video-img.png 161KB
rss-ico.png 2KB
main.png 1KB
t-slide-img2.png 130KB
footer-cols.png 3KB
socials-inner.png 1022B
m-section-shadow.png 3KB
t-slide-img.png 322KB
arr-ico.png 1KB
john-ico.png 2KB
face-ico.png 2KB
nav-arr.png 4KB
twitter-ico.png 2KB
logo.png 2KB
arr-footer-col.png 1KB
t-slider-bottom.png 5KB
m-section-post.png 3KB
nav-border.png 1KB
slider-bottom.png 17KB
col-img1.png 15KB
t-section-post.png 4KB
m-btn-grey.png 3KB
slide-img1.png 307KB
m-slide-img.png 50KB
col-img2.png 12KB
slide-img2.png 187KB
t-slide-img1.png 199KB
col-img3.png 9KB
navigation.png 1KB
[email protected] 113KB
search-btn.png 2KB
section-shadow.png 2KB
socials.png 7KB
grey-btn.png 3KB
favicon.ico 1KB
t-section-shadow.png 2KB
socials-bg.png 1KB
slide-img.png 428KB
my-space-ico.png 2KB
footer-lights.png 13KB
footer-bottom.png 3KB
body.png 23KB
m-slider-bottom.png 6KB
slider-shadow.png 2KB
control-nav.png 2KB
index.html 9KB
共 56 条
- 1
资源评论
2301_77342543
- 粉丝: 36
- 资源: 5761
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功