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

共46个文件

css：10个

scss：10个

js：7个

网站源码

前端页面

157 浏览量 2023-08-02 16:08:00 上传评论收藏 710KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

x21

jquery.dropotron.min.js 4KB

jquery.scrollgress.min.js 3KB

skel-layers.min.js 19KB

skel.min.js 23KB

init.js 5KB

jquery.min.js 94KB

generic.html 5KB

css

style.css 26KB

skel.css 6KB

style-narrower.css 2KB

style-narrow.css 201B

style-wide.css 256B

PIE.htc 40KB

v8.css 3KB

html5shiv.js 2KB

backgroundsize.min.htc 4KB

style-normal.css 362B

style-mobile.css 2KB

font-awesome.min.css 23KB

images

overlay.png 27KB

style-mobilep.css 1KB

sass

style-wide.scss 311B

style-normal.scss 431B

_vars.scss 2KB

style-narrower.scss 2KB

v8.scss 3KB

style-mobilep.scss 2KB

style-narrow.scss 249B

style-mobile.scss 2KB

style.scss 23KB

_mixins.scss 1KB

index.html 6KB

elements.html 19KB

contact.html 4KB

images

pic05.jpg 2KB

banner.jpg 104KB

pic02.jpg 10KB

pic04.jpg 7KB

pic03.jpg 11KB

pic01.jpg 31KB

fonts

FontAwesome.otf 92KB

fontawesome-webfont.eot 59KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

<!DOCTYPE HTML>  <html> <head> <title>Elements - Alpha by HTML5 UP</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" />  <script src="js/jquery.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.scrollgress.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-wide.css" /> </noscript>  </head> <body>  <header id="header" class="skel-layers-fixed"> <h1><a href="index.html">Alpha</a> by HTML5 UP</h1> <nav id="nav"> <ul> <li><a href="index.html">Home</a></li> <li> <a href="" class="icon fa-angle-down">Layouts</a> <ul> <li><a href="generic.html">Generic</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="elements.html">Elements</a></li> <li> <a href="">Submenu</a> <ul> <li><a href="#">Option One</a></li> <li><a href="#">Option Two</a></li> <li><a href="#">Option Three</a></li> <li><a href="#">Option Four</a></li> </ul> </li> </ul> </li> <li><a href="#" class="button">Sign Up</a></li> </ul> </nav> </header>  <section id="main" class="container"> <header> <h2>Elements</h2> <p>Just an assorted selection of elements.</p> </header> <div class="row"> <div class="12u">  <section class="box"> <h3>Text</h3> <p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>. This is <sup>superscript</sup> text and this is <sub>subscript</sub> text. This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p> <hr /> <header> <h3>Heading with a Subtitle</h3> <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p> </header> <p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p> <header> <h4>Heading with a Subtitle</h4> <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p> </header> <p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p> <hr /> <h2>Heading Level 2</h2> <h3>Heading Level 3</h3> <h4>Heading Level 4</h4> <h5>Heading Level 5</h5> <h6>Heading Level 6</h6> <hr /> <h4>Blockquote</h4> <blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote> <h4>Preformatted</h4> <pre>i = 0; while (!deck.isInOrder()) { print 'Iteration ' + i; deck.shuffle(); i++; } print 'It took ' + i + ' iterations to sort the deck.'; </pre> </section> </div> </div> <div class="row"> <div class="12u">  <section class="box"> <h3>Lists</h3> <div class="row"> <div class="6u 12u(mobilep)"> <h4>Unordered</h4> <ul> <li>Dolor pulvinar etiam magna etiam.</li> <li>Sagittis adipiscing lorem eleifend.</li> <li>Felis enim feugiat dolore viverra.</li> </ul> <h4>Alternate</h4> <ul class="alt"> <li>Dolor pulvinar etiam magna etiam.</li> <li>Sagittis adipiscing lorem eleifend.</li> <li>Felis enim feugiat dolore viverra.</li> </ul> </div> <div class="6u 12u(mobilep)"> <h4>Ordered</h4> <ol> <li>Dolor pulvinar etiam magna etiam.</li> <li>Etiam vel felis at lorem sed viverra.</li> <li>Felis enim feugiat dolore viverra.</li> <li>Dolor pulvinar etiam magna etiam.</li> <li>Etiam vel felis at lorem sed viverra.</li> <li>Felis enim feugiat dolore viverra.</li> </ol> <h4>Icons</h4> <ul class="icons"> <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li> <li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li> </ul> </div> </div> <h4>Actions</h4> <ul class="actions"> <li><a href="#" class="button special">Default</a></li> <li><a href="#" class="button">Default</a></li> <li><a href="#" class="button alt">Default</a></li> </ul> <ul class="actions small"> <li><a href="#" class="button special small">Small</a></li> <li><a href="#" class="button small">Small</a></li> <li><a href="#" class="button alt small">Small</a></li> </ul> <div class="row"> <div class="3u 6u(narrower) 12u$(mobilep)"> <ul class="actions vertical"> <li><a href="#" class="button special">Default</a></li> <li><a href="#" class="button">Default</a></li> <li><a href="#" class="button alt">Default</a></li> </ul> </div> <div class="3u 6u$(narrower) 12u$(mobilep)"> <ul class="actions vertical small"> <li><a href="#" class="button special small">Small</a></li> <li><a href="#" class="button small">Small</a></li> <li><a href="#" class="button alt small">Small</a></li> </ul> </div> <div class="3u 6u(narrower) 12u$(mobilep)"> <ul class="actions vertical"> <li><a href="#" class="button special fit">Default</a></li> <li><a href="#" class="button fit">Default</a></li> <li><a href="#" class="button alt fit">Default</a></li> </ul> </div> <div class="3u 6u$(narrower) 12u$(mobilep)"> <ul class="actions vertical small"> <li><a href="#" class="button special small fit">Small</a></li> <li><a href="#" class="button small fit">Small</a></li> <li><a href="#" class="button alt small fit">Small</a></li> </ul> </div> </div> </section>

评论收藏

内容反馈