<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Industry.INC | HTML Template</title>
<meta charset="UTF-8">
<meta name="description" content="Industry.INC HTML Template">
<meta name="keywords" content="industry, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/slicknav.min.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section clearfix">
<div class="header-top">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-6 text-md-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
<div class="site-navbar">
<!-- Logo -->
<a href="index.html" class="site-logo">
<img src="img/logo.png" alt="">
</a>
<div class="header-right">
<div class="header-info-box">
<div class="hib-icon">
<img src="img/icons/phone.png" alt="" class="">
</div>
<div class="hib-text">
<h6>+546 990221 123</h6>
<p>contact@industryalinc.com</p>
</div>
</div>
<div class="header-info-box">
<div class="hib-icon">
<img src="img/icons/map-marker.png" alt="" class="">
</div>
<div class="hib-text">
<h6>Main Str, no 23</h6>
<p>NY, New York PK 23589</p>
</div>
</div>
<button class="search-switch"><i class="fa fa-search"></i></button>
</div>
<!-- Menu -->
<nav class="site-nav-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li class="active"><a href="solutions.html">Solutions</a>
<ul class="sub-menu">
<li><a href="elements.html">Elements</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Header section end -->
<!-- Page top section -->
<section class="page-top-section set-bg" data-setbg="img/page-top-bg/2.jpg">
<div class="container">
<div class="row">
<div class="col-lg-7">
<h2>Our Solutions</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci purus, sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. </p>
<a href="" class="site-btn">Contact us</a>
</div>
</div>
</div>
</section>
<!-- Page top section end -->
<!-- Services section -->
<section class="services-2-section spad">
<div class="container">
<div class="service-text">
<h2>A group of productive enterprises that produce or supply Goods, Services, or Sources of Income</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/cogwheel.png" alt="">
</div>
<h5>Mechanical Engineering</h5>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci purus, sodales in est quis, blandit sollicitudin est. </p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/helmet.png" alt="">
</div>
<h5>Profesional Workers</h5>
</div>
<p>Quisque orci purus, sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. Donec consequat arcu.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/wind-engine.png" alt="">
</div>
<h5>Green Energy</h5>
</div>
<p>Sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. Donec con-sequat arcu et commodo interdum. </p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/pollution.png" alt="">
</div>
<h5>Power Engineering</h5>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci purus, sodales in est quis, blandit sollicitudin est. </p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/pumpjack.png" alt="">
</div>
<h5>Oil & Lubricants</h5>
</div>
<p>Quisque orci purus, sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. Donec consequat arcu.</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="si-head">
<div class="si-icon">
<img src="img/icons/light-bulb.png" alt="">
</div>
<h5>Power & Energy</h5>
</div>
<p>Sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. Donec con-sequat arcu et commodo interdum. </p>
</div>
</div>
</div>
</div>
</section>
<!-- Services section end -->
<!-- Reserch section -->
<section class="reserch-section spad">
<div class="container">
<div class="row">
<div class="col-lg-4">
<ul class="nav nav-tabs reserch-tab-menu" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">Oil & Lubricants</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">Engeneering</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="false">Green Energy</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-4" role="tab" aria-controls="tab-4" aria-selected="false">Constructions</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-5" role="tab" aria-controls="tab-5" aria-selected="false">Power</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab-6" role="tab" aria-controls="tab-6" aria-selected="false">Others</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<div class="tab-content reserch-tab">
<!-- single tab content -->
<div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
<h2>We produce or supply Goods, & Services, Oils & Lubricants</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque orci purus, sodales in est quis, blandit sollicitudin est. Nam ornare ipsum ac accumsan auctor. Donec consequat arcu et commodo interdum. Vivamus posuere lorem lacus.Lorem ipsum do
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索未来设计的数字前沿,这份精心设计的“web前端网站源码”无疑是您不可错过的创意宝藏。它巧妙融合了现代网页设计的灵动,打造出一个既展现专业实力又兼顾用户体验的在线空间。 该源码采用了最前沿的HTML5、CSS3及JavaScript技术,确保网站在不同设备上均能完美呈现,从桌面大屏到手机小屏,都能享受流畅无阻的浏览体验。独特的响应式设计,让信息架构清晰明了,无论是产品展示、企业介绍还是新闻动态,都能以最佳布局吸引访客目光。 通过这份源码,您可以轻松搭建起具备高度互动性和用户友好性的网站。它不仅是您企业线上形象的闪亮名片,更是吸引潜在客户、提升品牌影响力的有力工具。立即拥有,开启您的数字化之旅,让每一行代码都成为推动行业进步的力量!
资源推荐
资源详情
资源评论
收起资源包目录
web前端网站源码:电力能源工业响应式网页-HTML源码.zip (78个子文件)
web前端网站源码:电力能源工业响应式网页-HTML源码
html
icon-fonts
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
Source
bootstrap-4.3.1-dist.zip 697KB
jquery-circle-progress-1.2.2.tar.gz 23KB
OwlCarousel2-2.3.4_2.zip 774KB
sass.zip 6KB
font-awesome-4.7.0.zip 654KB
SlickNav-master.zip 22KB
Magnific-Popup-master.zip 338KB
main.html 931B
js
jquery.slicknav.min.js 8KB
bootstrap.min.js 57KB
main.js 4KB
jquery.magnific-popup.min.js 20KB
circle-progress.min.js 4KB
owl.carousel.min.js 43KB
jquery-3.2.1.min.js 85KB
img
milestones-bg.jpg 17KB
features
2.jpg 23KB
1.jpg 22KB
3.jpg 30KB
logo-contact.png 2KB
team
2.jpg 20KB
1.jpg 31KB
3.jpg 29KB
hero-slider
2.jpg 96KB
1.jpg 178KB
about.jpg 13KB
logo-light.png 2KB
logo.png 2KB
features-bg.jpg 29KB
clients
3.png 2KB
1.png 4KB
5.png 6KB
4.png 2KB
2.png 4KB
video-box.jpg 24KB
blog
2.jpg 29KB
1.jpg 26KB
recent-post
2.jpg 4KB
1.jpg 4KB
3.jpg 4KB
3.jpg 47KB
blog-icons.png 2KB
favicon.ico 17KB
icons
map-marker.png 2KB
plug.png 3KB
helmet.png 2KB
cogwheel.png 3KB
worker.png 3KB
phone.png 2KB
pollution.png 2KB
light-bulb.png 2KB
pumpjack.png 2KB
light.png 3KB
traffic-cone.png 2KB
wind-engine.png 2KB
page-top-bg
2.jpg 45KB
1.jpg 46KB
3.jpg 40KB
4.jpg 37KB
testimonial-thumb.jpg 3KB
sign.png 6KB
testimonial-bg.jpg 59KB
css
style.css 36KB
slicknav.min.css 2KB
bootstrap.min.css 152KB
magnific-popup.css 7KB
font-awesome.min.css 30KB
owl.carousel.min.css 3KB
solutions.html 21KB
index.html 17KB
elements.html 17KB
contact.html 10KB
about.html 12KB
blog.html 13KB
共 78 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 案例分析:研发人员绩效和薪酬管理的困境.doc
- 企业中薪酬管理存在的问题分析及对策.doc
- 员工年度薪酬收入结构分析报告.doc
- 薪酬分析报告.docx
- 西门子S7-1200控制四轴伺服程序案例: 1.内容涵盖伺服,步进点动,回原,相对定位,绝对定位,速度模式控制 特别适合学习伺服和步进的朋友们 PTO伺服轴脉冲定位控制+速度模式控制+扭矩模式; 2
- 企业公司薪酬保密协议.doc
- 薪酬保密制度 (1).docx
- 薪酬保密管理规定制度.doc
- 薪酬保密制度.docx
- 薪酬保密协议书.docx
- 薪酬保密承诺书.docx
- 薪酬管理制度.doc
- 员工工资薪酬保密协议.docx
- 员工工资保密暂行管理条例.docx
- 员工薪酬保密协议.doc
- 1Redis基础认识与安装.html
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功