<!DOCTYPE HTML>
<html>
<head>
<title>Elements - Industrious</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, user-scalable=no">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body class="is-preload">
<!-- Header -->
<header id="header"><a class="logo" href="index.html">Industrious</a>
<nav><a href="#menu">Menu</a>
</nav></header><!-- Nav --><nav id="menu"><ul class="links"><li><a href="index.html">Home</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="generic.html">Generic</a></li>
</ul></nav><!-- Heading --><div id="heading">
<h1>Elements</h1>
</div>
<!-- Main -->
<section id="main" class="wrapper"><div class="inner">
<div class="content">
<!-- Elements -->
<div class="row">
<div class="col-6 col-12-medium">
<!-- Text -->
<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>, this is <code>code</code>, and this is a <a href="#">link</a>.</p>
<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>
<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.</p>
<!-- Lists -->
<h3>Lists</h3>
<div class="row">
<div class="col-6 col-12-small">
<h4>Unordered</h4>
<ul><li>Dolor pulvinar amet etiam.</li>
<li>Sagittis adipiscing lorem eleifend.</li>
<li>Felis enim feugiat viverra.</li>
</ul><h4>Alternate</h4>
<ul class="alt"><li>Dolor pulvinar amet etiam.</li>
<li>Sagittis adipiscing lorem eleifend.</li>
<li>Felis enim feugiat viverra.</li>
</ul></div>
<div class="col-6 col-12-small">
<h4>Ordered</h4>
<ol><li>Dolor pulvinar sed etiam.</li>
<li>Etiam vel lorem sed amet.</li>
<li>Felis enim feugiat viverra.</li>
<li>Dolor pulvinar magna etiam.</li>
<li>Etiam vel felis at sed viverra.</li>
<li>Felis enim feugiat amet dolore.</li>
<li>Dolor pulvinar lorem etiam.</li>
<li>Etiam vel felis at lorem amet.</li>
<li>Felis enim feugiat viverra.</li>
<li>Dolor pulvinar magna etiam.</li>
<li>Etiam vel felis sed viverra.</li>
</ol></div>
</div>
<h4>Definition</h4>
<dl><dt>Alpha</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>Beta</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>Gamma</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><!-- Icons --><h3>Icons</h3>
<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>
<li><a href="#" class="icon fa-apple"><span class="label">Apple</span></a></li>
<li><a href="#" class="icon fa-windows"><span class="label">Windows</span></a></li>
<li><a href="#" class="icon fa-500px"><span class="label">500px</span></a></li>
</ul><!-- Actions --><h3>Actions</h3>
<ul class="actions"><li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul><ul class="actions"><li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul><div class="row">
<div class="col-3 col-12-small">
<ul class="actions stacked"><li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul></div>
<div class="col-3 col-12-small">
<ul class="actions stacked"><li><a href="#" class="button primary small">Small</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul></div>
<div class="col-3 col-12-small">
<ul class="actions stacked"><li><a href="#" class="button primary fit">Default</a></li>
<li><a href="#" class="button fit">Default</a></li>
</ul></div>
<div class="col-3 col-12-small">
<ul class="actions stacked"><li><a href="#" class="button primary small fit">Small</a></li>
<li><a href="#" class="button small fit">Small</a></li>
</ul></div>
</div>
<!-- Blockquote -->
<h3>Blockquote</h3>
<blockquote>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. Lorem ipsum
dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis
iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac sed amet praesent. Nunc
lacinia ante nunc ac gravida.</blockquote>
<!-- Table -->
<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>Alpha</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>10.00</td>
</tr><tr><td>Beta</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>20.00</td>
</tr><tr><td>Gamma</td>
<td>Morbi faucibus arcu accumsan lorem.</td>
<td>30.00</td>
</tr><tr><td>Delta</td>
<td>Vitae integer tempus condimentum.</td>
<td>40.00</td>
</tr><tr><td>Epsilon</td>
<td>Ante turpis integer aliquet porttitor.</td>
<td>50.00</td>
</tr><tr><td>Zeta</td>
<td>Vis ac commodo adipiscing arcu aliquet.</td>
<td>60.00</td>
</tr><tr><td>Eta</td>
<td>Morbi faucibus arcu accumsan lorem.</td>
<td>70.00</td>
</tr><tr><td>Theta</td>
<td>Vitae integer tempus condimentum.</td>
<td>80.00</td>
</tr></tbody><tfoot><tr><td colspan="2"></td>
没有合适的资源?快使用搜索试试~ 我知道了~
企业级网站源码-视频横幅企业商务网站模板.zip
共55个文件
scss:32个
jpg:6个
js:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 3 浏览量
2024-03-24
15:01:12
上传
评论
收藏 11.36MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
企业级网站源码-视频横幅企业商务网站模板.zip (55个子文件)
企业级网站源码-视频横幅企业商务网站模板
html
assets
js
browser.min.js 3KB
breakpoints.min.js 7KB
main.js 1KB
util.js 12KB
jquery.min.js 85KB
css
main.css 80KB
font-awesome.min.css 30KB
sass
libs
_breakpoints.scss 4KB
_vars.scss 1KB
_functions.scss 2KB
_grid.scss 2KB
_vendor.scss 7KB
_flexgrid.scss 8KB
_mixins.scss 2KB
components
_box.scss 435B
_highlights.scss 1023B
_actions.scss 2KB
_inner.scss 188B
_image.scss 732B
_grid.scss 421B
_table.scss 1KB
_icons.scss 274B
_form.scss 5KB
_testimonials.scss 1KB
_button.scss 3KB
_wrapper.scss 325B
_icon.scss 131B
_list.scss 1KB
base
_page.scss 832B
_typography.scss 3KB
_reset.scss 1KB
main.scss 2KB
layout
_header.scss 2KB
_main.scss 364B
_footer.scss 1KB
_menu.scss 2KB
_banner.scss 3KB
_heading.scss 1KB
_cta.scss 531B
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
generic.html 5KB
index.html 7KB
elements.html 19KB
images
banner.jpg 158KB
pic02.jpg 15KB
banner.mp4 9.57MB
bg.jpg 507KB
cta01.jpg 446KB
pic03.jpg 17KB
pic01.jpg 15KB
共 55 条
- 1
资源评论
DTcode7
- 粉丝: 3838
- 资源: 4084
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Picasso_v3.1 2.ipa
- chromedriver-mac-arm64.zip
- 蓝zapro.apk
- chromedriver-linux64.zip
- UCAS研一深度学习实验-MNIST手写数字识别python源码+详细注释(高分项目)
- 基于Python和PyTorch框架完成的一个手写数字识别实验源码(带MINIST手写数字数据集)+详细注释(高分项目)
- 基于Matlab在MNIST数据集上利用CNN完成手写体数字识别任务,并实现单层CNN反向传播算法+源代码+文档说明(高分项目)
- NVIDIA驱动、CUDA和Pytorch及其依赖
- 基于SVM多特征融合的微表情识别python源码+项目说明+详细注释(高分课程设计)
- html动态爱心代码一(附源码)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功