HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/massfuels/
Current File : /home/htlwork.com/www/dev/massfuels/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Mass Fuels</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu hidden">
        <ul>
		  <li><a href="index.html">Home</a></li>
		  <li><a href="about-company.html">About</a>
		  <li><a href="indizel.html">Indizel</a></li>
		  <li><a href="fule-station.html">Fuel Station</a></li>
		  <li><a href="aod.html">AOD</a></li>
		  <li><a href="contact-us.html">Contact Us</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:+91 7807856311">+91 7807856311</a> <br><a href="tel:+91 6239494669">+91 6239494669</a></p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:massfuels44@gmail.com">massfuels44@gmail.com</a></p>
		</address>
		
		<div class="icon-sidebar">
		  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>
<header class="header">  
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-12 head-left">
		  <ul class="text-end">
            <li><a href="tel:+91 7807856311"><i class="fa fa-phone" aria-hidden="true"></i> +91 7807856311</a> , <a href="tel:+91 6239494669">+91 6239494669</a></li>
            <li><a href="mailto:massfuels44@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> massfuels44@gmail.com</a></li>
          </ul>	           
        </div>
	  
	    <div class="col-sm-4 head-right hidden">
		  <div class="icon-top">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		
		  <a class="navbar-brand" href="index.html">
		    <img src="images/logo.png" alt="">
			<span>Mass Fuels<span>Renewable diesel Bio fuels</span></span>
		  </a>
		  
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li><a href="index.html">Home</a></li>
			  <li><a href="about-company.html">About</a>
			  <li><a href="indizel.html">Indizel</a></li>
			  <li><a href="fule-station.html">Fuel Station</a></li>
			  <li><a href="aod.html">AOD</a></li>
			  <li><a href="contact-us.html">Contact Us</a></li>
		    </ul>
			
		  </div>
		  
		  <a id="show-sidebar" class="btn"><span></span></a>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <div class="slide-text">
			    <div class="inner">
				  <h1><span>Clean & Renewable</span>Inspired by Nature</h1>
				  <p><a href="contact-us.html" class="btn">Contact Now</a></p>
				</div>
			  </div><!--/ slide-text -->
	    <figure><img src="images/slider-01.jpg" alt="image"  class="slide-image"/></figure>
	  </div>
	  
	  <div class="carousel-item">
	    <div class="slide-text">
			    <div class="inner">
				  <h1><span>Clean & Renewable</span>Inspired by Nature</h1>
				  <p><a href="contact-us.html" class="btn">Contact Now</a></p>
				</div>
			  </div><!--/ slide-text -->
	    <figure><img src="images/slider-02.jpg" alt="image"  class="slide-image"/></figure>
	  </div>
    
	</div><!--/ carousel-inner -->
	
	<div class="carousel-button">
	  <button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev"><span class="carousel-control-prev-icon fa fa-angle-left" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
	
	  <button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next"><span class="carousel-control-next-icon fa fa-angle-right" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
	</div><!--/ carousel-button -->
	
  </div> 
  
</section><!--/ banner -->

<section class="tag-sec aos-animate" data-aos="fade-up" data-aos-duration="1000">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
		    <h3>500k+</h3>
	        <h4>Satisfied Clients</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
	        <h3>25k+</h3>
	        <h4>Trusted Company</h4>
	      </div>	  
	    </div>	  
	  </div>
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
		    <h3>100k+</h3>
	        <h4>Happy Clients</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
	        <h3>25k+</h3>
	        <h4>Techinical Experts</h4>
	      </div>	  
	    </div>	  
	  </div>	  
	  
    </div><!--/ row --> 
  </div>
</section>

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 about-title aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2><small>Our mission is to produce high range of power from nature</small>Welcome to Mass Fuels</h2>
		  <p>Renewable Diesel is an automotive diesel made from non-fossil sources which meets the automotive diesel fuel standards of BIS:1460 (Indian) and EN590:2013 (European), which are also the recommended standards by all automotive manufacturers for usage of fuel in their vehicles.</p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-service aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="service-box">
		  <figure><img src="images/img-01.jpg" alt="Image"></figure>
		  <div class="service-content">
			<h4>Performance</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-service aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="service-box">
		  <figure><img src="images/img-02.jpg" alt="Image"></figure>
		  <div class="service-content">
			<h4>24/7 Availability</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-service aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="service-box">
		  <figure><img src="images/img-03.jpg" alt="Image"></figure>
		  <div class="service-content">
			<h4>Premium Service</h4>
		  </div>
		</div>
      </div><!--/ col-sm -->
	</div>
	
	<div class="row row2"> 
	  <div class="col-sm-6 about-left aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-padd">
	      <h2><small>About Us</small>We’ve been in your corner for <span>15 Years</span>.</h2>
		  <h5>Renewable Diesel gives you a far superior performance when compared to the regular diesel available in the market.</h5>
		  <p>Renewable Diesel gives a better pick-up, a quicker ignition, increased power and torque and a better mileage, way-surpassing even the premium diesels on the road.</p>
		  <p>Renewable Diesel conforms to world’s most stringent fuel quality and emission requirements. It is designed to not only match but surpass engine manufacturer’s desired fuel quality standards like EN 590 (European), BS VI (Indian), World Wide Fuel Charter Category 4 Diesel standards and Euro 6 emission norms.</p>
		  <p><a href="about-company.html" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-image-box">
		  <div class="icon-box"><span class="icon-solar-energy"></span></div>
		  <div class="image-box-one"><img src="images/about-1.png" alt="Awesome Image"></div>
		  <div class="image-box-two"><img src="images/about-2.png" alt="Awesome Image"></div>
		  <div class="image-box-three"><img src="images/about-3.png" alt="Awesome Image"></div>
		  <div class="image-box-four"><img src="images/about-4.png" alt="Awesome Image"></div>
		</div>
	  </div>
     
    </div><!--/ row --> 
  </div>
</section>      

<section class="contact24">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-5 left-coll aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="inner">
	      <h3>If you have any questions</h3>
		  <p class="call-icon"><span><i class="fa fa-phone" aria-hidden="true"></i></span></p>
		  <p class="call"><a href="tel:+91 7807856311">+91 7807856311</a> , <a href="tel:+91 6239494669"> +91 6239494669</a></p>
		  <p class="email mrb-15"><a href="mailto:Info@massfuels.com">info@massfuels.com</a></p>
		  <p class="email"><a href="mailto:info@beyondgarage.com">massfuels44@gmail.com</a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-7 right-coll">
	    <h2 class="aos-init" data-aos="fade-up" data-aos-duration="1000"><span>We Are Ready 24 Hours For You</span>Get Premium Bio Fuels Service. <br>Feel Free To Contact Us.</h2>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="services-area hidden">
  <div class="container">
    <div class="row">
      
      <div class="col-md-12">
	    <div class="titlew mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2><span>We are expert in</span>Our Special Products</h2>
		  <p>Malesuada fames ac turpis egestas integer eget aliquet. Ultricies mi quis hendrerit dolor magna eget est lorem.</p>
        </div>
      </div>
      
      <div class="col-sm-4 aos-animate sa-col" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <div class="thumb"><img src="images/services-01.jpg" alt="services-img"></div>
		  <div class="services-text">
		    <h3>Full Storage Tank</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 aos-animate sa-col" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <div class="thumb"><img src="images/services-02.jpg" alt="services-img"></div>
		  <div class="services-text">
		    <h3>Fuel Dispensing Machine</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4 aos-animate sa-col" data-aos="fade-up" data-aos-duration="1000">
	    <div class="services-box">
		  <div class="thumb"><img src="images/services-03.jpg" alt="services-img"></div>
		  <div class="services-text">
		    <h3>Fuel Filling Station</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  </div>
		</div>
	  </div>  	 
      
    </div><!--/ row --> 
  </div>
</section>

<section class="owner-company">
  <div class="container">
	
	<div class="row"> 
	  <div class="col-sm-12">
	    <h2 class="aos-animate" data-aos="fade-up" data-aos-duration="1000"><span>Meet Our Team Leaders</span>Company Owners</h2>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 left-coll mrb-30">
	    <div class="owner aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/team-01.jpg" alt="image"></a></figure>
		  <h3>Ajay Dogra</h3>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 right-coll mrb-30">
	    <div class="owner aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/team-02.jpg" alt="image"></a></figure>
		  <h3>Munish Kumar</h3>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ owner-company -->

<footer class="footer">  
   <div class="back-to-top scroll"><a href="#Home" class="BackTo"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

  <div class="container">
  
    <div class="row">
      <div class="col-sm-4 footer-left">
        <div class="wg-1">
          <div class="ft-logo">
		    <a href="#"><img src="images/logo.png" alt="image"></a>
		    <span>Mass Fuels<span>Renewable diesel Bio fuels</span></span>
		  </div>
		  <p>Renewable Diesel gives you a far superior performance when compared to the regular diesel available in the market.</p>
		  <div class="icon-ft hidden">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
            <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-8 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Information</h4>
			  <ul>
				<li><a href="#">Indizel</a></li>
				<li><a href="#">Fuel Station</a></li>
				<li><a href="#">AOD</a></li>
				<li><a href="#">Partner</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact Us</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Contact us</h4>		          	  		
			  <address>
			    <i class="fa fa-map-o" aria-hidden="true"></i>
				<div><p class="mrb-10">SCO 4, Zirakpur – Patiala highway ,Zirakpur Punjab -140603.</p><p class="mrb-10">Ward no 08 , Hamirpur HP 177001.</p><p>BHL Charni Road , Mumbai 400004.</p></div>
			  </address>
			  
			  <address>
			    <i class="fa fa-phone" aria-hidden="true"></i>
				<div><p><a href="tel:+91 7807856311">+91 7807856311</a> <br><a href="tel:+91 6239494669"> +91 6239494669</a></p></div>
			  </address>
			  
			  <address>
			    <i class="fa fa-envelope" aria-hidden="true"></i>
				<div><p><a href="mailto: info@massfuels.com">info@massfuels.com</a> <br><a href="mailto: massfuels44@gmail.com">massfuels44@gmail.com</a></p></div>
			  </address>			       		  	 
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Working Days</h4>		          	  		
			  <p>Monday - Friday: 8am to 6pm<br> Saturday: 9am to 5pm</p>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-4"><p class="copyright">Copyright © 2024 Mass Fuels. <br>All Rights Reserved.</p></div>
		
		<div class="col-sm-8">
		  <div class="Newsletter">
		    <h5>Stay up-to-date with our promotions!<span>No spam — we promise.</span></h5>
			<form>
			  <div class="input-group">
			    <input class="form-control" type="email" placeholder="E-mail Address">
			    <input type="submit" value="Submit" class="btn">
			  </div>
			</form>
		  </div>		
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

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

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	
<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>