/home/hdwebsolution/public_html/supaflex/product.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>Supaflex</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">Portfolio Detail</h1>
<!-- Breadcrumb row -->
<div class="breadcrumb-row">
<ul class="list-inline">
<li><a href="index.html">Home</a></li>
<li>Portfolio</li>
<li>Portfolio Detail</li>
</ul>
</div>
<!-- Breadcrumb row END -->
</div>
</div>
</div>
<!-- inner page banner END -->
<!-- contact area -->
<div class="content-block">
<!-- Portfolio Details -->
<div class="section-full content-inner bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6 mb-30">
<div class="row">
<div class="col-lg-12">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal3">
<img alt="" src="self/s1.png">
</a>
</div>
</div>
</div>
<div class="col-lg-6">
<h2 class="jjsjgjpd m-b15">High Grade Polyamide Flexible Conduits - PAR</h2>
<p class="sihud">These Conduits are made of high quality flame-retardant Polyamide 12. They are flexible, halogen-free and have a small bending radius. They are suitable for various applications such as high speed machines & industrial Robots etc. These Conduits offer IP 68 protection in combination with Conduit Glands. UV resistant Conduits are also available on request. These Conduits are available in grey and black colour and comply with EN 60529 and IEC EN 61386 standards. </p>
<ul class="kdksnk">
<li><a href="#"><img src="self/icon/1.png" alt=""></a></li>
<li><a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal"><img src="self/icon/2.png" alt=""></a></li>
<li><a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal2"><img src="self/icon/3.png" alt=""></a></li>
<li><a href="#"><img src="self/icon/4.png" alt=""></a></li>
</ul>
</div>
</div>
<div class="row mt-40">
<div class="col-lg-12">
<h2 class="text-black jjsjgjpd m-b15">Technical Data</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th scope="col">S.N</th>
<th scope="col">Part Number</th>
<th scope="col">Size HxW(mm)</th>
<th scope="col">Pck.(Mtr.)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row mt-40">
<div class="col-lg-12">
<h2 class="text-black jjsjgjpd m-b15">Accessories</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th scope="col">Image</th>
<th scope="col">Cat. no.</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr class="img-tr">
<th scope="row" class="text-center"><img class="tb-img" src="https://controlwell.com/wp-content/uploads/2019/07/Mounting-Clips.gif" alt=""></th>
<td>Mounting Clips</td>
<td>Mounting Clips are used for supporting conduits. These clips are…</td>
</tr>
<tr class="img-tr">
<th scope="row" class="text-center"><img class="tb-img" src="https://controlwell.com/wp-content/uploads/2019/07/Mounting-Clips.gif" alt=""></th>
<td>Mounting Clips</td>
<td>Mounting Clips are used for supporting conduits. These clips are…</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row mt-50">
<div class="col-lg-12">
<h2 class="text-black jjsjgjpd m-b15">Approvals</h2>
<div class="row approvals">
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/rohslogo.png" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/ce.gif" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/rohslogo.png" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/ce.gif" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/rohslogo.png" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/ce.gif" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/rohslogo.png" alt="">
</div>
<div class="col-lg-1 col-3 md-mb-15">
<img src="https://controlwell.com/wp-content/uploads/Approvals/ce.gif" alt="">
</div>
</div>
</div>
</div>
<div class="row mt-40">
<div class="col-lg-4 mb-30">
<h2 class="text-black jjsjgjpd m-b15">Product Drawing</h2>
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal4">
<img alt="" src="https://controlwell.com/wp-content/themes/twentynineteen/product_drawing/flexibleconduits.gif">
</a>
</div>
</div>
<div class="row mt-40">
<div class="col-lg-12">
<h2 class="text-black jjsjgjpd m-b15">Ordering Information</h2>
<div class="table-responsive">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th scope="col">S.N</th>
<th scope="col">Part Number</th>
<th scope="col">Size HxW(mm)</th>
<th scope="col">Pck.(Mtr.)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
<tr>
<th scope="row">1</th>
<td>SFWDN15x15</td>
<td>15x15</td>
<td>250</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Details End -->
</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>