H321_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共26个文件

css：15个

js：4个

png：3个

网页模板

前端源码

html

83 浏览量 2023-08-02 16:59:43 上传评论收藏 579KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H321_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （26个子文件）

H321

jquery-1.8.3.min.js 91KB

css

style.css 13KB

5grid

mobileUI-flat.css 2KB

core.css 6KB

core-noscript.css 3KB

core-1000px.css 415B

mobileUI-modern.css 4KB

html5shiv.js 2KB

init.js 24KB

core-1200px.css 415B

jquery.js 90KB

core-fluid.css 394B

core-mobile.css 1KB

mobileUI-beveled.css 4KB

core-desktop.css 2KB

style-1000px.css 2KB

style-desktop.css 6KB

style-mobile.css 6KB

images

bg2.png 76KB

bg1.png 94KB

mobileUI-site-nav-opener-bg.svg 627B

sprites.png 1KB

style-1200px.css 3KB

index.html 9KB

images

fotogrph-dark-stairwell.jpg 153KB

n33-robot-invader.jpg 164KB

�?!DOCTYPE HTML> <html> <head> <title>Striped </title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="http//fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700|Open+Sans+Condensed:300,700" rel="stylesheet" /> <script src="js/jquery-1.8.3.min.js"></script> <script src="css/5grid/init.js?use=mobile,desktop,1200px,1000px&mobileUI=1&mobileUI.theme=none"></script> <noscript> <link rel="stylesheet" href="css/5grid/core.css" /> <link rel="stylesheet" href="css/5grid/core-desktop.css" /> <link rel="stylesheet" href="css/5grid/core-1200px.css" /> <link rel="stylesheet" href="css/5grid/core-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-desktop.css" /> <link rel="stylesheet" href="css/style-1200px.css" /> </noscript> </head> <body class="left-sidebar">  <div id="wrapper">  <div id="content" class="mobileUI-main-content"> <div id="content-inner">  <article class="is-post is-post-excerpt"> <header> <h2><a href="#">Welcome to Striped</a></h2> <span class="byline">A free, fully responsive HTML5 site template by AJ for HTML5 Up!</span> </header> <div class="info"> <span class="date"><span class="month">Jan<span>uary</span></span> <span class="day">14</span><span class="year">, 2013</span></span> <ul class="stats"> <li><a href="#" class="link-icon24 link-icon24-1">16</a></li> <li><a href="#" class="link-icon24 link-icon24-2">32</a></li> <li><a href="#" class="link-icon24 link-icon24-3">64</a></li> <li><a href="#" class="link-icon24 link-icon24-4">128</a></li> </ul> </div> <a href="#" class="image image-full"><img src="images/n33-robot-invader.jpg" alt="" /></a> <p> <strong>Hello!</strong> You're looking at <a href="#striped/">Striped</a>, a fully responsive HTML5 site template designed by AJ for <a href="http//sc.bestmoban.com /" title="站长素材">站长素材</a> It features a clean, minimalistic design, styling for all basic page elements (including blockquotes, tables and lists), a repositionable sidebar (left or right), and HTML5/CSS3 code designed for quick and easy customization (see code comments for details). </p> <p> Striped is released for free under the <a href="#">Creative Commons Attribution license</a> so feel free to use it for personal projects or even commercial ones – just be sure to credit <a href="http//sc.bestmoban.com /" title="站长素材">站长素材</a> for the design. If you like what you see here, be sure to check out <a href="http//sc.bestmoban.com /" title="站长素材">站长素材</a> for more cool designs or follow me on <a href="#">Twitter</a> for new releases and updates. </p> </article>  <article class="is-post is-post-excerpt"> <header> <h2><a href="#">Lorem ipsum dolor sit amet</a></h2> <span class="byline">Feugiat interdum sed commodo ipsum consequat dolor nullam metus</span> </header> <div class="info"> <span class="date"><span class="month">Jan<span>uary</span></span> <span class="day">8</span><span class="year">, 2013</span></span> <ul class="stats"> <li><a href="#" class="link-icon24 link-icon24-1">12</a></li> <li><a href="#" class="link-icon24 link-icon24-2">24</a></li> <li><a href="#" class="link-icon24 link-icon24-3">48</a></li> <li><a href="#" class="link-icon24 link-icon24-4">96</a></li> </ul> </div> <a href="#" class="image image-full"><img src="images/fotogrph-dark-stairwell.jpg" alt="" /></a> <p> Quisque vel sapien sit amet tellus elementum ultricies. Nunc vel orci turpis. Donec id malesuada metus. Nunc nulla velit, fermentum quis interdum quis, tate etiam commodo lorem ipsum dolor sit amet dolore. Quisque vel sapien sit amet tellus elementum ultricies. Nunc vel orci turpis. Donec id malesuada metus. Nunc nulla velit, fermentum quis interdum quis, convallis eu sapien. Integer sed ipsum ante. </p> </article>  <div class="pager">  <div class="pages"> <a href="#" class="active">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <span>…</span> <a href="#">20</a> </div> <a href="#" class="button next">Next Page</a> </div> </div> </div>  <div id="sidebar">  <div id="logo"> <h1 class="mobileUI-site-name">STRIPED</h1> </div>  <nav id="nav" class="mobileUI-site-nav"> <ul> <li class="current_page_item"><a href="#">Latest Post</a></li> <li><a href="#">Archives</a></li> <li><a href="#">About Me</a></li> <li><a href="#">Contact Me</a></li> </ul> </nav>  <section class="is-search is-first"> <form method="post" action="#"> <input type="text" class="text" name="search" placeholder="Search" /> </form> </section>  <section class="is-text-style1"> <div class="inner"> <p> </p> </div> </section>  <section class="is-recent-posts"> <header> <h2>Recent Posts</h2> </header> <ul> <li><a href="#">Nothing happened</a></li> <li><a href="#">My Dearest Cthulhu</a></li> <li><a href="#">The Meme Meme</a></li> <li><a href="#">Now Full Cyborg</a></li> <li><a href="#">Temporal Flux</a></li> </ul> </section>  <section class="is-recent-comments"> <header> <h2>Recent Comments</h2> </header> <ul> <li>case on <a href="#">Now Full Cyborg</a></li> <li>molly on <a href="#">Untitled Post</a></li> <li>case on <a href="#">Temporal Flux</a></li> </ul> </section>  <section class="is-calendar"> <div class="inner"> <table> <caption>February 2013</caption> <thead> <tr> <th scope="col" title="Monday">M</th> <th scope="col" title="Tuesday">T</th> <th scope="col" title="Wednesday">W</th> <th scope="col" title="Thursday">T</th> <th scope="col" title="Friday">F</th> <th scope="col" title="Saturday">S</th> <th scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="4" class="pad"><span> </span></td> <td><span>1</span></td> <td><span>2</span></td> <td><span>3</span></td> </tr> <tr> <td><span>4</span></td> <td><span>5</span></td> <td><a href="#">6</a></td> <td><span>7</span></td> <td><span>8</span></td> <td><span>9</span></td> <td><a href="#">10</a></td> </tr> <tr> <td><span>11</span></td> <td><span>12</span></td> <td><span>13</span></td> <td class="

评论收藏

内容反馈