<!DOCTYPE HTML>
<html>
<head>
<title>Elements - Urban</title>
<meta charset="utf-8">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- Header -->
<header id="header" class="alt"><div class="logo"><a href="index.html">Urban <span>Templates</span></a></div>
<a href="#menu">Menu</a>
</header><!-- Nav --><nav id="menu"><ul class="links"><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><!-- Banner --><section id="banner"><div class="inner">
<header><h1>This is Urban</h1>
<p>Aliquam libero augue varius non odio nec faucibus congue<br>felis quisque a diam rutrum tempus massa accumsan faucibus purus.</p>
</header><a href="#main" class="button big scrolly">Learn More</a>
</div>
</section><div id="main" class="container">
<!-- Content -->
<h2>Elements</h2>
<p>Praesent ac adipiscing ullamcorper semper ut amet ac risus. Lorem sapien ut odio odio nunc. Ac adipiscing nibh porttitor erat risus justo adipiscing adipiscing amet placerat accumsan. Vis. Faucibus odio magna tempus adipiscing a non. In mi primis arcu ut non accumsan vivamus ac blandit adipiscing adipiscing arcu metus praesent turpis eu ac lacinia nunc ac commodo gravida adipiscing eget accumsan ac nunc adipiscing adipiscing.</p>
<div class="row">
<div class="6u 12u$(small)">
<h3>Sem turpis amet semper</h3>
<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 commodo eu sed ante lacinia. Sapien a lorem in integer ornare praesent commodo adipiscing arcu in massa commodo lorem accumsan at odio massa ac ac. Semper adipiscing varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
</div>
<div class="6u$ 12u$(small)">
<h3>Magna odio tempus commodo</h3>
<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor. Ante commodo blandit adipiscing integer semper orci eget. Faucibus commodo adipiscing mi eu nullam accumsan morbi arcu ornare odio mi adipiscing nascetur lacus ac interdum morbi accumsan vis mi accumsan ac praesent.</p>
</div>
<!-- Break -->
<div class="4u 12u$(medium)">
<h3>Interdum sapien gravida</h3>
<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>
</div>
<div class="4u 12u$(medium)">
<h3>Faucibus consequat lorem</h3>
<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>
</div>
<div class="4u$ 12u$(medium)">
<h3>Accumsan montes viverra</h3>
<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>
</div>
</div>
<hr class="major"><!-- Elements --><h2 id="elements">Elements</h2>
<div class="row 200%">
<div class="6u 12u$(medium)">
<!-- Text stuff -->
<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, this is a <a href="#">link</a>.</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><header><h2>Heading with a Subtitle</h2>
<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><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>
<!-- Lists -->
<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></div>
</div>
<h4>Definition</h4>
<dl><dt>Item 1</dt>
<dd>
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</dd>
<dt>Item 2</dt>
<dd>
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</dd>
<dt>Item 3</dt>
<dd>
<p>Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</dd>
</dl><h4>Actions</h4>
<ul class="actions"><
没有合适的资源?快使用搜索试试~ 我知道了~
企业级网站源码-现代都市商务服务网站模板.zip
共18个文件
js:6个
jpg:6个
html:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 155 浏览量
2024-03-25
08:40:19
上传
评论
收藏 774KB ZIP 举报
温馨提示
打造企业级网站,源码在手,天下我有! 移动端完美适配 — 在这个以手机为王的时代,我们的HTML源码专为移动设备优化,确保你的企业网站无论在大屏还是小屏上都能流畅展现,抓住移动互联网的巨量流量。 专业企业设计 — 每行代码都经过精心设计与优化,兼顾美观与性能。让你的网站不仅拥有专业的外观,还能提供快速的加载速度和优秀的用户体验。 高度可定制 — 这份源码易于修改和扩展,让你随心所欲地定制功能和样式,无需担心技术难题。 SEO优化结构 — 良好的SEO结构让你的网站更容易被搜索引擎发现,提升品牌曝光度,带来更多潜在客户。 作为一名程序员,时间就是金钱,效率就是生命。合理利用模板,让你的项目开发事半功倍,立刻启动你的互联网成功之旅!你将节省无数宝贵时间和避免潜在的开发坑洞,快速部署一个高效、吸引人且响应式的企业网站。现在行动,让你的业务在数字世界中翱翔!
资源推荐
资源详情
资源评论
收起资源包目录
企业级网站源码-现代都市商务服务网站模板.zip (18个子文件)
企业级网站源码-现代都市商务服务网站模板
html
assets
js
jquery.scrolly.min.js 831B
main.js 3KB
jquery.scrollex.min.js 2KB
skel.min.js 9KB
util.js 12KB
jquery.min.js 94KB
css
main.css 66KB
font-awesome.min.css 28KB
fonts
fontawesome-webfont.woff2 70KB
generic.html 7KB
index.html 6KB
elements.html 21KB
images
pic05.jpg 35KB
banner.jpg 437KB
pic02.jpg 33KB
pic04.jpg 56KB
pic03.jpg 38KB
pic01.jpg 38KB
共 18 条
- 1
资源评论
DTcode7
- 粉丝: 9125
- 资源: 4679
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功