<!DOCTYPE HTML>
<html>
<head>
<title>Miniport</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=Open+Sans:300,600,700" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" />
<![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top">Top</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<div class="wrapper wrapper-style1 wrapper-first">
<article class="container" id="top">
<div class="row">
<div class="4u">
<span class="me image image-full"><img src="images/me.jpg" alt="" /></span>
</div>
<div class="8u">
<header>
<h1>Hi. I'm <strong>Jane Doe</strong>.</h1>
</header>
<p>And this is <strong>Miniport</strong>, a free, fully responsive HTML5 site template designed by AJ for HTML5 UP & released under the CCA license.</p>
<a href="#work" class="button button-big">Learn about what I do</a>
</div>
</div>
</article>
</div>
<!-- Work -->
<div class="wrapper wrapper-style2">
<article id="work">
<header>
<h2>I design and build amazing things.</h2>
<span>Odio turpis amet sed consequat eget posuere consequat.</span>
</header>
<div class="container">
<div class="row">
<div class="4u">
<section class="box box-style1">
<span class="icon featured-icon icon-comments-alt"></span>
<h3>Consequat lorem</h3>
<p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
</section>
</div>
<div class="4u">
<section class="box box-style1">
<span class="icon featured-icon icon-file-alt"></span>
<h3>Lorem dolor tempus</h3>
<p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
</section>
</div>
<div class="4u">
<section class="box box-style1">
<span class="icon featured-icon icon-thumbs-up"></span>
<h3>Feugiat posuere</h3>
<p>Ornare nulla proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore.</p>
</section>
</div>
</div>
</div>
<footer>
<p>Lorem ipsum dolor sit sapien vestibulum ipsum primis?</p>
<a href="#portfolio" class="button button-big">See some of my recent work</a>
</footer>
</article>
</div>
<!-- Portfolio -->
<div class="wrapper wrapper-style3">
<article id="portfolio">
<header>
<h2>Awesome work makes happy clients.</h2>
<span>Proin odio consequat sapien vestibulum ipsum primis sed amet consequat lorem dolore feugiat lorem ipsum dolore.</span>
</header>
<div class="container">
<div class="row">
<div class="12u">
</div>
</div>
<div class="row">
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio01.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Magna feugiat</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio02.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Veroeros primis</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio03.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Lorem ipsum</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
</div>
<div class="row">
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio04.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Tempus dolore</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio05.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Feugiat aliquam</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u">
<article class="box box-style2">
<a href="http://sc.chinaz.com" class="image image-full"><img src="images/portfolio06.jpg" alt="" /></a>
<h3><a href="http://sc.chinaz.com">Sed amet ornare</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
</div>
</div>
<footer>
<p>Lorem ipsum dolor sit sapien vestibulum ipsum primis?</p>
<a href="#contact" class="button button-big">Get in touch with me</a>
</footer>
</article>
</div>
<!-- Contact -->
<div class="wrapper wrapper-style4">
<article id="contact">
<header>
<h2>Want to hire me? Get in touch!</h2>
<span>Ornare nulla proin odio consequat sapien vestibulum ipsum sed lorem.</span>
</header>
<div>
<div class="row">
<div class="12u">
<form method="post" action="#">
<div>
<div class="row half">
<div class="6u">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="6u">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="row half">
<div class="12u">
<input type="text" name="subject" id="subject" placeholder="Subject" />
</div>
</div>
<div class="row half">
<div class="12u">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<a href="#" class="button form-button-submit">Send Message</a>
<a href="#" class="button button-alt form-button-reset">Clear Form</a>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row row-special">
<div class="12u">
<h3>Find me on ...</h3>
<ul class="social">
<li class="twitter"><a href="http://sc.chinaz.com" class="icon icon-twitter"><span>Twitter</span></a></li>
<li class="facebook"><a href="#" class="icon icon-facebook"><span>Facebook</span></a></li>
<li class="dribbble"><a href="http://sc.chinaz.com" class="icon icon-dribbble"><span>Dribbble</span></a></li>
<li class="linkedin"><a href="#" class="icon icon-linkedin"><span>LinkedIn</span></a>
全屏自适应html5单页模板是一款全屏的自适应的单页面网站模板 .rar
版权申诉
10 浏览量
2022-11-20
13:28:15
上传
评论
收藏 463KB RAR 举报
全屏自适应html5单页模板是一款全屏的自适应的单页面网站模板。.rar （35个子文件） 
全屏自适应html5单页模板是一款全屏的自适应的单页面网站模板。 chahua2951 css 
skel-noscript.css 2KB images 
bg.png 10KB ie9 
social-li.svg 439B button-active.svg 447B button-alt.svg 443B button.svg 447B button-alt-active.svg 443B style-1000px.css 1KB fonts fontawesome-webfont.eot 25KB fontawesome-webfont.woff 29KB FontAwesome.otf 48KB fontawesome-social-webfont.woff 20KB fontawesome-webfont.svg 135KB fontawesome-social-webfont.eot 12KB fontawesome-social-webfont.svg 56KB fontawesome-social-webfont.ttf 12KB fontawesome-webfont.ttf 54KB style-desktop.css 4KB style-mobile.css 4KB ie7.css 956B ie9.css 855B ie8.css 1KB style.css 33KB images 
portfolio01.jpg 21KB portfolio02.jpg 19KB portfolio05.jpg 25KB portfolio03.jpg 34KB me.jpg 38KB portfolio06.jpg 23KB portfolio04.jpg 36KB
index.html 10KB js jquery.min.js 90KB config.js 4KB html5shiv.js 9KB skel.min.js 16KB资源评论
