<!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手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.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 PSDs 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资源评论
wsnbb_2023
- 粉丝: 17
- 资源: 6001
最新资源
- ssm前后端分离鲜花销售系统+vue.zip
- ssm人力资源管理系统+vue.zip
- dropdown 是一款基于layui框架的下拉框控件，填补了layui原生没有下拉框这个空隙 借助下拉框的操作方式和UI交互，可以带来更加直观、便于操作、模块划分清晰等优势
- ssm企业人事管理系统的设计与实现+jsp.zip
- ssm农业视频实时发布管理系统设计+jsp.zip
- ssm农家乐信息平台的设计与实现+vue.zip
- 西门子PLC1500大型程序fanuc机器人焊装 包括1台 西门子1500PLC程序，2台触摸屏TP1500程序 9个智能远程终端ET200SP Profinet连接 15个Festo气动智能模块P
- ssm农产品仓库管理系统系统+jsp.zip
- ssm绿色农产品推广应用网站+vue.zip
- ssm民宿管理系统+jsp.zip
- ssm旅游网站的设计与实现+jsp.zip
- ssm旅游攻略网站设计+jsp.zip
- ssm旅游景点管理系统设计+jsp.zip
- ssm连锁经营商业管理系统+jsp.zip
- ssm临沂旅游咨询系统+vue.zip
- ssm旅行社管理系统的设计与实现+jsp.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
