ok

Mini Shell

Direktori : /home2/selectio/public_html/sankarisurfactants.in/
Upload File :
Current File : /home2/selectio/public_html/sankarisurfactants.in/header.php

<!DOCTYPE html>
<html lang="en">


<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="description" content="Sankari Surfactants">
  <link href="image/logo/ss-logo.png" rel="icon">
 <title>Sankari Surfactants</title>
  <link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&amp;family=Roboto:wght@400;700&amp;display=swap">
  <link rel="stylesheet" href="../../../use.fontawesome.com/releases/v5.15.1/css/all.css">
  <link rel="stylesheet" href="assets/css/libraries.css">
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
</head>

<style>
    .footer .footer-primary {
    position: relative;
    padding: 75px 0 65px !important;
    background-color: #011d59;
}
.header-topbar {
    height: 25px;
    display: flex;
    align-items: center;
    background-color: var(--color-accent);
}
@media (max-width: 991px){
    .logo-mob{
        font-size: 22px;
    font-weight: 900;
    color: #06065e;
    font-family: auto;
    margin-left: -2px!important;
    }
}
@media (min-width: 1200px){
    .logo-mob{
        font-size: 30px;
    font-weight: 900;
    color: #06065e;
    font-family: auto;
    margin-left: 20px;
    }
}

</style>

<body>
  <div class="wrapper">
    <div class="preloader">
      <div class="loading"><span></span><span></span><span></span><span></span></div>
    </div><!-- /.preloader -->

    <!-- =========================
        Header
    =========================== -->
    <header class="header header-layout1">
      <div class="header-topbar">
        <div class="container-fluid">
          <div class="row align-items-center">
            <div class="col-12">
            
            </div><!-- /.col-12 -->
          </div><!-- /.row -->
        </div><!-- /.container -->
      </div><!-- /.header-top -->
      <nav class="navbar navbar-expand-lg sticky-navbar">
        <div class="container-fluid">
           <a class="navbar-brand logo-mob" href="index.php" style="">
               <img src="image/logo/ss-logo.png" class="logo-dark" alt="logo" style="height: 60px;"> <span style="color: #59138f;">SANKARI</span> SURFACTANTS
            
          </a>
          <button class="navbar-toggler" type="button">
            <span class="menu-lines"><span></span></span>
          </button>
          <div class="collapse navbar-collapse justify-content-center" id="mainNavigation">
            <ul class="navbar-nav">
                    <li class="nav-item">
                        <a href="index.php" class="nav-item-link">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="about.php" class="nav-item-link">About</a>
                    </li>
                    <li class="nav-item">
                    <a href="product.php" class="nav-item-link">Industrial Surfactants</a>
                    <!--<ul class="dropdown-menu">-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Linear alkyl benzene sulphonate</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Cocoamidopropyl betaine</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Amine oxides</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Defoamers</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Dodecyl N,<br>N dimethyl benzyl ammonium chloride</a>-->
                    <!--    </li>-->
                        
                    <!--</ul>-->
                  </li>
                  <li class="nav-item">
                    <a href="product1.php" class="nav-item-link">Hospital Disinfectants</i> </a>
                    <!--<ul class="dropdown-menu">-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Getrid</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Serene EV</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Miconil</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Ultra Fabica</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Silvershield</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Soap Oil</a>-->
                    <!--    </li>-->
                    <!--    <li class="nav-item">-->
                    <!--        <a href="#" class="nav-item-link">Liquid Detergent</a>-->
                    <!--    </li>-->
                    <!--</ul>-->
                  </li>
                  <li class="nav-item">
                        <a href="contact.php" class="nav-item-link">Contact Us</a>
                  </li>
            </ul>
            
            <button class="close-mobile-menu d-block d-lg-none"><i class="fas fa-times"></i></button>
          </div><!-- /.navbar-collapse -->
        
        </div><!-- /.container -->
      </nav><!-- /.navabr -->
    </header><!-- /.Header -->

    <!-- ============================
        Slider
    ============================== -->

Zerion Mini Shell 1.0