<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon-->
<link rel="shortcut icon" href="img/elements/fav.png">
<!-- Author Meta -->
<meta name="author" content="colorlib">
<!-- Meta Description -->
<meta name="description" content="">
<!-- Meta Keyword -->
<meta name="keywords" content="">
<!-- meta character set -->
<meta charset="UTF-8">
<!-- Site Title -->
<title>Industry</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<!--
CSS
============================================= -->
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header id="header" id="home">
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6 col-4 header-top-left no-padding">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
<div class="col-lg-6 col-sm-6 col-8 header-top-right no-padding">
<a href="tel:+880 012 3654 896">+880 012 3654 896</a>
<a href="mailto:support@colorlib.com">support@colorlib.com</a>
</div>
</div>
</div>
</div>
<div class="container main-menu">
<div class="row align-items-center justify-content-between d-flex">
<div id="logo">
<a href="index.html"><img src="img/logo.png" alt="" title="" /></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Service</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="menu-has-children"><a href="">Blog</a>
<ul>
<li><a href="blog-home.html">Blog Home</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</div>
</header><!-- #header -->
<!-- start banner Area -->
<section class="banner-area relative" id="home">
<div class="overlay overlay-bg"></div>
<div class="container">
<div class="row d-flex align-items-center justify-content-center">
<div class="about-content col-lg-12">
<h1 class="text-white">
Elements
</h1>
<p class="text-white link-nav"><a href="index.html">Home </a> <span class="lnr lnr-arrow-right"></span> <a href="elements.html"> Elements</a></p>
</div>
</div>
</div>
</section>
<!-- End banner Area -->
<!-- Start Sample Area -->
<section class="sample-text-area">
<div class="container">
<h3 class="text-heading">Text Sample</h3>
<p class="sample-text">
Every avid independent filmmaker has <b>Bold</b> about making that <i>Italic</i> interest documentary, or short film to show off their creative prowess. Many have great ideas and want to “wow” the<sup>Superscript</sup> scene, or video renters with their big project. But once you have the<sub>Subscript</sub> “in the can” (no easy feat), how do you move from a <del>Strike</del> through of master DVDs with the <u>“Underline”</u> marked hand-written title inside a secondhand CD case, to a pile of cardboard boxes full of shiny new, retail-ready DVDs, with UPC barcodes and polywrap sitting on your doorstep? You need to create eye-popping artwork and have your project replicated. Using a reputable full service DVD Replication company like PacificDisc, Inc. to partner with is certainly a helpful option to ensure a professional end result, but to help with your DVD replication project, here are 4 easy steps to follow for good DVD replication results:
</p>
</div>
</section>
<!-- End Sample Area -->
<!-- Start Button -->
<section class="button-area">
<div class="container border-top-generic">
<h3 class="text-heading">Sample Buttons</h3>
<div class="button-group-area">
<a href="#" class="genric-btn default">Default</a>
<a href="#" class="genric-btn primary">Primary</a>
<a href="#" class="genric-btn success">Success</a>
<a href="#" class="genric-btn info">Info</a>
<a href="#" class="genric-btn warning">Warning</a>
<a href="#" class="genric-btn danger">Danger</a>
<a href="#" class="genric-btn link">Link</a>
<a href="#" class="genric-btn disable">Disable</a>
</div>
<div class="button-group-area mt-10">
<a href="#" class="genric-btn default-border">Default</a>
<a href="#" class="genric-btn primary-border">Primary</a>
<a href="#" class="genric-btn success-border">Success</a>
<a href="#" class="genric-btn info-border">Info</a>
<a href="#" class="genric-btn warning-border">Warning</a>
<a href="#" class="genric-btn danger-border">Danger</a>
<a href="#" class="genric-btn link-border">Link</a>
<a href="#" class="genric-btn disable">Disable</a>
</div>
<div class="button-group-area mt-40">
<a href="#" class="genric-btn default radius">Default</a>
<a href="#" class="genric-btn primary radius">Primary</a>
<a href="#" class="genric-btn success radius">Success</a>
<a href="#" class="genric-btn info radius">Info</a>
<a href="#" class="genric-btn warning radius">Warning</a>
<a href="#" class="genric-btn danger radius">Danger</a>
<a href="#" class="genric-btn link radius">Link</a>
<a href="#" class="genric-btn disable radius">Disable</a>
</div>
<div class="button-group-area mt-10">
<a href="#" class="genric-btn default-border radius">Default</a>
<a href="#" class="genric-btn primary-border radius">Primary</a>
<a href="#" class="genric-btn success-border radius">Success</a>
<a href="#" class="genric-btn info-border radius">Info</a>
<a href="#" class="genric-btn warning-border radius">Warning</a>
<a href="#" class="genric-btn danger-border radius">Danger</a>
<a href="#" class="genric-btn link-border radius">Link</a>
<a href="#" class="genric-btn disable radius">Disable</a>
</div>
<div class="button-group-area mt-40">
<a href="#" class="genric-btn default circle">Default</a>
<a href="#" class="genric-btn primary circle">Primary</a>
<a href="#" class="genric-btn success circle">Success</a>
<a href="#" class="genric-btn info circle">Info</a>
<a href="#" class="genric-btn warning circle">Warning</a>
<a href="#" class="genric-btn danger circle">Danger</a>
<a href="#" class="genric-btn link circle">Link</a>
<a href="#" class="genric-btn disable circle">Disable</a>
</div>
<div class="button-group-area mt-10">
<a href="#" class="genric-btn default-border circle">Default</a>
<a href="#" class="genric-btn primary-border circle">Primary</a>
<a href="#" class="genric-btn success-border circle">Success</a>
<a href="#" class="genric-btn info-border
没有合适的资源?快使用搜索试试~ 我知道了~
城市工业解决方案展示响应式网站模板.7z
共224个文件
scss:94个
jpg:67个
js:18个
需积分: 5 0 下载量 154 浏览量
2024-06-20
08:51:19
上传
评论
收藏 4.6MB 7Z 举报
温馨提示
对于追求高效开发与卓越品质的专业人士而言,响应式网站模板源码极具价值。这些模板设计精良,能够自动适应各种设备的屏幕尺寸,从而确保在桌面电脑、平板和手机等设备上均能提供最佳浏览体验。利用这些源码,开发者可以迅速构建具有现代感且灵活的网站架构,大幅缩短设计和开发周期。 研究响应式网站模板源码,不仅能够深入了解响应式设计的实现细节,学习如何在不同断点调整布局和样式,而且有助于提升编程技能,激发创新思维,打造独一无二的网站项目。 综上所述,HTML响应式网站模板源码是网站开发不可或缺的宝贵资源。它们开放源代码的特性使每位开发者都能利用这些资源,轻松创造出能够在不同平台上完美展示的高品质网站。
资源推荐
资源详情
资源评论
收起资源包目录
城市工业解决方案展示响应式网站模板.7z (224个子文件)
bootstrap.css 147KB
bootstrap.css 146KB
main.css 54KB
animate.min.css 52KB
font-awesome.min.css 30KB
bootstrap-grid.css 24KB
jquery.DonutWidget.min.css 13KB
hexagons.min.css 10KB
pages.css 8KB
linearicons.css 8KB
magnific-popup.css 7KB
bootstrap-reboot.css 5KB
owl.carousel.css 4KB
nice-select.css 4KB
jquerysctipttop.css 736B
fontawesome-webfont.eot 162KB
Linearicons-Free.eot 55KB
elements.html 34KB
blog-single.html 32KB
index.html 22KB
blog-home.html 19KB
about.html 17KB
services.html 14KB
projects.html 13KB
contact.html 10KB
header-bg.jpg 606KB
blog-banner.jpg 516KB
feedback-bg.jpg 405KB
fact.jpg 250KB
info-bg.jpg 161KB
g7.jpg 154KB
g1.jpg 122KB
g2.jpg 114KB
p3.jpg 93KB
g4.jpg 83KB
g3.jpg 80KB
video-bg.jpg 77KB
p4.jpg 75KB
g6.jpg 73KB
p1.jpg 69KB
p3.jpg 66KB
form-bg.jpg 66KB
p1.jpg 63KB
g5.jpg 63KB
p4.jpg 50KB
s3.jpg 44KB
s2.jpg 43KB
b1.jpg 40KB
p2.jpg 38KB
s1.jpg 33KB
b2.jpg 30KB
p2.jpg 29KB
b3.jpg 26KB
slider.jpg 23KB
l4.jpg 19KB
a2.jpg 17KB
l1.jpg 17KB
g8.jpg 16KB
l3.jpg 16KB
d.jpg 14KB
l2.jpg 12KB
s-img.jpg 8KB
user2.jpg 7KB
r3.jpg 7KB
a.jpg 5KB
r1.jpg 4KB
r2.jpg 4KB
prev.jpg 3KB
next.jpg 3KB
c2.jpg 3KB
c3.jpg 3KB
i2.jpg 3KB
c4.jpg 3KB
c5.jpg 3KB
i7.jpg 2KB
i8.jpg 2KB
r4.jpg 2KB
f3.jpg 2KB
c1.jpg 2KB
i1.jpg 2KB
i3.jpg 2KB
i5.jpg 2KB
f2.jpg 2KB
i4.jpg 2KB
user.jpg 2KB
f1.jpg 2KB
i6.jpg 2KB
f5.jpg 2KB
f4.jpg 2KB
f7.jpg 1KB
f6.jpg 1KB
f8.jpg 1KB
jquery-2.2.4.min.js 84KB
slick.js 82KB
bootstrap.min.js 48KB
owl.carousel.min.js 39KB
jquery.magnific-popup.min.js 20KB
main.js 10KB
waypoints.min.js 8KB
superfish.js 7KB
共 224 条
- 1
- 2
- 3
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功