<!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">
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--><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">
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head><body>
<!-- Header -->
<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><!-- Main --><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><!-- Text --><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><!-- Lists --><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><!-- Table --><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
企业级网站源码-精品通用信息网页模板.zip
版权申诉
171 浏览量
2024-03-20
10:16:34
上传
评论
收藏 695KB ZIP 举报
企业级网站源码-精品通用信息网页模板.zip （31个子文件） 
企业级网站源码-精品通用信息网页模板 html js 
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 ie 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资源评论
