Sindbad~EG File Manager

Current Path : /home/sarayaglobal/sanistar.pro/
Upload File :
Current File : /home/sarayaglobal/sanistar.pro/index-.html

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

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>SANISTAR | Pure Sanitation From The Tap</title>
  <meta name="title" content="SANISTAR | Pure Sanitation From The Tap" />
  <meta name="description" content="SANISTAR, pure sanitation from the tap. Slightly acidic electrolyzed water for sanitizing your hands, utensils, dishes, floors, walls, fresh vegetables, fruits, and fish." />
	
  <link rel="canonical" href="https://www.sanistar.pro/" />

  <!-- Favicons -->
  <link href="images/favicon.png" rel="icon">
  
  <!-- Google Tag Manager -->
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-1VDJD35MPR"></script>
  <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1VDJD35MPR');
  </script>
  <!-- End Google Tag Manager -->

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: Company
  * Updated: Mar 10 2023 with Bootstrap v5.2.3
  * Template URL: https://bootstrapmade.com/company-free-html-bootstrap-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container d-flex align-items-center">

      <h1 class="logo me-auto"><a href="index.html"><img src="images/logo.png" alt="Sanistar Logo"></a></h1>
      <!-- Uncomment below if you prefer to use an image logo -->
      <!-- <a href="index.html" class="logo me-auto me-lg-0"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

      <nav id="navbar" class="navbar order-last order-lg-0" style="margin-bottom: 0;">
        <ul>
          <li><a href="index.html" class="active">Home</a></li>
		  <li><a href="products.html">Products</a></li>
          <li><a href="what.html">What</a></li>
          <li><a href="how.html">How to use</a></li>
          <li><a href="where.html">Where is it used</a></li>
          <li class="navbar-contact"><a href="contact-us.html">Contact</a></li>

        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero" style="min-height: 750px;">
    <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade homepage-banner-sp" data-bs-ride="carousel">

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url(images/homepage.jpg); background-size: cover;">
          <div class="carousel-container">
            <div class="carousel-content animate__animated animate__fadeIn" style="padding: 5% 9%;">
              <h2>Slightly acidic electrolyzed water.<br>Safe sanitizing water* that can be easily used like tap water.</h2>
              <p style="color: #000000; font-size: 20px; font-weight: 700; line-height: 27px;">*Sanistar generates slightly acidic electrolyzed water that consists of Hypochlorous acid.</p>
              <div class="text-center" style="margin-top: 40px;"><a href="contact-us.html" class="btn-get-started">Contact Us</a></div>
            </div>
          </div>
        </div>
		  
	  </div>
		
	</div>
	
	<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade homepage-banner-pc" data-bs-ride="carousel">
	  
	  <div class="carousel-inner" role="listbox">
		
		<div class="carousel-item active" style="background-image: url(images/homepage-sp.jpg); background-size: cover;">
          <div class="carousel-container">
            <div class="carousel-content animate__animated animate__fadeIn" style="padding: 5% 9%;">
              <h2>Slightly acidic electrolyzed water.<br>Safe sanitizing water* that can be easily used like tap water.</h2>
              <p style="color: #000000; font-size: 20px; font-weight: 700; line-height: 18px;">*Sanistar generates slightly acidic electrolyzed water that consists of Hypochlorous acid.</p>
              <div class="text-center"><a href="contact-us.html" class="btn-get-started" style="font-size: 15px;">Contact Us</a></div>
            </div>
          </div>
        </div>

      </div>
		
	  <ol class="carousel-indicators" id="hero-carousel-indicators" style="visibility: hidden;"></ol>

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Us Section ======= -->
    <section id="about-us" class="about-us homepage section-bg">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6">
            <h2 data-aos="fadeIn">More Than Water</h2>
            <p class="text-alignment" style="font-size: 24px; font-weight: 400; line-height: 32px;">Increase your hygiene levels without damaging your goods or your facilities. Maintain the quality of your products in an economical, effective way.</p>
			<p style="margin-top: 58px; margin-bottom: 1rem; font-weight: 700; text-transform: uppercase;"><i class="bi bi-mouse" style="font-style: normal;">Scroll to know more</i></p>
          </div>
		  <div align="center" class="col-lg-6 pt-4 pt-lg-0" data-aos="fadeIn">
            <img src="images/products-more-than-water.png" class="img-fluid" alt="Fruits splash into water">
          </div>
          
        </div>

      </div>
    </section><!-- End About Us Section -->
	  
	<section id="about-us" class="about-us section-bg-blue" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6" data-aos="fadeIn">
            <img src="images/high-bactericidal-effect.png" class="img-fluid" alt="Microscopic blue bacteria">
          </div>
		  <div align="center" class="col-lg-6 pt-4 pt-lg-0">
            <h2 data-aos="fadeIn">High Bactericidal Effect</h2>
			<p style="font-size: 24px;">Sanistar Water is effective on a wide range of microorganisms, including spores.</p>
          </div>
        </div>
		  
		<div class="row content align-items-center">  
		  <div align="center" class="col-lg-6"></div>
		  <div align="center" class="col-lg-6">
		  <div class="number-bottom">01</div>
		  </div>
		</div>

      </div>
    </section>
	  
    <section id="about-us" class="about-us section-bg homepage-points-sp" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6">
            <h2 data-aos="fadeIn">Power with Safety</h2>
			<p style="font-size: 24px;">Sanistar Water is low in chlorine concentration. No strong chlorine odor and toxic products. No corrosive damage to equipment.</p>
          </div>
		  <div align="center" class="col-lg-6 pt-4 pt-lg-0" data-aos="fadeIn">
            <img src="images/power-with-safety.png" class="img-fluid" alt="Lemons soaking in Sanistar Water">
          </div>
        </div>
		  
		<div class="row content align-items-center">  
		  <div align="center" class="col-lg-6">
		  <div class="number-bottom">02</div>
		  </div>
		  <div align="center" class="col-lg-6"></div>
		</div>

      </div>
    </section>
	  
	<section id="about-us" class="about-us section-bg homepage-points-pc" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6 pt-4 pt-lg-0" data-aos="fadeIn">
            <img src="images/power-with-safety.png" class="img-fluid" alt="Lemons soaking in Sanistar Water">
          </div>
		  <div align="center" class="col-lg-6">
            <h2 data-aos="fadeIn">Power with Safety</h2>
			<p style="font-size: 24px;">Sanistar Water is low in chlorine concentration. No strong chlorine odor and toxic products. No corrosive damage to equipment.</p>
          </div>
        </div>
		  
		<div class="row content align-items-center">  
		  <div align="center" class="col-lg-6"></div>
		  <div align="center" class="col-lg-6">
		  <div class="number-bottom">02</div>
		  </div>
		</div>

      </div>
    </section>
	  
	<section id="about-us" class="about-us section-bg-blue" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6" data-aos="fadeIn">
            <img src="images/sanitation-with-less-steps.png" class="img-fluid" alt="Factory workers cleaning utensils using Sanistar Water">
          </div>
		  <div align="center" class="col-lg-6 pt-4 pt-lg-0">
            <h2 data-aos="fadeIn">Sanitation With Less Steps</h2>
			<p style="font-size: 24px;">Sanistar can reduce cleaning time and cost of water, electricity and labor compared to conventional sanitizing methods.</p>
          </div>
        </div>
		  
		<div class="row content align-items-center">  
		  <div align="center" class="col-lg-6"></div>
		  <div align="center" class="col-lg-6">
		  <div class="number-bottom">03</div>
		  </div>
		</div>

      </div>
    </section>
	  
	<section id="about-us" class="about-us section-bg homepage-points-sp" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6">
            <h2 data-aos="fadeIn">Multi-Use</h2>
			<p style="font-size: 24px;">Sanistar water can be used everywhere. Can apply to  hands, utensils, dishes, floors, walls, fresh vegetables, fruits, and fish.</p>
          </div>
		  <div align="center" class="col-lg-6 pt-4 pt-lg-0" data-aos="fadeIn">
            <img src="images/multi-use.png" class="img-fluid" alt="Washing utensils with Sanistar Water">
          </div>
        </div>
		  
	  <div class="row content align-items-center">  
		<div align="center" class="col-lg-6">
		  <div class="number-bottom">04</div>
		</div>
		<div align="center" class="col-lg-6"></div>
	  </div>

      </div>
    </section>
	
	<section id="about-us" class="about-us section-bg homepage-points-pc" style="padding-bottom: 0;">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="col-lg-6 pt-4 pt-lg-0" data-aos="fadeIn">
            <img src="images/multi-use.png" class="img-fluid" alt="Washing utensils with Sanistar Water">
          </div>
		  <div align="center" class="col-lg-6">
            <h2 data-aos="fadeIn">Multi-Use</h2>
			<p style="font-size: 24px;">Sanistar water can be used everywhere. Can apply to  hands, utensils, dishes, floors, walls, fresh vegetables, fruits, and fish.</p>
          </div>
        </div>
		  
	  <div class="row content align-items-center">  
		  <div align="center" class="col-lg-6"></div>
		  <div align="center" class="col-lg-6">
		  <div class="number-bottom">04</div>
		  </div>
		</div>

      </div>
    </section>
	  
	<section class="about-us">
      <div class="container" data-aos="fade-up">

        <div class="row content align-items-center" style="padding: 0 10%;">
          <div class="embed-responsive embed-responsive-16by9">
			<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/6Wbd-BDpMHk"></iframe>
		  </div>
        </div>

      </div>
    </section>
	  
	<section id="about-us">
      <div class="container">

        <div class="row content align-items-center">
          <div align="center" class="contact-us col-lg-6" data-aos="zoom-in" data-aos-delay="100" style="border-right: 1px solid #cdcdcd;">
            <a href="contact-us.html"><img src="images/contact-us.png" class="img-fluid" width="75" alt="Contact us icon">
			<h3 style="font-weight: 700;">Contact Us</h3>
			<p>Get in touch with us<br>for more information</p></a>
          </div>
          <div align="center" class="contact-us col-lg-6 pt-4 pt-lg-0" data-aos="zoom-in" data-aos-delay="200">
            <a href="catalogue-download-form.html"><img src="images/catalogue-download.jpg" class="img-fluid" width="75" alt="Catalogue download icon">
			<h3 style="font-weight: 700;">Catalogue</h3>
			<p>Click here to download<br>product catalogue</p></a>
          </div>
        </div>

      </div>
    </section>

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">

    <div class="footer-top">
      <div class="container" align="center">
        <div class="row align-items-center">

          <div class="col-lg-3 col-md-6">
            <img src="images/haccp-logo.png" class="img-fluid" alt="Saraya HACCP logo">
          </div>

          <div class="col-lg-6 col-md-6">
            <p style="margin-bottom: 0; text-transform: uppercase;">© 2022 SANISTAR - Pure sanitation from the tap</p>
          </div>

          <div class="col-lg-3 col-md-6">
            <p style="margin-bottom: 0; text-transform: uppercase;">All rights reserved</p>
          </div>

        </div>
      </div>
    </div>
  </footer><!-- End Footer -->

  <!--<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>-->

  <!-- Vendor JS Files -->
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists