<!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
前端前端静态模板-非响应式黑绿灰滚屏网站-学生作业毕设实训素材.zip （88个子文件） 
非响应式黑绿灰滚屏网站 css 
nivo-slider.css 1KB fonts 
merriweather-bold-webfont.svg 89KB merriweather-regular-webfont.ttf 56KB merriweather-bold-webfont.ttf 56KB merriweather-regular-webfont.eot 56KB merriweather-regular-webfont.woff 30KB merriweather-regular-webfont.svg 88KB merriweather-bold-webfont.eot 56KB merriweather-bold-webfont.woff 32KB jquery.fancybox-1.3.4.css 9KB style.css 18KB images 
thumb-pic.png 4KB rss.png 1KB thumb-frame.png 2KB header-bg.png 6KB bullets.png 2KB thumb-bg.png 2KB bg.png 57KB social linkedin.png 1KB delicious.png 1KB dribble.png 2KB twitter.png 1KB facebook.png 1KB flickr.png 1KB googleplus.png 2KB back-to-top.png 4KB form-bg.png 978B section-sep.png 930B thumbs big 
vector-flower-fullscreen.jpg 28KB eiffel.jpg 40KB milk.jpg 27KB hexagon.jpg 62KB clouds-and-rainbow.jpg 18KB dandelion.jpg 63KB sneakers.jpg 90KB landscape.jpg 125KB vector-flower-fullscreen.jpg 8KB eiffel.jpg 14KB milk.jpg 9KB hillsong-united-aftermath.jpg 10KB hexagon.jpg 11KB clouds-and-rainbow.jpg 6KB dandelion.jpg 15KB sneakers.jpg 18KB landscape.jpg 22KB slider.png 2KB quote-open.png 1KB btn-bg.png 5KB arrows.png 3KB quote.png 2KB logo.png 9KB fancybox fancy_nav_left.png 1KB fancy_shadow_nw.png 324B fancy_shadow_w.png 103B
blank.gif 43B fancy_close.png 1KB fancy_title_right.png 506B fancy_shadow_s.png 111B fancy_shadow_sw.png 340B fancy_nav_right.png 1KB fancy_title_over.png 70B fancybox-x.png 203B fancybox.png 15KB fancy_loading.png 10KB fancy_shadow_e.png 107B fancy_shadow_n.png 106B fancy_title_main.png 96B fancybox-y.png 176B fancy_title_left.png 503B fancy_shadow_ne.png 347B fancy_shadow_se.png 352B services seo-services.png 3KB webdevelopment.png 3KB logo-design-and-branding.png 3KB newsletter.png 3KB webdesign.png 3KB print-design.png 3KB slides slide3.png 40KB slide2.png 36KB slide1.png 33KB loading.gif 9KB PSDs 
index.html 25KB js jquery-1.6.1.min.js 89KB jquery.fancybox-1.3.4.pack.js 15KB jquery.nivo.slider.pack.js 16KB init.js 1KB jquery.smoothscroll.js 1KB jquery.easing-1.3.pack.js 7KB资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
最新资源
- 基于WEB的高校学生实习实训管理信息系统全部资料+详细文档.zip
- 基于web的高校学生成绩管理系统全部资料+详细文档.zip
- 基于人脸识别的高校迎新管理系统全部资料+详细文档.zip
- 基于WIFI的Android高校签到app全部资料+详细文档.zip
- 基于wifi和人脸比对的高校课堂手机考勤程序全部资料+详细文档.zip
- 基于遗传算法的高校自动排课系统全部资料+详细文档.zip
- 基于网络舆情的高校学生社会心理态势感知系统全部资料+详细文档.zip
- 基于微信小程序和人脸识别技术的高校查寝系统全部资料+详细文档.zip
- S7-1200-Modnus RTU通信主站结构块程序 TIA博图SCL源码语言编程.程序可用于西门子S7-1200PLC.S7-1500PLC.Modnus RTU通信 简单实用,轻松实现对30个
- 人工智能实战-从 Python 入门到机器学习.zip
- 基于双路神经网络的滚动轴承故障诊断 融合了原始振动信号 和 二维信号时频图像 的多输入(多通道)故障诊断方法 单路和双路都可 时频图像算法可选小波变，短时傅里叶变，马尔可夫变迁场，格拉姆角场
- C#运动控制系统源码 雷赛运动控制卡控制系统 像高川控制卡、高川控制器、或者固高运动控制卡以及正运动控制器、正运动控制卡可以用这个框架，自己替一下库文件等代码就可以 功能丰富，注释多，非常适合新
- 模具试题.doc
- 机加工工艺试题答案.doc
- 机械、电器试题答案.doc
- 技术测评试题.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
