519 lines
20 KiB
HTML
519 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- basic -->
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<!-- mobile metas -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
|
||
<!-- site metas -->
|
||
<script src="js/destruct.js"></script>
|
||
<title>industrial</title>
|
||
<meta name="keywords" content="" />
|
||
<meta name="description" content="" />
|
||
<meta name="author" content="" />
|
||
<!-- bootstrap css -->
|
||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||
<!-- style css -->
|
||
<link rel="stylesheet" href="css/style.css" />
|
||
<!-- Responsive-->
|
||
<link rel="stylesheet" href="css/responsive.css" />
|
||
<!-- fevicon -->
|
||
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||
<!-- Scrollbar Custom CSS -->
|
||
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css" />
|
||
<!-- Tweaks for older IEs-->
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
|
||
/>
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||
media="screen"
|
||
/>
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script
|
||
><![endif]-->
|
||
</head>
|
||
<!-- body -->
|
||
<body class="main-layout">
|
||
<!-- loader -->
|
||
<div class="loader_bg">
|
||
<div class="loader"><img src="images/loading.gif" alt="#" /></div>
|
||
</div>
|
||
<!-- end loader -->
|
||
<!-- header -->
|
||
<header>
|
||
<!-- header inner -->
|
||
<div class="header">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
|
||
<div class="full">
|
||
<div class="center-desk">
|
||
<div class="logo">
|
||
<a href="index.html"
|
||
><img src="images/logo.png" alt="#"
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
|
||
<nav class="navigation navbar navbar-expand-md navbar-dark">
|
||
<button
|
||
class="navbar-toggler"
|
||
type="button"
|
||
data-toggle="collapse"
|
||
data-target="#navbarsExample04"
|
||
aria-controls="navbarsExample04"
|
||
aria-expanded="false"
|
||
aria-label="Toggle navigation"
|
||
>
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarsExample04">
|
||
<ul class="navbar-nav mr-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#contact">Contact us</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- end header inner -->
|
||
<!-- end header -->
|
||
<!-- banner -->
|
||
<section class="banner_main">
|
||
<div class="container-fluid">
|
||
<div class="row d_flex">
|
||
<div class="col-xl-6 col-lg-6 col-md-12 padding_lert2">
|
||
<div class="text-img">
|
||
<figure><img src="images/banner.jpg" alt="#" /></figure>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 col-lg-6 col-md-12">
|
||
<div class="text-bg">
|
||
<h1>Industrial & Factory</h1>
|
||
<span
|
||
>Free Multipurpose<br />
|
||
Responsive <br />
|
||
Landing Page 2019</span
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- end banner -->
|
||
<!-- services -->
|
||
<div class="services">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="titlepage">
|
||
<h2>
|
||
Get full range of premium Industrial services for your business
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bg_full">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-4 col-md-4 margin_bott">
|
||
<div id="color_chang" class="services_box">
|
||
<figure><img src="images/work_img1.jpg" alt="#" /></figure>
|
||
<h3>industry's standard dummy</h3>
|
||
<p>
|
||
There are many variations of passages of Lorem Ipsum
|
||
available, but the majority have suffered alteration in
|
||
some form, by injected
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-4 col-md-4 margin_bott">
|
||
<div id="color_chang" class="services_box">
|
||
<figure><img src="images/work_img2.jpg" alt="#" /></figure>
|
||
<h3>industry's standard dummy</h3>
|
||
<p>
|
||
There are many variations of passages of Lorem Ipsum
|
||
available, but the majority have suffered alteration in
|
||
some form, by injected
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-lg-4 col-md-4">
|
||
<div id="color_chang" class="services_box">
|
||
<figure><img src="images/work_img3.jpg" alt="#" /></figure>
|
||
<h3>industry's standard dummy</h3>
|
||
<p>
|
||
There are many variations of passages of Lorem Ipsum
|
||
available, but the majority have suffered alteration in
|
||
some form, by injected
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="read_more" href="#">Read More</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end services -->
|
||
</div>
|
||
<!-- achieved section -->
|
||
<div class="achieved">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="titlepage">
|
||
<span>Our History</span>
|
||
<h2>How We Achieved</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="achieved_box">
|
||
<span>2002</span>
|
||
<div class="start">
|
||
<h3>We started</h3>
|
||
<p>
|
||
It is a long established fact that a reader will be distracted
|
||
by the readable content of a page when looking at its layout.
|
||
The point of using Lorem Ipsum is that it has a more-or-less
|
||
normal distribution of letters, as opposed to using 'Content
|
||
here, content here', making it
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="achieved_box">
|
||
<span>2005</span>
|
||
<div class="start">
|
||
<h3>NEW Product</h3>
|
||
<p>
|
||
It is a long established fact that a reader will be distracted
|
||
by the readable content of a page when looking at its layout.
|
||
The point of using Lorem Ipsum is that it has a more-or-less
|
||
normal distribution of letters, as opposed to using 'Content
|
||
here, content here', making it
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="achieved_box">
|
||
<span>2010</span>
|
||
<div class="start">
|
||
<h3>Best Industrial services</h3>
|
||
<p>
|
||
It is a long established fact that a reader will be distracted
|
||
by the readable content of a page when looking at its layout.
|
||
The point of using Lorem Ipsum is that it has a more-or-less
|
||
normal distribution of letters, as opposed to using 'Content
|
||
here, content here', making it
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="achieved_box">
|
||
<span>2015</span>
|
||
<div class="start">
|
||
<h3>Awerd of the year won</h3>
|
||
<p>
|
||
It is a long established fact that a reader will be distracted
|
||
by the readable content of a page when looking at its layout.
|
||
The point of using Lorem Ipsum is that it has a more-or-less
|
||
normal distribution of letters, as opposed to using 'Content
|
||
here, content here', making it
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<a class="read_more" href="#">Read More</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end achieved section -->
|
||
<!-- testimonial -->
|
||
<div class="testimonial">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="titlepage">
|
||
<h2>Testimonial</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-10 offset-md-1">
|
||
<div
|
||
id="myCarousel"
|
||
class="carousel slide testimonial_Carousel"
|
||
data-ride="carousel"
|
||
>
|
||
<ol class="carousel-indicators">
|
||
<li
|
||
data-target="#myCarousel"
|
||
data-slide-to="0"
|
||
class="active"
|
||
></li>
|
||
<li data-target="#myCarousel" data-slide-to="1"></li>
|
||
<li data-target="#myCarousel" data-slide-to="2"></li>
|
||
</ol>
|
||
<div class="carousel-inner">
|
||
<div class="carousel-item active">
|
||
<div class="container">
|
||
<div class="carousel-caption">
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-4 col-md-12 margin_boot">
|
||
<div class="test_box1">
|
||
<figure>
|
||
<img src="images/tests.png" alt="#" />
|
||
</figure>
|
||
<h4>be distracted</h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-8 col-lg-8 col-md-12">
|
||
<div class="test_box">
|
||
<i><img src="images/te1.png" alt="#" /></i>
|
||
<p>
|
||
It is a long established fact that a reader will
|
||
be distracted by the readable content of a page
|
||
when looking at its layout. The point of using
|
||
Lorem Ipsum is that it has a more-or-less normal
|
||
distribution of letters, as opposed to using
|
||
'Content here, content here', making it
|
||
</p>
|
||
<i class="flot_right"
|
||
><img src="images/te2.png" alt="#"
|
||
/></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<div class="container">
|
||
<div class="carousel-caption">
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-4 col-md-12 margin_boot">
|
||
<div class="test_box1">
|
||
<figure>
|
||
<img src="images/tests.png" alt="#" />
|
||
</figure>
|
||
<h4>be distracted</h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-8 col-lg-8 col-md-12">
|
||
<div class="test_box">
|
||
<i><img src="images/te1.png" alt="#" /></i>
|
||
<p>
|
||
It is a long established fact that a reader will
|
||
be distracted by the readable content of a page
|
||
when looking at its layout. The point of using
|
||
Lorem Ipsum is that it has a more-or-less normal
|
||
distribution of letters, as opposed to using
|
||
'Content here, content here', making it
|
||
</p>
|
||
<i class="flot_right"
|
||
><img src="images/te2.png" alt="#"
|
||
/></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<div class="container">
|
||
<div class="carousel-caption">
|
||
<div class="row">
|
||
<div class="col-xl-4 col-lg-4 col-md-12 margin_boot">
|
||
<div class="test_box1">
|
||
<figure>
|
||
<img src="images/tests.png" alt="#" />
|
||
</figure>
|
||
<h4>be distracted</h4>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-8 col-lg-8 col-md-12">
|
||
<div class="test_box">
|
||
<i><img src="images/te1.png" alt="#" /></i>
|
||
<p>
|
||
It is a long established fact that a reader will
|
||
be distracted by the readable content of a page
|
||
when looking at its layout. The point of using
|
||
Lorem Ipsum is that it has a more-or-less normal
|
||
distribution of letters, as opposed to using
|
||
'Content here, content here', making it
|
||
</p>
|
||
<i class="flot_right"
|
||
><img src="images/te2.png" alt="#"
|
||
/></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a
|
||
class="carousel-control-prev"
|
||
href="#myCarousel"
|
||
role="button"
|
||
data-slide="prev"
|
||
>
|
||
<span
|
||
class="carousel-control-prev-icon"
|
||
aria-hidden="true"
|
||
></span>
|
||
<span class="sr-only">Previous</span>
|
||
</a>
|
||
<a
|
||
class="carousel-control-next"
|
||
href="#myCarousel"
|
||
role="button"
|
||
data-slide="next"
|
||
>
|
||
<span
|
||
class="carousel-control-next-icon"
|
||
aria-hidden="true"
|
||
></span>
|
||
<span class="sr-only">Next</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end testimonial -->
|
||
<!-- contact -->
|
||
<div id="contact" class="contact">
|
||
<div class="container">
|
||
<div class="row d_flex">
|
||
<div class="col-md-6">
|
||
<div class="business">
|
||
<div class="titlepage">
|
||
<h2>Contact Us</h2>
|
||
</div>
|
||
<h3>Let’s talk for business</h3>
|
||
<p>
|
||
It is a long established fact that a reader will be distracted
|
||
by the readable content of a page when looking at its layout.
|
||
The point of using Lorem ere, content here', making itIt is a
|
||
long established fact that a reader will be distracted by the
|
||
readable content of a page when looking at its layout. The point
|
||
of using Lorem ere, content here', making it
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<form id="request" class="main_form">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<input
|
||
class="contactus"
|
||
placeholder="Name"
|
||
type="type"
|
||
name="Name"
|
||
/>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<input
|
||
class="contactus"
|
||
placeholder="Phone Number"
|
||
type="type"
|
||
name="Phone Number"
|
||
/>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<input
|
||
class="contactus"
|
||
placeholder="Email"
|
||
type="type"
|
||
name="Email"
|
||
/>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<textarea
|
||
class="textarea"
|
||
id="message"
|
||
placeholder="Message"
|
||
type="type"
|
||
>
|
||
Message </textarea
|
||
>
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<button class="send_btn">Send</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end contact -->
|
||
<!-- footer -->
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 offset-md-2">
|
||
<div class="cont">
|
||
<h3>
|
||
Free Multipurpose <br />
|
||
Responsive Landing Page 2019
|
||
</h3>
|
||
<p>Modern lighting fast & easily Customizable</p>
|
||
<a class="read_more" href="#">Get A Quote</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="copyright">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<p>
|
||
© 2019 All Rights Reserved. Design by
|
||
<a href="https://html.design/"> Free Html Templates</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- end footer -->
|
||
<!-- Javascript files-->
|
||
<script src="js/jquery.min.js"></script>
|
||
<script src="js/popper.min.js"></script>
|
||
<script src="js/bootstrap.bundle.min.js"></script>
|
||
<script src="js/jquery-3.0.0.min.js"></script>
|
||
<script src="js/plugin.js"></script>
|
||
<!-- sidebar -->
|
||
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||
<script src="js/custom.js"></script>
|
||
</body>
|
||
</html>
|