全屏自适应html5单页模板.zip资源-CSDN文库

共35个文件

css：8个

svg：7个

jpg：7个

版权申诉

html5模板

html5

网页设计

网站设计模板

CCS3

11 浏览量 2023-03-15 06:48:12 上传评论收藏 469KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

全屏自适应html5单页模板.zip （35个子文件）

全屏自适应html5单页模板

skel.min.js 16KB

html5shiv.js 9KB

config.js 4KB

jquery.min.js 90KB

css

style.css 33KB

ie8.css 1KB

style-1000px.css 1KB

ie7.css 956B

skel-noscript.css 2KB

ie9.css 855B

style-desktop.css 4KB

style-mobile.css 4KB

images

ie9

button.svg 447B

button-alt.svg 443B

social-li.svg 439B

button-alt-active.svg 443B

button-active.svg 447B

bg.png 10KB

fonts

FontAwesome.otf 48KB

fontawesome-webfont.eot 25KB

fontawesome-social-webfont.woff 20KB

fontawesome-webfont.woff 29KB

fontawesome-social-webfont.svg 56KB

fontawesome-social-webfont.eot 12KB

fontawesome-social-webfont.ttf 12KB

fontawesome-webfont.svg 135KB

fontawesome-webfont.ttf 54KB

index.html 9KB

images

portfolio06.jpg 23KB

portfolio04.jpg 36KB

portfolio03.jpg 34KB

portfolio05.jpg 25KB

me.jpg 38KB

portfolio02.jpg 19KB

portfolio01.jpg 21KB

<!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>    </head> <body>  <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>  <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>  <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>  <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>  <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>

评论收藏

内容反馈

版权申诉