<!DOCTYPE HTML>
<!--
Prologue 1.0 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Prologue by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-wide.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header" class="skel-panels-fixed">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
<h1 id="title">Jane Doe</h1>
<span class="byline">Hyperspace Engineer</span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top" id="top-link" class="skel-panels-ignoreHref"><span class="icon icon-home">Intro</span></a></li>
<li><a href="#portfolio" id="portfolio-link" class="skel-panels-ignoreHref"><span class="icon icon-th">Portfolio</span></a></li>
<li><a href="#about" id="about-link" class="skel-panels-ignoreHref"><span class="icon icon-user">About Me</span></a></li>
<li><a href="#contact" id="contact-link" class="skel-panels-ignoreHref"><span class="icon icon-envelope">Contact</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span>Facebook</span></a></li>
<li><a href="#" class="icon icon-github"><span>Github</span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Dribbble</span></a></li>
<li><a href="#" class="icon icon-envelope"><span>Email</span></a></li>
</ul>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >网页模板</a></div>
<!-- Main -->
<div id="main">
<!-- Intro -->
<section id="top" class="one">
<div class="container">
<a href="http://ineedchemicalx.deviantart.com/art/Moonscape-381829905" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
<header>
<h2 class="alt">This is <strong>Prologue</strong>. A <a href="#/license">free</a>, fully responsive<br />
site template by <a href="#">HTML5 UP</a>.</h2>
</header>
<p>Ligula scelerisque justo sem accumsan diam quis. Vitae natoque dictum
etiam semper magnis enim feugiat convallis convallis egestas rhoncus ridiculus
in quis risus curabitur tempor. Orci penatibus quisque laoreet condimentum
sollicitudin accumsan elementum.</p>
<footer>
<a href="#portfolio" class="button scrolly">Magna Aliquam</a>
</footer>
</div>
</section>
<!-- Portfolio -->
<section id="portfolio" class="two">
<div class="container">
<header>
<h2>Portfolio</h2>
</header>
<p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
fusce hendrerit lacus ridiculus.</p>
<div class="row">
<div class="4u">
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/A-million-suns-384369739" class="image full"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>Ipsum Feugiat</h3>
</header>
</article>
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/Mind-is-a-clear-stage-375431607" class="image full"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Rhoncus Semper</h3>
</header>
</article>
</div>
<div class="4u">
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/You-really-got-me-345249340" class="image full"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>Magna Nullam</h3>
</header>
</article>
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/Ad-infinitum-354203162" class="image full"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3>Natoque Vitae</h3>
</header>
</article>
</div>
<div class="4u">
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/Elysium-355393900" class="image full"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h3>Dolor Penatibus</h3>
</header>
</article>
<article class="item">
<a href="http://ineedchemicalx.deviantart.com/art/Emperor-of-the-Stars-370265193" class="image full"><img src="images/pic07.jpg" alt="" /></a>
<header>
<h3>Orci Convallis</h3>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- About Me -->
<section id="about" class="three">
<div class="container">
<header>
<h2>About Me</h2>
</header>
<a href="http://ineedchemicalx.deviantart.com/art/Pasadena-357650036" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>
</div>
</section>
<!-- Contact -->
<section id="contact" class="four">
<div class="container">
<header>
<h2>Contact</h2>
</header>
<p>Elementum sem parturient nulla quam placerat viverra
mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
<form method="post" action="#">
<div class="row half">
<div class="6u"><input type="text" class="text" name="name" placeholder="Name" /></div>
<div class="6u"><input type="text" class="text" name="email" placeholder="Email" /></div>
</div>
<div class="row half">
<div class="12u">
<textarea name="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<a href="#" class="button submit">Send Message</a>
</div>
</div>
</form>
</div>
</section>
</div>
<!-- Footer -->
852_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （34个子文件） 
852 js 
skel-panels.min.js 16KB skel.min.js 20KB html5shiv.js 2KB init.js 10KB jquery.min.js 91KB
1.jpg 85KB css style.css 29KB PIE.htc 40KB font FontAwesome.otf 60KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 193KB fontawesome-webfont.ttf 77KB ie8.css 1KB style-narrower.css 3KB skel-noscript.css 4KB ie9.css 495B style-narrow.css 2KB style-wide.css 1KB style-normal.css 147B style-mobile.css 1KB images ie9 button.svg 440B toggle.svg 409B
overlay.png 54KB
index.html 8KB images pic05.jpg 72KB pic02.jpg 92KB pic06.jpg 73KB pic04.jpg 60KB pic03.jpg 44KB pic08.jpg 129KB pic01.jpg 97KB avatar.jpg 2KB pic07.jpg 110KB资源评论
