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"
|
|||
|
|
placeholder="Message"
|
|||
|
|
type="type"
|
|||
|
|
Message="Name"
|
|||
|
|
>
|
|||
|
|
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>
|