<!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
没有合适的资源?快使用搜索试试~ 我知道了~
毕设&课设&大作业-工业生产项目响应式网站模板-适配移动端-HTML源码.zip
共78个文件
jpg:24个
png:22个
html:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 9 浏览量
2024-03-28
09:33:07
上传
评论
收藏 3.79MB ZIP 举报
温馨提示
尊敬的设计师、开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的Bootstrap框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
毕设&课设&大作业-工业生产项目响应式网站模板-适配移动端-HTML源码.zip (78个子文件)
工业生产项目响应式网站模板-适配移动端-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
资源评论
DTcode7
- 粉丝: 9388
- 资源: 4691
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功