/home/hdwebsolution/www/supaflex/about.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="Supaflex">
<meta name="author" content="Supaflex">
<meta name="robots" content="Supaflex">
<meta name="description" content="Supaflex">
<meta property="og:title" content="Supaflex">
<meta property="og:description" content="Supaflex">
<meta name="format-detection" content="telephone=no">
<!-- FAVICONS ICON -->
<!--<link rel="icon" href="images/favicon.ico" type="image/x-icon">-->
<!--<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">-->
<!-- PAGE TITLE HERE -->
<title>About Us</title>
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="css/plugins.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-2.css">
<link rel="stylesheet" type="text/css" href="css/templete.css">
<link rel="stylesheet" type="text/css" href="css/rs-spacing.css">
<!-- Google Font -->
<style>
@import url('s/css');
</style>
<!-- REVOLUTION SLIDER CSS -->
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/revolution.min.css">
</head>
<body id="bg">
<div class="page-wraper">
<!-- <div id="loading-area"></div> -->
<!-- header -->
<header class="site-header mo-left header navstyle1">
<div class="sticky-header main-bar-wraper header-curve navbar-expand-lg">
<div class="main-bar clearfix bg-primary">
<div class="container clearfix">
<div class="logo-header mostion logo-dark">
<a href="index.html"><img src="self/logo.png" alt=""></a>
</div>
<button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="extra-nav">
<div class="extra-cell">
<button id="quik-search-btn" type="button" class="site-button-link"><i class="la la-search"></i></button>
</div>
</div>
<div class="dlab-quik-search ">
<form action="#">
<input name="search" value="" type="text" class="form-control" placeholder="Type to search">
<span id="quik-search-remove"><i class="ti-close"></i></span>
</form>
</div>
<div class="header-nav navbar-collapse collapse justify-content-center" id="navbarNavDropdown">
<div class="logo-header d-md-block d-lg-none">
<a href="index.html"><img src="images/logo-2.png" alt=""></a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li>
<a href="javascript:;">Products<i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu tab-content">
<li>
<a href="javascript:;">Flexible Conduits <i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:;">Conduit Glands <i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:;">Conduit Gland Accessories <i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:;">Cable Drag Chains <i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript:;">Cable Drag Chains Accessories <i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li>
<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Industries</a></li>
<li>
<a href="javascript:;">Events<i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu tab-content">
<li><a href="#">Blogs</a></li>
<li><a href="#">Email Updates</a></li>
<li>
<a href="javascript:;">Events<i class="fas fa-angle-right"></i></a>
<ul class="sub-menu">
<li><a href="#">Past Events</a></li>
<li><a href="#">Future Events</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
</ul>
<div class="dlab-social-icon">
<ul>
<li><a class="site-button facebook circle-sm outline fab fa-facebook-f" href="javascript:void(0);"></a></li>
<li><a class="site-button twitter circle-sm outline fab fa-twitter" href="javascript:void(0);"></a></li>
<li><a class="site-button linkedin circle-sm outline fab fa-linkedin-in" href="javascript:void(0);"></a></li>
<li><a class="site-button instagram circle-sm outline fab fa-instagram" href="javascript:void(0);"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- main header END -->
</header>
<div class="page-content bg-white">
<!-- inner page banner -->
<div class="dlab-bnr-inr overlay-black-middle bg-pt" style="background-image:url(images/banner/bnr4.jpg);">
<div class="container">
<div class="dlab-bnr-inr-entry">
<h1 class="text-white">About Us</h1>
<!-- Breadcrumb row -->
<div class="breadcrumb-row">
<ul class="list-inline">
<li><a href="index.html">Home</a></li>
<li>Portfolio</li>
<li>About Us</li>
</ul>
</div>
<!-- Breadcrumb row END -->
</div>
</div>
</div>
<!-- inner page banner END -->
<!-- contact area -->
<div class="content-block">
<div class="section-full bg-gray content-inner const-about pt-50">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="sort-title clearfix text-center">
<h4 class="gwefe">About Us</h4>
</div>
</div>
<div class="col-lg-12 text-center pt-0 m-b15 wow bounceInRight" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="content-bx1">
<div class="section-head style2">
<p>With over a decade of experience, today is reckoned as the leading distributor of quality Cable Protection and Management products in India. Over the years we have expanded our product range to be a one-stop solution for all industrial connection requirements. Being a customer-centric company we acknowledge the fact that no two requirements are alike and work alongside the customers to understand their requirements and help them select and deploy the right products.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-full content-inner bg-white bg-img-fix">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-6 m-b30">
<div class="m-b30 dlab-box text-center counter-style-2">
<div class="icon-lg "><i class="flaticon-factory"></i></div>
<div class="counter text-primary m-b5">650</div><span class="oaiwhj">+</span>
<span class="counter-text">Products</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 m-b30">
<div class="m-b30 dlab-box text-center counter-style-2">
<div class="icon-lg "><i class="flaticon-user"></i></div>
<div class="counter text-primary m-b5">1500</div><span class="oaiwhj">+</span>
<span class="counter-text">Active Customers</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 m-b30">
<div class="m-b30 dlab-box text-center counter-style-2">
<div class="icon-lg "><i class="flaticon-settings"></i></div>
<div class="counter text-primary m-b5">100</div>
<span class="counter-text">Passionate Team</span>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 m-b30">
<div class="m-b10 dlab-box text-center counter-style-2">
<div class="icon-lg "><i class="flaticon-conveyor"></i></div>
<div class="counter text-primary m-b5">2089</div>
<span class="counter-text">Countries We Serve</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials End -->
<div class="section-full content-inner-2 bg-primary wow fadeIn" data-wow-duration="2s" data-wow-delay="0.3s" style="background-image:url(images/background/map-bg.png);">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center call-action style2">
<i class="far fa-comment-alt call-icon"></i>
<h2 class="title text-white">+91-91XXXXXXXX</h2>
<h3 class="text-white font-weight-600">Every great idea starts with a first step.</h3>
<p class="m-b0">Get in touch with us and learn everything you need to know about <br>Vishnu Internatinal We look forward to your enquiry.</p>
</div>
</div>
</div>
</div>
<!-- Service Info Head End -->
<!-- Testimonials -->
<div class="section-full content-inner bg-gray">
<div class="container">
<div class="section-head style2 text-center">
<h2 class="title">Testimonials</h2>
</div>
<div class="testimonial-five owl-none owl-loaded owl-theme owl-carousel">
<div class="item wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="testimonial-6">
<div class="testimonial-text bg-white quote-left quote-right">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the when an printer took a galley of type and scrambled it to make [...]</p>
</div>
<div class="testimonial-detail clearfix bg-primary text-white">
<h4 class="testimonial-name m-tb0">David Matin</h4>
<span class="testimonial-position">Student</span>
<div class="testimonial-pic radius"><img src="images/testimonials/pic1.jpg" alt="" width="100" height="100"></div>
</div>
</div>
</div>
<div class="item wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.6s">
<div class="testimonial-6">
<div class="testimonial-text bg-white quote-left quote-right">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the when an printer took a galley of type and scrambled it to make [...]</p>
</div>
<div class="testimonial-detail clearfix bg-primary text-white">
<h4 class="testimonial-name m-tb0">David Matin</h4>
<span class="testimonial-position">Student</span>
<div class="testimonial-pic radius"><img src="images/testimonials/pic2.jpg" alt="" width="100" height="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- contact area END -->
</div>
<!-- Content END -->
<!-- Footer -->
<footer class="site-footer text-uppercase bg-white">
<!-- Social icon -->
<div class="social-curve wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="container">
<ul class="social-icon list-inline m-b0">
<li><span class="title">Follow Us</span></li>
<li><a href="javascript:void(0);" class="site-button-link facebook hover"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="site-button-link google-plus hover"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="javascript:void(0);" class="site-button-link linkedin hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="site-button-link instagram hover"><i class="fab fa-instagram"></i></a></li>
<li><a href="javascript:void(0);" class="site-button-link twitter hover"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
<!-- Social icon End -->
<div class="footer-top" style="background-image:url(images/background/bg2.png); background-size: contain;">
<div class="container saf-footer">
<div class="row">
<div class="col-md-6 col-lg-3 col-sm-6 footer-col-4">
<div class="widget widget_getintuch">
<h5 class="m-b30 text-white ">Contact us</h5>
<ul>
<li><i class="ti-location-pin"></i><strong>address</strong> New Delhi, India</li>
<li><i class="ti-mobile"></i><strong>phone</strong>+91-91XXXXXXXX</li>
<li><i class="ti-email"></i><strong>email</strong>info@example.com</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-3 col-sm-6 col-5 footer-col-4">
<div class="widget widget_services border-0">
<h5 class="m-b30 text-white">Quick Links</h5>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Industries</a></li>
<li><a href="#">Contact Us </a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-3 col-sm-6 col-7 footer-col-4">
<div class="widget widget_services border-0">
<h5 class="m-b30 text-white">Industries</h5>
<ul>
<li><a href="#">Mining / Oil & Gas</a></li>
<li><a href="#">Power & Energy</a></li>
<li><a href="#">Automation</a></li>
<li><a href="#">Transportation</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-3 col-sm-6 footer-col-4">
<div class="widget widget_gallery gallery-grid-4">
<h5 class="m-b30 text-white">Map Location</h5>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224345.89796670916!2d77.04416967198088!3d28.527554410734698!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x52c2b7494e204dce!2sNew%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1702041564380!5m2!1sen!2sin" width="100%" height="180" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- footer bottom part -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 text-left "> <span>Copyright © 2024 Supaflex</span> </div>
<!-- <div class="col-md-6 col-sm-6 text-right ">
<div class="widget-link ">
<ul>
<li><a href="#"> Help Desk</a></li>
<li><a href="#"> Privacy Policy</a></li>
</ul>
</div>
</div> -->
</div>
</div>
</div>
</footer>
<!-- Footer END -->
<div class="modal iichj fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body" style="padding: 5px; text-align: right;">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<img class="p-img-modl" alt="" src="self/s1.png">
</div>
</div>
</div>
</div>
<div class="modal iichj fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body" style="padding: 5px; text-align: right;">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<img class="p-img-modl" alt="" src="https://controlwell.com/wp-content/themes/twentynineteen/product_drawing/flexibleconduits.gif">
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="row" style="align-items: center;">
<div class="col-lg-10">
<ul class="kdksnk" style="margin: 0;">
<li><a href="#"><img src="self/icon/facebook.png" alt=""></a></li>
<li><a href="#"><img src="self/icon/instagram.png" alt=""></a></li>
<li><a href="#"><img src="self/icon/telegram.png" alt=""></a></li>
<li><a href="#"><img src="self/icon/linkedin.png" alt=""></a></li>
<li><a href="#"><img src="self/icon/twitter.png" alt=""></a></li>
</ul>
</div>
<div class="col-lg-2">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal iichj fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Enquiry Form</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="row oihfis">
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">First Name*</label>
<input type="text" class="form-control" required>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Last Name*</label>
<input type="text" class="form-control" required>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Company Name</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Address</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">City</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">State</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Country</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Pin Code</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Phone Number</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Mobile Number*</label>
<input type="text" class="form-control" required>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Email address*</label>
<input type="email" class="form-control" required>
</div>
</div>
<div class="col-lg-6">
<div class="mb-3">
<label class="form-label">Website</label>
<input type="text" class="form-control">
</div>
</div>
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">Message</label>
<textarea type="text" class="form-control"></textarea>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</form>
</div>
</div>
</div>
</div>
<style>
.fixbutton {
position: fixed;
right: 0;
top: 50%;
margin-top: -60px;
z-index: 99;
}
.fixbutton li {
display: block;
text-align: right;
margin-bottom: 1px;
}
.fixbutton li a {
display: inline-block;
color: #1f223e;
cursor: pointer;
}
.fixbutton li a span {
width: 0;
background: #95c41f;
padding: 10px;
width: 0;
opacity: 0;
visibility: hidden;
position: absolute;
right: 100%;
white-space: nowrap;
width: auto;
transition: all 500ms ease;
font-weight: 600;
}
.fixbutton li a i {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #3185ab;
color:#fff;
}
.fixbutton li a:hover {
color: #fff;
transition: all 500ms ease;
}
.fixbutton li a:hover span {
opacity: 1;
visibility: visible;
transition: all 500ms ease;
background-color: #3185ab;
color: #fff;
}
.fixbutton li a i:hover, .fixbutton li a span:hover~i {
background-color: #3185ab;
color: #fff;
}
</style>
<ul class="fixbutton">
<li><a href="#" data-toggle="modal"><span>Facebook</span><i class="fab fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><span>Instagram</span><i class="fab fa-instagram"></i></a></li>
<li><a href="#" data-toggle="modal"><span>Twitter</span><i class="fab fa-twitter"></i></a></li>
<li><a href="#" data-toggle="modal"><span>Youtube</span><i class="fab fa-youtube"></i></a></li>
</ul>
<button class="scroltop style1 icon-up" type="button"><i class="fas fa-arrow-up"></i></button>
<a href="https://api.whatsapp.com/send?phone=919990888038" class="float">
<img src="self/whatsapp.png" class="my-float" alt="">
</a>
<a href="tel:919990888038" class="float2">
<i class="fa fa-phone my-float2"></i>
</a>
<style>
@media (max-width: 1200px){
.float {
position: fixed;
width: 42px !important;
height: 42px !important;
bottom: 70px !important;
left: 11px !important;
}
.float2 {
position: fixed;
width: 40px !important;
height: 40px !important;
bottom: 130px !important;
left: 11px !important;
background-color: #f50606;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 23px !important;
box-shadow: 5px 5px 20px 0px rgba(53, 51, 51, 0.8);
z-index: 100;
}
.my-float {
margin-top: 0px !important;
color: #fff;
z-index: 1;
width: 42px;
}
.my-float2 {
margin-top: 9px !important;
color: #fff;
}
}
.float {
position: fixed;
width: 46px;
height: 46px;
bottom: 95px;
left: 27px;
z-index: 99
}
.float2 {
position: fixed;
width: 46px;
height: 46px;
bottom: 160px;
left: 25px;
background-color: #3185ab;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 23px;
box-shadow: 5px 5px 20px 0px rgba(53, 51, 51, 0.8);
z-index: 100;
}
.my-float {
color: #fff;
}
.my-float2 {
margin-top: 12px;
color: #fff;
}
</style>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="plugins/wow/wow.js"></script><!-- WOW JS -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
<script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script><!-- FORM JS -->
<script src="plugins/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC POPUP JS -->
<script src="plugins/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="plugins/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
<script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
<script src="plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
<script src="plugins/lightgallery/js/lightgallery-all.min.js"></script><!-- Lightgallery -->
<script src="plugins/scroll/scrollbar.min.js"></script><!-- scroll -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/dz.carousel.min.js"></script><!-- SORTCODE FUCTIONS -->
<script src="plugins/countdown/jquery.countdown.js"></script><!-- COUNTDOWN FUCTIONS -->
<script src="js/dz.ajax.js"></script><!-- CONTACT JS -->
<script src="plugins/rangeslider/rangeslider.js"></script><!-- Rangeslider -->
<script src="plugins/switcher/switcher.js"></script>
<script src="js/jquery.lazy.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- Slider revolution 5.0 Extensions (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="js/rev.slider.js"></script>
<script>
jQuery(document).ready(function() {
'use strict';
dz_rev_slider_4();
$('.lazy').Lazy();
}); /*ready*/
</script>
</body>
</html>