/home/hdwebsolution/public_html/supaflex/index.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.html">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="type-a.html">Wiring Ducts <i class="fas fa-angle-right"></i></a>
</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.html">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">
<!-- Carousel -->
<div id="demo" class="my-slider carousel slide" data-bs-ride="carousel">
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item my-overlay active">
<img src="https://unisoninsurance.net/images/industries/oil-energy-banner.jpg" alt="" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3>Mining / Oil & Gas</h3>
</div>
</div>
<div class="carousel-item my-overlay">
<img src="https://durakenergy.in/sliders/banner2.jpg" alt="" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3>Power & Energy</h3>
</div>
</div>
<div class="carousel-item my-overlay">
<img src="https://unisoninsurance.net/images/industries/automobile-banner.jpg" alt="" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3>Automation</h3>
</div>
</div>
<div class="carousel-item my-overlay">
<img src="https://yuko-it.com/wp-content/uploads/2017/11/shutterstock_528660739.jpg" alt="" class="d-block" style="width:100%">
<div class="carousel-caption">
<h3>Transportation</h3>
</div>
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
<!-- contact area -->
<div class="content-block">
<div class="section-full content-inner pt-50 pb-50">
<div class="container">
<div class="sort-title clearfix text-center">
<h4 class="gwefe">Industries</h4>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 md-mb-25">
<div class="relative">
<div class="dlab-box dlab-team1">
<div class="inner">
<div class="dlab-media">
<a href="javascript:;">
<img width="358" height="460" alt="" src="self/d1.jpg">
</a>
</div>
<div class="dlab-info">
<h4 class="dlab-title"><a href="javascript:;">Mining / Oil & Gas</a></h4>
<ul class="dlab-social-icon dez-border">
<li>In mining, and oil & gas sector factors such as temperature resistance,</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 md-mb-25">
<div class="relative">
<div class="dlab-box dlab-team1">
<div class="inner">
<div class="dlab-media">
<a href="javascript:;">
<img width="358" height="460" alt="" src="self/d2.jpg">
</a>
</div>
<div class="dlab-info">
<h4 class="dlab-title"><a href="javascript:;">Power & Energy</a></h4>
<ul class="dlab-social-icon dez-border">
<li>In mining, and oil & gas sector factors such as temperature resistance,</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 md-mb-25">
<div class="relative">
<div class="dlab-box dlab-team1">
<div class="inner">
<div class="dlab-media">
<a href="javascript:;">
<img width="358" height="460" alt="" src="self/d3.jpg">
</a>
</div>
<div class="dlab-info">
<h4 class="dlab-title"><a href="javascript:;">Automation</a></h4>
<ul class="dlab-social-icon dez-border">
<li>In mining, and oil & gas sector factors such as temperature resistance,</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 md-mb-25">
<div class="relative">
<div class="dlab-box dlab-team1">
<div class="inner">
<div class="dlab-media">
<a href="javascript:;">
<img width="358" height="460" alt="" src="self/d4.jpg">
</a>
</div>
<div class="dlab-info">
<h4 class="dlab-title"><a href="javascript:;">Transportation</a></h4>
<ul class="dlab-social-icon dez-border">
<li>In mining, and oil & gas sector factors such as temperature resistance,</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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="gfhrf1 section-full content-inner bg-white pt-50 pb-50">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="sort-title clearfix text-center">
<h4 class="gwefe">Products</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s1.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Flexible Conduits</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.6s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s2.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Conduit Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s3.gif" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Drag Chains</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s4.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s1.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Flexible Conduits</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.6s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s2.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Conduit Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s3.gif" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Drag Chains</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s4.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s1.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Flexible Conduits</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.6s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s2.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Conduit Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s3.gif" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Drag Chains</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s4.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s1.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Flexible Conduits</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.6s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s2.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Conduit Glands</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s3.gif" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Drag Chains</a></h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box service-box-3">
<div class="dlab-media radius-sm dlab-img-overlay1 zoom dlab-img-effect">
<a href="#"><img src="self/s4.png" alt=""></a>
</div>
<div class="dlab-info">
<h4 class="title"><a href="#">Cable Glands</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gfhrf1 bg-gray section-full content-inner pt-50 pb-50">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="sort-title clearfix text-center">
<h4 class="gwefe">Product Updates</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box project-bx">
<div class="dlab-media radius-sm dlab-img-overlay1 dlab-img-effect zoom">
<a href="#"><img src="self/s5.gif" alt=""></a>
</div>
<div class="dlab-info">
<h5 class="dlab-title"><a href="#">Straight Conduit Glands With Flange</a></h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box project-bx">
<div class="dlab-media radius-sm dlab-img-overlay1 dlab-img-effect zoom">
<a href="#"><img src="self/s6.png" alt=""></a>
</div>
<div class="dlab-info">
<h5 class="dlab-title"><a href="#">Crimping Tools</a></h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box project-bx">
<div class="dlab-media radius-sm dlab-img-overlay1 dlab-img-effect zoom">
<a href="#"><img src="self/s7.gif" alt=""></a>
</div>
<div class="dlab-info">
<h5 class="dlab-title"><a href="#">Junction Box with Smooth Walls</a></h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 m-b50 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<div class="dlab-box project-bx">
<div class="dlab-media radius-sm dlab-img-overlay1 dlab-img-effect zoom">
<a href="#"><img src="self/s8.gif" alt=""></a>
</div>
<div class="dlab-info">
<h5 class="dlab-title"><a href="#">Explosion Proof Polyamide Cable Glands</a></h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center mb-0 m-t50">
<div class="sort-title clearfix text-center">
<h4 class="gwefe">Blogs</h4>
</div>
</div>
</div>
<div id="masonry" class="dlab-blog-grid-2 row" style="width: 100%;">
<div class="post card-container col-lg-4 col-md-4 col-sm-12">
<div class="blog-post blog-grid blog-rounded blog-effect1">
<div class="dlab-post-media dlab-img-effect">
<a href="#"><img src="self/b1.jpg" alt=""></a>
</div>
<div class="dlab-info p-a20">
<div class="dlab-post-title ">
<h4 class="post-title"><a href="#">Ventilation Plugs</a></h4>
</div>
<div class="dlab-post-text">
<p>Ventilation Plugs or Pressure Balance Elements : The main function of these products is to…</p>
</div>
<div class="dlab-post-meta ">
<ul>
<li class="post-date"><strong>August 4,</strong><span> 2022</span></li>
<li class="post-author">By <a href="javascript:void(0);">Jamie</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="post card-container col-lg-4 col-md-4 col-sm-12">
<div class="blog-post blog-grid blog-rounded blog-effect1">
<div class="dlab-post-media dlab-img-effect">
<a href="#"><img src="self/b1.jpg" alt=""></a>
</div>
<div class="dlab-info p-a20">
<div class="dlab-post-title ">
<h4 class="post-title"><a href="#">Ventilation Plugs</a></h4>
</div>
<div class="dlab-post-text">
<p>Ventilation Plugs or Pressure Balance Elements : The main function of these products is to…</p>
</div>
<div class="dlab-post-meta ">
<ul>
<li class="post-date"><strong>August 4,</strong><span> 2022</span></li>
<li class="post-author">By <a href="javascript:void(0);">Jamie</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="post card-container col-lg-4 col-md-4 col-sm-12">
<div class="blog-post blog-grid blog-rounded blog-effect1">
<div class="dlab-post-media dlab-img-effect">
<a href="#"><img src="self/b1.jpg" alt=""></a>
</div>
<div class="dlab-info p-a20">
<div class="dlab-post-title ">
<h4 class="post-title"><a href="#">Ventilation Plugs</a></h4>
</div>
<div class="dlab-post-text">
<p>Ventilation Plugs or Pressure Balance Elements : The main function of these products is to…</p>
</div>
<div class="dlab-post-meta ">
<ul>
<li class="post-date"><strong>August 4,</strong><span> 2022</span></li>
<li class="post-author">By <a href="javascript:void(0);">Jamie</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- blog grid END -->
</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 -->
<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>