<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home - Saurashtra Fuels Pvt. Ltd.</title>
    <!-- favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon.png" />
    <link rel="manifest" href="assets/images/favicons/site.webmanifest" />
    <meta name="description" content="Sominx HTML Template For Business" />

    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
        rel="stylesheet">


    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
    <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
    <link rel="stylesheet" href="assets/vendors/sominx-icons/style.css">
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
    <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/vendors/twentytwenty/twentytwenty.css" />
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />

    <!-- template styles -->
    <link rel="stylesheet" href="assets/css/sominx.css" />
    <link rel="stylesheet" href="assets/css/sominx-responsive.css" />
        <link rel="stylesheet" href="assets/css/style.css"/>

</head>

<body>
    <div class="preloader">
        <img class="preloader__image" width="60" src="assets/images/favicons/apple-touch-icon.png" alt="" />
    </div>
    <!-- /.preloader -->
    <div class="page-wrapper">
       <?php
       include('header.php');
       ?>
        <!-- Banner One Start -->
        <section class="main-slider">
            <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                    "pagination": {
                    "el": "#main-slider-pagination",
                    "type": "bullets",
                    "clickable": true
                },
                    "navigation": {
                    "nextEl": "#main-slider__swiper-button-next",
                    "prevEl": "#main-slider__swiper-button-prev"
                    },
                    "autoplay": {
                    "delay": 5000
                }}'>
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/backgrounds/slide-1.jpg);"></div>
                        <div class="image-layer-overlay"></div>
                        <!--<div class="main-slider__date-time">-->
                        <!--    <p>Monday to Friday <span>9:00 am to 7:00</span>pm</p>-->
                        <!--</div>-->
                        <div class="main-slider__social">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <!--<a href="#"><i class="fab fa-pinterest-p"></i></a>-->
                            <a href="#"><i class="fab fa-instagram"></i></a>
                        </div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="main-slider__content">
                                        <p class="main-slider__sub-title">Welcome to Saurashtra Fuels</p>
                                        <h2>Saurashtra Fuels is India's largest manufacturer of <br>Low Ash Metallurgical Coke.</h2>
                                        <a href="about.php" class="thm-btn main-slider__btn">Discover more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="image-layer"
                            style="background-image: url(assets/images/backgrounds/slide-2.jpg);">
                        </div>
                        <div class="image-layer-overlay"></div>
                        <!--<div class="main-slider__date-time">-->
                        <!--    <p>Monday to Friday <span>9:00 am to 7:00</span>pm</p>-->
                        <!--</div>-->
                        <div class="main-slider__social">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <!--<a href="#"><i class="fab fa-pinterest-p"></i></a>-->
                            <a href="#"><i class="fab fa-instagram"></i></a>
                        </div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="main-slider__content">
                                    <p class="main-slider__sub-title">Welcome to Saurashtra Fuels</p>
                                        <h2>Saurashtra Fuels is India's largest manufacturer of <br>Low Ash Metallurgical Coke.</h2>
                                        <a href="about.php" class="thm-btn main-slider__btn">Discover more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="swiper-slide">
                        <div class="image-layer"
                            style="background-image: url(assets/images/backgrounds/slide-3.jpg);">
                        </div>
                        <div class="image-layer-overlay"></div>
                        <!--<div class="main-slider__date-time">-->
                        <!--    <p>Monday to Friday <span>9:00 am to 7:00</span>pm</p>-->
                        <!--</div>-->
                        <div class="main-slider__social">
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-facebook"></i></a>
                            <!--<a href="#"><i class="fab fa-pinterest-p"></i></a>-->
                            <a href="#"><i class="fab fa-instagram"></i></a>
                        </div>
                        <!-- /.image-layer -->
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="main-slider__content">
                                    <p class="main-slider__sub-title">Welcome to Saurashtra Fuels</p>
                                        <h2>Saurashtra Fuels is India's largest manufacturer of <br>Low Ash Metallurgical Coke.</h2>
                                        <a href="about.php" class="thm-btn main-slider__btn">Discover more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- If we need navigation buttons -->
                <div class="swiper-pagination" id="main-slider-pagination"></div>
                <div class="main-slider__nav">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                        <i class="icon-right-arrow-angle"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                        <i class="icon-right-arrow-angle"></i>
                    </div>
                </div>
            </div>
        </section>
        <!--Banner One End-->

        <!--Welcome One Start-->
        <section class="welcome-one">
            <div class="welcome-one__outer-img">
                <img src="assets/images/saurashtrafuels/office-1.jpg" width="525px" alt="">
                <div class="welcome-one__outer-img-overly"></div>
            </div>
            <div class="welcome-one-shape-1">
                <img src="assets/images/shapes/welcome-one-shape-1.png" alt="">
            </div>
            <!--<div class="welcome-one-shape-2 wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">-->
            <!--    <img src="assets/images/shapes/welcome-one-shape-2.png" alt="">-->
            <!--</div>-->
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6">
                        <div class="welcome-one__left">
                            <div class="section-title text-left">
                                <span class="section-title__tagline">About Saurashtra Fuels</span>
                                <h2 class="section-title__title">Welcome to Saurashtra Fuels</h2>
                            </div>
                            <p class="welcome-one__text-2">Saurashtra Fuels is India’s largest manufacturer of Low Ash Metallurgical Coke. With a cumulative production of 1.4 million tonnes spread over 6 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.
                                <br>
                            </p>
                            
                            <a href="about.html" class="welcome-one__btn thm-btn" style="margin-top: 15px;">Discover more</a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="welcome-one__right wow slideInRight" data-wow-delay="100ms"
                            data-wow-duration="2500ms">
                            <div class="welcome-one__img-box">
                                <div class="welcome-one__img">
                                    <img src="assets/images/saurashtrafuels/office-1.jpg" alt="">
                                </div>
                                <div class="welcome-one__completed">
                                    <h3 class="odometer" data-count="4890">00</h3>
                                    <p>Total Projects Completed</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Welcome One End-->

        <!--Services One Start-->
        <section class="services-one">
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">Saurashtra Fuels</span>
                    <h2 class="section-title__title">Our Strengths</h2>
                </div>
                <ul class="services-one__box clearfix list-unstyled">
                    <li class="services-one__single wow fadeInUp" data-wow-delay="100ms">
                        <div class="services-one__icon">
                            <span><img src="assets/images/saurashtrafuels/connections_9085952.png" width="64px"></span>
                        </div>
                        <h3 class="services-one__title">
                            <a href="plants.php">Installed Capacity of 1.4 mtpa</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                    <li class="services-one__single wow fadeInUp" data-wow-delay="200ms">
                        <div class="services-one__icon">
                                                       <span><img src="assets/images/saurashtrafuels/building_916771.png" width="64px"></span>

                        </div>
                        <h3 class="services-one__title">
                            <a href="plants.php">State-of-the-Art heat recovery technology</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                    <li class="services-one__single wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-one__icon">
                                                       <span><img src="assets/images/saurashtrafuels/factory_699404.png" width="64px"></span>
                        </div>
                        <h3 class="services-one__title">
                            <a href="plants.php">6 Manufacturing <br>facilities</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                    <li class="services-one__single wow fadeInUp" data-wow-delay="400ms">
                        <div class="services-one__icon">
                                                       <span><img src="assets/images/saurashtrafuels/globe_2997302.png" width="64px"></span>
                        </div>
                        <h3 class="services-one__title">
                            <a href="plants.php">Widely recognized quality</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                    <li class="services-one__single wow fadeInUp" data-wow-delay="400ms">
                        <div class="services-one__icon">
                                                       <span><img src="assets/images/saurashtrafuels/team_2636184.png" width="64px"></span>
                        </div>
                        <h3 class="services-one__title">
                            <a href="plants.php">A Team of visionary experts</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                    <li class="services-one__single wow fadeInUp" data-wow-delay="400ms">
                         <div class="services-one__icon">                                                      
                         <span><img src="assets/images/saurashtrafuels/sailboat_766038.png" width="64px"></span>
                        </div>

                        <h3 class="services-one__title">
                            <a href="plants.php">Located Near India’s Largest Coal ports</a>
                        </h3>
                        <!-- <p class="services-one__text">Lorem ipsum dolor sit amet, consectetur notted adipisicing elit
                            sed do.</p> -->
                    </li>
                </ul>
            </div>
        </section>
        <!--Services One End-->

        <!--Discover World Start-->
        
        <!--Discover World End-->

        <!--We Shape Start-->
        
        <!--We Shape End-->

        <!--Grow and Experience Start-->
       
        <!--Grow and Experience End-->

        <!--Three Boxes Start-->
        
        <!--Three Boxes End-->

        <!--Inspire Start-->
        
        <!--Inspire End-->

        <!--Project One Start-->
        <section class="project-one">
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">Some of our&nbsp;<b>Photo Gallery</b></span>
                    <h2 class="section-title__title">Our Project Showcase</h2>
                </div>
                <div class="project-one__carousel owl-theme owl-carousel">
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Plant-1.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="">Plant 1</a></h3>
                               
                            </div>
                        </div>
                    </div>
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Plant-2.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="project-details.html">Plant 2</a></h3>
                               
                            </div>
                        </div>
                    </div>
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Plant-3.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="project-details.html">Plant 3</a></h3>
                              
                            </div>
                        </div>
                    </div>
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Operation-1.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="project-details.html">Operation 1</a></h3>
                                
                            </div>
                        </div>
                    </div>
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Operation-2.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="project-details.html">Operation 2</a></h3>
                                
                            </div>
                        </div>
                    </div>
                    <!--Project One Single-->
                    <div class="project-one__single">
                        <div class="project-one__img">
                            <img src="assets/images/saurashtrafuels/Operation-3.jpg" alt="">
                            <div class="project-one__content">
                                <!-- <h5 class="project-one__tagline">Designing <span>/</span> Graphics</h5> -->
                                <h3 class="project-one__tilte"><a href="project-details.html">Operation 3</a></h3>
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Project One End-->

        <!--Brand One Start-->
       <?php include('clients.php');?>

        <!--Brand One End-->

        <!--Google Map Start-->
        <!--<section class="google-map">-->
        <!--    <iframe-->
        <!--        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29328.16370808988!2d69.6713216!3d23.242342400000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e9b4857eb7329%3A0x8c88056a6455cd90!2sSarthik-II!5e0!3m2!1sen!2sin!4v1701950831471!5m2!1sen!2sin"-->
        <!--        class="google-map__one" allowfullscreen></iframe>-->

        <!--</section>-->
        <!--Google Map End-->

        <!--News One Start-->
        
        <!--News One End-->

        <!--Site Footer One Start-->
        <?php include('footer.php');  ?>
        <!--Site Footer One End-->


    </div><!-- /.page-wrapper -->

<?php 
include('mobilemenu.php');
?>
    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <!-- /.search-popup__overlay -->
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label><!-- /.sr-only -->
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-magnifying-glass"></i>
                </button>
            </form>
        </div>
        <!-- /.search-popup__content -->
    </div>
    <!-- /.search-popup -->

    <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
         <!-- fab icon start -->
        <?php include('FABicon.html'); ?>
    <!-- fab icon end -->

  

    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/twentytwenty/twentytwenty.js"></script>
    <script src="assets/vendors/twentytwenty/jquery.event.move.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>


    <script src="http://maps.google.com/maps/api/js?key=AIzaSyATY4Rxc8jNvDpsK8ZetC7JyN4PFVYGCGM"></script>


    <!-- template js -->
    <script src="assets/js/sominx.js"></script>
</body>

</html>