HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/massfuels-new/
Current File : /home/htlwork.com/www/dev/massfuels-new/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 class="current-menu-item"><a href="index.html">Home</a></li>
		  <li><a href="#">Company</a></li>
		  
          <li class="sidebar-dropdown">
            <a>Services</a>
            <ul class="sub-menu">
			  <li><a href="#">Air Freight</a></li>
			  <li><a href="#">Sea Freight</a></li>
			  <li><a href="#">Surface Transport</a></li>
			  <li><a href="#">Break Bulk &amp; Project Cargo</a></li>
			  <li><a href="#">Consumer Electronics Logistics</a></li>
			</ul>
          </li>
		  
		  <li><a href="#">Warehousing</a></li>
		  <li><a href="#">Awards & Accolades</a></li>
		  <li><a href="#">Contact Us</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:+91 9418000303">+91 9418000303</a> <br><a href="tel:+91 9888875369">+91 9888875369</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-8 head-left">
		  <ul>
            <li><a href="tel:+91 9418000303"><i class="fa fa-phone" aria-hidden="true"></i> +91 9418000303</a> , <a href="tel:+91 9888875369">+91 9888875369</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">
		  <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 class="blinking">Mass <span>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 class="current-menu-item"><a href="index.html">Home</a></li>
			  <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 class="sub-drop"><a>About</a>
			    <ul class="sub-menu">
			      <li><a href="about-company.html">About Company</a></li>
			      <li><a href="#">News & Media</a></li>
			      <li><a href="#">QMS</a></li>
			      <li><a href="#">Careers</a></li>
			    </ul>
			  </li>
			  <li><a href="contact-us.html">Contact Us</a></li>
		    </ul>
			
		  </div>
		  
		  <div class="login"><a href="#" class="btn">Log In</a></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>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
				  <p><a href="#" 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>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
				  <p><a href="#" 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 produce high range of power from nature</small>Welcome to Mass Fuels</h2>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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>Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</h5>
		  <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
		  <p><a href="#" 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 9418000303">+91 9418000303</a> , <a href="tel:+91 9888875369"> 9888875369</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 Ready 24 Hours For You</span>Get Premium Bio Fuels Service Feel Free To Contact Us.</h2>
		<p class="aos-init" data-aos="fade-up" data-aos-duration="1000">Proin ullamcorper pretium orci. Donec nec scelerisque leo. Nam massa dolor imperdiet nec consequata congue. Maecenas malesuada faucibus.</p>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="services-area">
  <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>
			<p><a href="#" class="btn">View More</a></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>
			<p><a href="#" class="btn">View More</a></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>
			<p><a href="#" class="btn">View More</a></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>Owner of company</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>
		  <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
		  <p><a href="#" class="btn">View More</a></p>
		</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>
		  <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
		  <p><a href="#" class="btn">View More</a></p>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ owner-company -->

<section class="our-partners">
  <div class="container">
	
	<div class="row"> 
	  <div class="col-sm-12">
	    <h2 class="aos-animate" data-aos="fade-up" data-aos-duration="1000"><span>Our Partners</span>Professional & reliable human resource data</h2>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-01.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-02.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-03.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-04.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-05.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-06.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-07.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-08.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-2 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/partners-09.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ our-partners --> 

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Testimonials feedback</span>knows About Our Customer Say</h2>
	  </div>
	  
	  <div class="col-sm-12 grid-left pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		<div class="owl-carousel owl-theme" id="owl-demo-1">
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<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 <span>Fuels</span></span>
		  </div>
		  <p>Lorem ipsum dolor sit amet adipiscing elit sed do eiusmod tempor ut labore et dolore magna enim ad minim veniam.</p>
		  <div class="icon-ft">
            <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> SCO 4, Zirakpur-Patiala Highway, Zirakpur, Mohali, Punjab. 140603</p></div>
			  </address>
			  
			  <address>
			    <i class="fa fa-phone" aria-hidden="true"></i>
				<div><p><a href="tel:+91 9418000303">+91 9418000303</a> <br><a href="tel:+91 9888875369">+91 9888875369</a></p></div>
			  </address>
			  
			  <address>
			    <i class="fa fa-envelope" aria-hidden="true"></i>
				<div><p><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>Open Time</h4>		          	  		
			  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 6pm<br> Saturday: 9am to 5pm</p>
			  <p><strong>Vacation:</strong><br> All Sunday Day<br> All Vacation Holiday</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>