<!DOCTYPE HTML><html lang="en"><head> <title>仿HotCake手机版英文博客html5手机网站模板-懒人模板【http//www.lanrenmb.com/HTML5/】</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <!-- Change Color Scheme from Red to Blue, Green, Pink or Purple <link rel="stylesheet" type="text/css" href="css/blue.css" media="screen" /> --> <!--[if lt IE 9]> <script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head><body><div id="wrapper"> <!-- Sidebar Begin --> <aside id="sidebar"> <div class="sidebar-scroll"> <!-- Main Navigation --> <nav> <ul> <li class="active"><a href="index.htm" title="Home">Home</a></li> <!-- Use <span> in order to display a count --> <li><a href="blog.htm" title="Blog">Blog <span>8</span></a></li> <li><a href="page.htm" title="Page">Page</a></li> <li><a href="twitter.htm" title="Twitter Feed">Twitter Feed</a></li> <li><a href="contact.htm" title="Contact Form">Contact Form</a></li> </ul> </nav> <!-- Newsletter Subscription --> <section id="newsletter"> <h2>Newsletter</h2> <!-- Make sure to add a working action and method --> <form action="index.htm" method="post"> <div> <label for="newsletter-input">Subscribe to our weekly newsletter</label> <input name="email" id="newsletter-input" /> <input type="image" src="images/icons/icon-subscribe.png" alt="Subscribe" id="newsletter-submit" /> </div> </form> </section> <!-- Social Media --> <section id="socialize"> <h2>Socialize</h2> <ul> <li class="twitter"><a href="http//twitter.com/indiqo" title="Twitter">twitter.com/indiqo</a></li> <li class="facebook"><a href="http//facebook.com/bartel" title="Facebook">facebook.com/bartel</a></li> <li class="flickr"><a href="http//flickr.com/photos/indiqomedia" title="Flickr">flickr.com/photos/indiqomedia</a></li> <li class="linkedin"><a href="http//linkedin.com/in/indiqo" title="LinkedIn">linkedin.com/in/indiqo</a></li> <li class="forrst"><a href="http//forr.st/-indiqo" title="Forrst">forr.st/-indiqo</a></li> </ul> </section> <!-- Contact Information --> <section id="contact"> <h2>Get in Touch</h2> <ul> <li class="web"><a href="http//indiqo.eu" title="Website">indiqo.eu</a></li> <li class="email"><a href="mailto:hello@indiqo.eu" title="E-Mail">hello@indiqo.eu</a></li> <li class="phone"><a href="tel:+4951819313356" title="Phone">+49 5181 9313356</a></li> <li class="address"> <div> <b>Street Name</b><br /> ZIP Code + City<br /> Country </div> </li> </ul> </section> </div> </aside> <!-- Sidebar End --> <!-- Main Content Begin --> <section id="content"> <div class="content-scroll"> <!-- Sidebar Toggle & Tabbed Navigation --> <header> <div class="controls"> <a title="Toggle Sidebar"><img src="images/icons/icon-toggle.png" alt="Toggle Sidebar" /></a> </div> <ul> <li class="home active"><a href="index.htm" title="Home">Home</a></li> <li class="tweets"><a href="twitter.htm" title="Twitter Feed">Twitter Feed</a></li> <li class="contact"><a href="contact.htm" title="Contact">Contact</a></li> </ul> </header> <!-- Logo & Slideshow Controls --> <section id="branding"> <a href="index.htm" title="Back to Homepage" id="logo"><img src="images/logo.png" alt="Logo" /></a> <ul> <li class="previous"><a title="Previous Image"><img src="images/icons/icon-previous.png" alt="Previous Image" /></a></li> <li class="next"><a title="Next Image"><img src="images/icons/icon-next.png" alt="Next Image" /></a></li> </ul> </section> <!-- Introduction & Slideshow Contents --> <section id="slideshow"> <h1>Embrace the Mobile Web</h1> <ul id="slider"> <li><img src="images/slide-1.png" alt="Slide 1" /></li> <li><img src="images/slide-2.png" alt="Slide 2" /></li> <li><img src="images/slide-3.png" alt="Slide 3" /></li> <li><img src="images/slide-4.png" alt="Slide 4" /></li> </ul> </section> <!-- Main Content Area --> <section id="main"> <!-- Repeat this Area for Multiple Boxes --> <div class="module"> <h3>Experience Your Business on the Go</h3> <div> <p>The <b>importance of the mobile web</b> shouldn’t be underestimated these days.</p> <p>Make sure your visitors can see relevant business information or product details from wherever they are, whenever they need to, by creating a mobile version of your website using this template.</p> </div> </div> <!-- Repeat this Area for Multiple Boxes --> <div class="module"> <h3>What You'll Get</h3> <div class="odd"> <p><b>Impress your visitors</b> with a perfect mobile website, sell more and ultimately improve your companies image.</p> </div> <ul> <li>Sleek Sliding Sidebar Navigation</li> <li class="odd">Mobile Slideshow & Working Twitter Feed</li> <li>5 Different Color Schemes to Choose From</li> <li class="odd">Newsletter Subscription & Contact Form</li> <li>High Resolution Retina Images for iPhone 4 / 4s</li> </ul> </div> <!-- Repeat this Area for Multiple Boxes --> <div class="module"> <h3>Something Missing?</h3> <div> <p>This template will be <b>improved and updated regularly</b>. If you got any suggestions what's missing, please send me an email to <a href="mailto:hello@indiqo.eu" title="Send E-Mail">hello@indiqo.eu</a> at any time.</p> </div> </div> </section> <!-- Copyright Information --> <footer> 温馨提示：本信息仅供提供演示方便链接，与原网站无关！ <a href="index.htm">首页</a> <a href="twitter.htm">分享页</a> <a href="page.htm">正文演示图</a> <a href="blog.htm">博客列表页</a> <a href="contact.htm">联系我们页</a>
</footer> </div> </section> <!-- Main Content End --> </div><!-- JQuery --><script src="http//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><!-- Simple Carousel Copyright (c) 2010 Tobias Zeising, http//www.aditu.de Licensed under the MIT license http//code.google.com/p/simple-carousel--><script src="includes/slider.js"></script><!-- iOS4 Scrolling Fix --><script src="includes/scrolling.js"></script><!-- Script Controls --><script src="includes/scripts.js"></script></body></html>
前端静态模板-手机灰白黑-学生作业毕设实训素材.zip
版权申诉
167 浏览量
2022-04-07
22:10:18
上传
评论
收藏 354KB ZIP 举报
前端静态模板-手机灰白黑-学生作业毕设实训素材.zip （74个子文件） 
手机灰白黑 css 
style.css 20KB images 
header-background.jpg 1KB background.jpg 4KB sidebar-list-hover.jpg 4KB
tab-active-right.png 218B
slideshow-status-2x.gif 682B sidebar-headline-2x.jpg 20KB sidebar-list-hover-2x.jpg 25KB main-background.jpg 1KB color-red sidebar-count.jpg 369B icon-bird-active-2x.png 1KB sidebar-seperator.jpg 1KB icon-home-active.png 414B icon-home-active-2x.png 813B icon-bird-active.png 672B icon-contact-active-2x.png 744B icon-contact-active.png 386B slide-3.png 47KB sidebar-background-2x.jpg 9KB headline-background.jpg 330B sidebar-headline.jpg 4KB tab-active-left.png 220B main-background-2x.jpg 11KB icons icon-linkedin.png 512B icon-facebook.png 302B icon-forrst.png 474B icon-flickr-2x.png 826B icon-web.png 450B icon-home.png 359B icon-linkedin-2x.png 906B icon-phone.png 695B icon-email-2x.png 1KB icon-web-2x.png 895B icon-forrst-2x.png 909B icon-address.png 552B icon-previous.png 708B icon-twitter-2x.png 1KB icon-flickr.png 455B icon-email.png 592B icon-address-2x.png 1KB icon-contact.png 332B icon-contact-2x.png 639B icon-next.png 675B icon-phone-2x.png 1KB icon-twitter.png 520B icon-bird-2x.png 1KB icon-facebook-2x.png 545B icon-home-2x.png 688B icon-bird.png 595B icon-toggle.png 202B slideshow-controls.jpg 317B headline-background-2x.jpg 349B tab-background.jpg 343B slideshow-status.gif 290B tab-active-background.jpg 323B header-background-2x.jpg 5KB slideshow-controls-2x.jpg 330B sidebar-background.jpg 1KB slide-4.png 42KB logo.png 4KB slide-2.png 49KB controls-2x.jpg 350B sidebar-list.jpg 4KB sidebar-list-2x.jpg 21KB controls.jpg 321B slide-1.png 45KB
index.html 7KB twitter.htm 5KB page.htm 7KB contact.htm 6KB blog.htm 6KB includes scrolling.js 9KB scripts.js 851B slider.js 4KB资源评论
