<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta charset="utf-8"/>
<meta name="description" content="">
<meta name="author" content="">
<title>PageOne</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" />
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.6.1.min.js"><\/script>')</script>
<script src="js/jquery.smoothscroll.js"></script>
<script src="js/jquery.nivo.slider.pack.js"></script>
<script src="js/jquery.easing-1.3.pack.js"></script>
<script src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/init.js"></script>
</head>
<body>
<!-- header-wrap -->
<div id="header-wrap">
<header>
<hgroup>
<h1><a href="index.html">PageOne</a></h1>
<h3>Just Another Styleshout Template</h3>
</hgroup>
<nav>
<ul>
<li><a href="#main">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Our Works</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#styles">Styles</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</header>
</div>
<!-- content-wrap -->
<div class="content-wrap">
<!-- main -->
<section id="main">
<div class="intro-box">
<h1>Welcome.</h1>
<p class="intro">Hello there. We are PageOne. We are a small design studio based in somewhere.
We create awesome websites, user interfaces, logos and other digital stuff. We're here to make you
and your business stand out from the crowd.</p>
<p class="intro">Learn more <a href="#about-us">about us</a> or <a href="#contact">get in touch</a> if you want to hire us on your next project.</p>
</div>
<div class="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="images/slides/slide1.png" width="383" height="198" alt="" />
<img src="images/slides/slide2.png" width="383" height="198" alt="" />
<img src="images/slides/slide3.png" width="383" height="198" alt="" title="#htmlcaption"/>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
<div class="row no-bottom-margin">
<section class="col">
<h2>Creative Ideas</h2>
<p>Nascetur augue hac platea enim, egestas pulvinar vut. Pulvinar cum, ac eu, tristie
acus duis in dictumst non integer! Elit, sed scelerisque odio tortor, sed platea dis? Quis
cursus parturient ac amet odio in? Nunc Amet urna scelerisque eu lectus placerat.</p>
</section>
<section class="col mid">
<h2>Innovation</h2>
<p>Pellentesque magna mi, iaculis pharetra eu, fermentum ullamcorper nisi.
Integer fringilla magna ut quam vulputate erat. Pulvinar cum, ac eu augue ut sit amet
gravida lacinia, eros massa condimentum sem, a fermentum ligula lorem non.
Phasellus vulputate.</p>
</section>
<section class="col">
<h2>Design and Development</h2>
<p>In hac habitasse platea risus dictumst. Suspendisse sit amet enim arcu. Aliquam erat volutpat.
Phasellus a dui nisi. Nunc nec quam vitae nisl vehicula euismod. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed commodo ligula blandit risus.</p>
</section>
</div>
<a class="back-to-top" href="#main">Back to Top</a>
</section>
<!-- services -->
<section id="services" >
<h1>Our services.</h1>
<div class="row no-bottom-margin">
<section class="col">
<h2>Web Design</h2>
<p><img class="align-left" alt="" src="images/services/webdesign.png" />Pellentesque magna mi, iaculis pharetra eu, fermentum ullamcorper nisi.
Integer fringilla magna ut quam vulputate erat. Pulvinar cum, ac eu augue ut sit amet
gravida lacinia, eros massa condimentum sem, a fermentum ligula lorem non.
Phasellus vulputate.</p>
</section>
<section class="col mid">
<h2>Web Development</h2>
<p><img class="align-left" alt="" src="images/services/webdevelopment.png" />In hac habitasse platea risus dictumst. Suspendisse sit amet enim arcu. Aliquam erat volutpat.
Phasellus a dui nisi. Nunc nec quam vitae nisl vehicula euismod. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed commodo ligula blandit risus</p>
</section>
<section class="col">
<h2>SEO Services</h2>
<p><img class="align-left" alt="" src="images/services/seo-services.png" />Nascetur augue hac platea enim, egestas pulvinar vut. Pulvinar cum, ac eu, tristie
acus duis in dictumst non integer! Elit, sed scelerisque odio tortor, sed platea dis? Quis
cursus parturient ac amet odio in? Nunc Amet urna scelerisque eu lectus placerat.</p>
</section>
</div>
<div class="row">
<section class="col">
<h2>Print Design</h2>
<p><img class="align-left" alt="" src="images/services/print-design.png" />In hac habitasse platea risus dictumst. Suspendisse sit amet enim arcu. Aliquam erat volutpat.
Phasellus a dui nisi. Nunc nec quam vitae nisl vehicula euismod. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed commodo ligula blandit risus</p>
</section>
<section class="col mid">
<h2>Logo Design & Branding</h2>
<p><img class="align-left" alt="" src="images/services/logo-design-and-branding.png" />Nascetur augue hac platea enim, egestas pulvinar vut. Pulvinar cum, ac eu, tristie
acus duis in dictumst non integer! Elit, sed scelerisque odio tortor, sed platea dis? Quis
cursus parturient ac amet odio in? Nunc Amet urna scelerisque eu lectus placerat.</p>
</section>
<section class="col">
<h2>Newsletter</h2>
<p><img class="align-left" alt="" src="images/services/newsletter.png" />Pellentesque magna mi, iaculis pharetra eu, fermentum ullamcorper nisi.
Integer fringilla magna ut quam vulputate erat. Pulvinar cum, ac eu augue ut sit amet
gravida lacinia, eros massa condimentum sem, a fermentum ligula lorem non.
Phasellus vulputate.</p>
</section>
</div>
<a class="back-to-top" hre
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
灰绿网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (88个子文件)
灰绿网站
js
jquery.fancybox-1.3.4.pack.js 15KB
jquery-1.6.1.min.js 89KB
jquery.easing-1.3.pack.js 7KB
jquery.nivo.slider.pack.js 16KB
jquery.smoothscroll.js 1KB
init.js 1KB
css
style.css 18KB
jquery.fancybox-1.3.4.css 9KB
nivo-slider.css 1KB
fonts
merriweather-regular-webfont.woff 30KB
merriweather-regular-webfont.ttf 56KB
merriweather-regular-webfont.eot 56KB
merriweather-bold-webfont.ttf 56KB
merriweather-bold-webfont.svg 89KB
merriweather-regular-webfont.svg 88KB
merriweather-bold-webfont.woff 32KB
merriweather-bold-webfont.eot 56KB
index.html 25KB
images
quote-open.png 1KB
section-sep.png 930B
thumb-bg.png 2KB
services
print-design.png 3KB
webdesign.png 3KB
seo-services.png 3KB
logo-design-and-branding.png 3KB
newsletter.png 3KB
webdevelopment.png 3KB
thumb-frame.png 2KB
loading.gif 9KB
logo.png 9KB
back-to-top.png 4KB
quote.png 2KB
slides
slide2.png 36KB
slide3.png 40KB
slide1.png 33KB
fancybox
fancybox.png 15KB
fancy_shadow_w.png 103B
fancy_shadow_n.png 106B
fancy_title_right.png 506B
fancy_shadow_se.png 352B
fancy_shadow_s.png 111B
blank.gif 43B
fancy_loading.png 10KB
fancy_nav_left.png 1KB
fancy_shadow_e.png 107B
fancy_shadow_nw.png 324B
fancy_nav_right.png 1KB
fancy_shadow_ne.png 347B
fancybox-y.png 176B
fancy_title_over.png 70B
fancy_title_main.png 96B
fancy_title_left.png 503B
fancybox-x.png 203B
fancy_shadow_sw.png 340B
fancy_close.png 1KB
arrows.png 3KB
bg.png 57KB
form-bg.png 978B
btn-bg.png 5KB
slider.png 2KB
thumb-pic.png 4KB
header-bg.png 6KB
thumbs
dandelion.jpg 15KB
sneakers.jpg 18KB
milk.jpg 9KB
landscape.jpg 22KB
vector-flower-fullscreen.jpg 8KB
hexagon.jpg 11KB
eiffel.jpg 14KB
big
dandelion.jpg 63KB
sneakers.jpg 90KB
milk.jpg 27KB
landscape.jpg 125KB
vector-flower-fullscreen.jpg 28KB
hexagon.jpg 62KB
eiffel.jpg 40KB
clouds-and-rainbow.jpg 18KB
hillsong-united-aftermath.jpg 10KB
clouds-and-rainbow.jpg 6KB
rss.png 1KB
social
delicious.png 1KB
flickr.png 1KB
twitter.png 1KB
facebook.png 1KB
linkedin.png 1KB
googleplus.png 2KB
dribble.png 2KB
bullets.png 2KB
共 88 条
- 1
资源评论
woisking2
- 粉丝: 12
- 资源: 6722
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功