企业级网站源码-精品通用信息网页模板.zip资源-CSDN文库

共31个文件

jpg：10个

css：7个

js：5个

版权申诉

源码

HTML

JavaScript

186 浏览量 2024-03-20 10:16:34 上传评论收藏 695KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-精品通用信息网页模板.zip （31个子文件）

企业级网站源码-精品通用信息网页模板

html

skel-layers.min.js 18KB

skel.min.js 23KB

init.js 2KB

jquery.min.js 94KB

generic.html 5KB

css

style.css 19KB

skel.css 7KB

style-large.css 378B

style-xlarge.css 219B

style-medium.css 2KB

v8.css 305B

html5shiv.js 2KB

font-awesome.min.css 23KB

images

overlay.png 3KB

index.html 6KB

elements.html 17KB

images

pic05.jpg 29KB

banner.jpg 44KB

pic02.jpg 22KB

pic06.jpg 34KB

pic04.jpg 21KB

pic03.jpg 23KB

pic08.jpg 10KB

pic01.jpg 23KB

pic09.jpg 2KB

pic07.jpg 30KB

fonts

fontawesome-webfont.eot 75KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Elements - Interphase</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <script src="js/jquery.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-xlarge.css"> </noscript> <link rel="stylesheet" href="css/style.css">  </head><body>  <header id="header"><h1><a href="index.html">Interphase</a></h1> <nav id="nav"><ul><li><a href="index.html">Home</a></li> <li><a href="generic.html">Generic</a></li> <li><a href="elements.html">Elements</a></li> </ul></nav></header><section id="main" class="wrapper"><div class="container"> <header class="major"><h2>Elements</h2> <p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p> </header><section><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><code>i = 0; while (!deck.isInOrder()) { print 'Iteration ' + i; deck.shuffle(); i++; } print 'It took ' + i + ' iterations to sort the deck.';</code></pre> </section><section><h3>Lists</h3> <div class="row"> <div class="6u 12u(small)"> <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(small)"> <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><ul class="icons"><li><a href="#" class="icon rounded fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="#" class="icon rounded fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon rounded fa-instagram"><span class="label">Instagram</span></a></li> <li><a href="#" class="icon rounded fa-github"><span class="label">Github</span></a></li> <li><a href="#" class="icon rounded fa-dribbble"><span class="label">Dribbble</span></a></li> <li><a href="#" class="icon rounded fa-tumblr"><span class="label">Tumblr</span></a></li> </ul></div> </div> <h4>Actions</h4> <ul class="actions"><li><a href="#" class="button alt">Default</a></li> <li><a href="#" class="button">Default</a></li> </ul><ul class="actions small"><li><a href="#" class="button alt small">Small</a></li> <li><a href="#" class="button small">Small</a></li> </ul><div class="row"> <div class="3u 6u(medium) 12u$(small)"> <ul class="actions vertical"><li><a href="#" class="button alt">Default</a></li> <li><a href="#" class="button">Default</a></li> </ul></div> <div class="3u 6u$(medium) 12u$(small)"> <ul class="actions vertical small"><li><a href="#" class="button alt small">Small</a></li> <li><a href="#" class="button small">Small</a></li> </ul></div> <div class="3u 6u(medium) 12u$(small)"> <ul class="actions vertical"><li><a href="#" class="button alt fit">Default</a></li> <li><a href="#" class="button fit">Default</a></li> </ul></div> <div class="3u 6u$(medium) 12u$(small)"> <ul class="actions vertical small"><li><a href="#" class="button alt small fit">Small</a></li> <li><a href="#" class="button small fit">Small</a></li> </ul></div> </div> </section><section><h3>Table</h3> <h4>Default</h4> <div class="table-wrapper"> <table><thead><tr><th>Name</th> <th>Description</th> <th>Price</th> </tr></thead><tbody><tr><td>Item 1</td> <td>Ante turpis integer aliquet porttitor.</td> <td>29.99</td> </tr><tr><td>Item 2</td> <td>Vis ac commodo adipiscing arcu aliquet.</td> <td>19.99</td> </tr><tr><td>Item 3</td> <td> Morbi faucibus arcu accumsan lorem.</td> <td>29.99</td> </tr><tr><td>Item 4</td> <td>Vitae integer tempus condimentum.</td> <td>19.99</td> </tr><tr><td>Item 5</td> <td>Ante turpis integer aliquet porttitor.</td> <td>29.99</td> </tr></tbody><tfoot><tr><td colspan="2"></td> <td>100.00</td> </tr></tfoot></table></div> <h4>Alternate</h4> <div class="table-wrapper"> <table class="alt"><thead><tr><th>Name</th> <th>Description</th> <th>Price</th> </tr></thead><tbody><tr><td>Item 1</td> <td>Ante turpis integer ali

评论收藏

内容反馈

版权申诉