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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Home - Saurashtra Fuels Pvt. Ltd.</title>
  <meta content="" name="Saurashtra Fuels">
  <meta content="" name="Saurashtra Fuels is India's largest manufacturer of Low Ash Metallurgical Coke">

  <?php include('csslinks.php'); ?>
</head>

<body>

  <?php include('header.php'); ?>

  <!-- Slide -->
  <section id="hero">
    <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

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

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url(assets/img/slide/slide-1.jpg); height: 100%;">
          <div class="carousel-container">
            <div class="carousel-content animate__animated animate__fadeInUp">
              <h2>Welcome to <span>Saurashtra Fuels</span></h2>
              <p>Saurashtra Fuels is India's largest manufacturer of Low Ash Metallurgical Coke.</p>
              <div class="text-center"><a href="about.php" class="btn-get-started">Read More</a></div>
            </div>
          </div>
        </div>

        <!-- Slide 2 -->
        <div class="carousel-item" style="background-image: url(assets/img/slide/slide-2.jpg); height: 100%;">
          <div class="carousel-container">
            <div class="carousel-content animate__animated animate__fadeInUp">
              <h2>Welcome to <span>Saurashtra Fuels</span></h2>
              <p>Saurashtra Fuels is India's largest manufacturer of Low Ash Metallurgical Coke.</p>
              <div class="text-center"><a href="about.php" class="btn-get-started">Read More</a></div>
            </div>
          </div>
        </div>

        <!-- Slide 3 -->
        <div class="carousel-item" style="background-image: url(assets/img/slide/slide-3.jpg); height: 100%;">
          <div class="carousel-container">
            <div class="carousel-content animate__animated animate__fadeInUp">
              <h2>Welcome to <span>Saurashtra Fuels</span></h2>
              <p>Saurashtra Fuels is India's largest manufacturer of Low Ash Metallurgical Coke.</p>
              <div class="text-center"><a href="about.php" class="btn-get-started">Read More</a></div>
            </div>
          </div>
        </div>

      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon bx bx-left-arrow" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon bx bx-right-arrow" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

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

  <main id="main">

    <section id="cta" class="cta">
      <div class="container">

        <div class="row">
          <div class="col-lg-9 text-center text-lg-left">
            <h3>Welcome to <span>Saurashtra Fuels</span></h3>
            <div class="d">
              <p> Saurashtra Fuels is India’s largest manufacturer of Low Ash Metallurgical Coke.
                With a cumulative production of 1.1 million tonnes spread over 5 manufacturing facilities,
                Saurashtra Fuels is the market leader in the domestic coke sector. Sauarashtra has earned a
                reputation of a regular supplier of premium quality LAM coke in the international market, making
                it the leading exporter of coke from India.</p>
            </div>
          </div>
          <div class="col-lg-3 cta-btn-container text-center">
            <a class="cta-btn align-middle" href="about.html">More Details</a>
          </div>
        </div>

      </div>
    </section>
    <!-- End Cta Section -->

    <section id="services" class="strength">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2><strong>Our Strengths</strong></h2>
        </div>

        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up">
              <div class="icon"><i class="icofont-atom"></i></div>
              <h4 class="title"><a href="">Installed Capacity of 1.1 mtpa</a></h4>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
              <div class="icon"><i class="icofont-building-alt"></i></div>
              <h4 class="title"><a href="">State-of-the-Art heat recovery technology</a></h4>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
              <div class="icon"><i class="icofont-industries-5"></i></div>
              <h4 class="title"><a href="">6 Manufacturing facilities</a></h4>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
              <div class="icon"><i class="icofont-globe-alt"></i></div>
              <h4 class="title"><a href="">Widely recognized quality</a></h4>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
              <div class="icon"><i class="icofont-users-social"></i></div>
              <h4 class="title"><a href="">A Team of visionary experts</a></h4>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
              <div class="icon"><i class="icofont-sail-boat-alt-2"></i></div>
              <h4 class="title"><a href="">Located Near India’s Largest Coal ports</a></h4>
            </div>
          </div>
        </div>

      </div>
    </section>
    <!-- End Services Section -->

    <section id="portfolio" class="portfolio">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Some of our <strong>Photo Gallery</strong></h2>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-lg-12 d-flex justify-content-center">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">All</li>
              <li data-filter=".filter-card">Plants</li>
              <li data-filter=".filter-web">Operation</li>
            </ul>
          </div>
        </div>

        <div class="row portfolio-container" data-aos="fade-up">

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/Operation-1.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Operation 3</h4>
              <p>Operation</p>
              <a href="assets/img/portfolio/Operation-1.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="Web 3"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/Operation-2.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Operation 2</h4>
              <p>Operation</p>
              <a href="assets/img/portfolio/Operation-2.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="Web 2"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="assets/img/portfolio/office-3.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Plants 4</h4>
              <p>Plant</p>
              <a href="assets/img/portfolio/office-3.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="card 4"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="assets/img/portfolio/Plant-2.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Plants 1</h4>
              <p>Plants</p>
              <a href="assets/img/portfolio/Plant-2.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="Card 1"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="assets/img/portfolio/Plant-3.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Plants 3</h4>
              <p>Plants</p>
              <a href="assets/img/portfolio/Plant-3.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="Card 3"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="assets/img/portfolio/Operation-3.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Operation 3</h4>
              <p>Operation</p>
              <a href="assets/img/portfolio/Operation-3.jpg" data-gall="portfolioGallery" class="venobox preview-link"
                title="Web 3"><i class="bx bx-plus"></i></a>
              <a href="#" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Portfolio Section -->

    <section id="clients" class="clients">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Our Valued<strong> Domestic </strong> and<strong> International </strong> Partners</h2>
          <!-- <p>Domestic and International.</p> -->
        </div>

        <div class="text-center p-3" data-aos="fade-up">
          <h4><strong> Domestic</strong></h4>
        </div>
        <div class="row no-gutters clients-wrap clearfix" data-aos="fade-up">

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-1.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-2.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-3.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-4.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-5.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-6.png" class="img-fluid" alt="">
            </div>
          </div>
          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-7.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-8.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-11.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-12.jpg" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/tata chemicalslimited.jpg" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-13.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/Welspun.jpg" class="img-fluid" alt="">
            </div>
          </div>

        </div>

        <div class="text-center p-3" data-aos="fade-up">
          <h4><strong>International</strong></h4>
        </div>
        <div class="row no-gutters clients-wrap clearfix" data-aos="fade-up">

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-9.png" class="img-fluid" alt="">
            </div>
          </div>

          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-10.png" class="img-fluid" alt="">
            </div>
          </div>
          <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-14.png" class="img-fluid" alt="">
            </div>
          </div>

          <!-- <div class="col-lg-3 col-md-4 col-xs-6">
            <div class="client-logo">
              <img src="assets/img/clients/client-15.png" class="img-fluid" alt="">
            </div>
          </div> -->
        </div>

      </div>
    </section><!-- End Our Clients Section -->

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

  <!-- end -->
  <?php include('footer.php'); ?>

  <?php include('jslinks.php'); ?>

</body>

</html>