 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Refuel - Petrol Pump and Gas Station  HTML5 Template</title>

<link rel="icon" href="assets/img/favicon.png" type="image/jpg" />

<link href="assets/css/bootstrap.min.css" rel="stylesheet">

<link href="assets/css/fontawesome.min.css" rel="stylesheet">

<link href="assets/css/magnific-popup.min.css" rel="stylesheet">

<link href="assets/css/animate.css" rel="stylesheet">

<link href="assets/css/barfiller.css" rel="stylesheet">

<link href="assets/css/owl.carousel.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">

<link href="assets/css/responsive.css" rel="stylesheet">
</head>
<body>

<div id="preloader">
<div class="loader">
<div class="loader-rect"></div>
<div class="loader-rect"></div>
<div class="loader-rect"></div>
<div class="loader-rect"></div>
</div>
</div>

<div class="header-top">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="contact-info">
<a href="#" class="mr-3"><i class="fal fa-envelope-open"></i> <span class="__cf_email__" data-cfemail="d0b9beb6bf90b5a8b1bda0bcb5feb3bfbd">[email&#160;protected]</span> </a>
<a href="#"><i class="fal fa-map-marker-alt"></i> 3008 Park Boulevard, New York, USA</a>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 text-right">
<div class="site-info">
<div class="social-area">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>

<header class="header-area">
<div class="sticky-area">
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-2">
<div class="logo">
<a class="navbar-brand" href="index.html"><img src="assets/img/logo.png" alt></a>
</div>
</div>
<div class="col-lg-9">
<div class="main-menu">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link active" href="#">Home
<i class="far fa-angle-down"></i>
</a>
<ul class="sub-menu">
<li><a href="index.html"><i class="fal fa-minus"></i> Home Demo 01</a></li>
<li><a href="index-2.html"><i class="fal fa-minus"></i> Home Demo 02</a></li>
<li><a href="index-3.html"><i class="fal fa-minus"></i> Home Demo 03</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services
<i class="far fa-angle-down"></i>
</a>
<ul class="sub-menu">
<li><a href="services-1.html"><i class="fal fa-minus"></i> Services 01</a></li>
<li><a href="services-2.html"><i class="fal fa-minus"></i> Services 02</a></li>
<li><a href="single-service.html"><i class="fal fa-minus"></i> Service Details</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pages
<i class="far fa-angle-down"></i>
</a>
<ul class="sub-menu">
<li><a href="404.html"><i class="fal fa-minus"></i> 404 Error</a></li>
<li><a href="choose-us.html"><i class="fal fa-minus"></i> Why Choose Us</a></li>
<li><a href="login.html"><i class="fal fa-minus"></i> Login</a></li>
<li><a href="register.html"><i class="fal fa-minus"></i> Register</a></li>
<li><a href="forgot-password.html"><i class="fal fa-minus"></i> Forgot Password</a></li>
<li><a href="team.html"><i class="fal fa-minus"></i> Our Team</a></li>
<li><a href="price.html"><i class="fal fa-minus"></i> Pricing</a></li>
<li><a href="faq.html"><i class="fal fa-minus"></i> FAQ</a></li>
<li><a href="privacy-policy.html"><i class="fal fa-minus"></i> Privacy Policy</a></li>
<li><a href="term-condition.html"><i class="fal fa-minus"></i> Terms & Conditions</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog
<i class="far fa-angle-down"></i>
</a>
<ul class="sub-menu">
<li><a href="blog-classic.html"><i class="fal fa-minus"></i> Blog Classic</a></li>
<li><a href="blog-grid.html"><i class="fal fa-minus"></i> Blog Grid</a></li>
<li><a href="single-blog.html"><i class="fal fa-minus"></i> Blog Details</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="col-lg-1">
<div class="header-right-content">
<div class="search-box">
<button class="search-btn"><i class="far fa-search"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="search-popup">
<span class="search-back-drop"></span>
<div class="search-inner">
<div class="auto-container">
<div class="upper-text">
<button class="close-search"><span class="far fa-times"></span></button>
</div>
<form method="post" action="#">
<div class="form-group">
<input type="search" name="search-field" placeholder="Search Here..." required>
<button type="submit"><i class="far fa-search"></i></button>
</div>
</form>
</div>
</div>
</div>
</header>

<div class="homepage-slides owl-carousel">
<div class="single-slide-item" style="background-image: url(assets/img/slider/slider-1.jpg);">
<div class="overlay"></div>
<div class="hero-area-content">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 wow fadeInUp animated" data-wow-delay=".3s">
<div class="section-title">
<h6>Welcome to REFUEL</h6>
<h1>Best Refuel <b>Service</b> <br> For You</h1>
<p> There are many variations of passages of Lorem Ipsum available but the majority <br> have suffered alteration in some form, by injected humour.</p>
</div>
<a href="price.html" class="main-btn">Know More</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide-item hero-area-bg-2" style="background-image: url(assets/img/slider/slider-2.jpg);">
<div class="overlay"></div>
<div class="hero-area-content">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 wow fadeInUp animated" data-wow-delay=".3s">
<div class="section-title">
<h6>Since in 2000</h6>
<h1>Top Rated <b>Company</b> <br> In The World</h1>
<p> There are many variations of passages of Lorem Ipsum available but the majority <br> have suffered alteration in some form, by injected humour.</p>
</div>
<a href="price.html" class="main-btn">Know More</a>
</div>
</div>
</div>
</div>
</div>
<div class="single-slide-item hero-area-bg-2" style="background-image: url(assets/img/slider/slider-3.jpg);">
<div class="overlay"></div>
<div class="hero-area-content">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 wow fadeInUp animated" data-wow-delay=".3s">
<div class="section-title">
<h6>Since in 2000</h6>
<h1>Top Rated <b>Company</b> <br> In The World</h1>
<p> There are many variations of passages of Lorem Ipsum available but the majority <br> have suffered alteration in some form, by injected humour.</p>
</div>
<a href="price.html" class="main-btn">Know More</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="promo-area">
<div class="promo-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".6s ">
<p class="counter-number"><span>7.00</span> <small class="qty">ltr</small></p>
<h6>Petrol</h6>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".8s">
<p class="counter-number"><span>8.50</span> <small class="qty">ltr</small></p>
<h6>Gas</h6>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".2s">
<p class="counter-number"><span>6.00</span> <small class="qty">ltr</small></p>
<h6>Octane</h6>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".4s">
<p class="counter-number"><span>4.00</span> <small class="qty">ltr</small></p>
<h6>Diesel</h6>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="about-area section-padding pt-120 pb-0">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInUp" data-wow-delay=".4s">
<div class="info-img">
<img src="assets/img/about/about.jpg" alt>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay=".3s">
<div class="info-content-area mb-50">
<div class="section-title">
<h6>About Us</h6>
<h2>We Are Top Rated <b>Company</b> In The World</h2>
</div>
<p>There are many variations of passages available but the majority have suffered alteration in some form by injected humour or randomised words which don't look even slightly believable.</p>
<p><i class="far fa-dot-circle"></i> Sed ut perspiciatis unde omnis iste natus error .</p>
<p><i class="far fa-dot-circle"></i> At vero eos accusamus iusto odio dignissimos. </p>
<p><i class="far fa-dot-circle"></i> We denounce with righteous indignation.</p>
<a href="about.html" class="main-btn">Know More</a>
</div>
</div>
</div>
</div>
</div>

<div id="service-1" class="services-area gray-bg section-padding">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8 text-center">
<div class="section-title">
<h6>Services</h6>
<h2>Best Services</b></h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item mt-30 wow fadeInLeft" data-wow-delay=".2s">
<div class="serv-icon">
<img src="assets/img/icon/1.png" alt>
</div>
<div class="serv-content">
<h5>Solid Octane</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item active mt-30 wow fadeInLeft" data-wow-delay=".4s">
<div class="serv-icon">
<img src="assets/img/icon/5.png" alt>
</div>
<div class="serv-content">
<h5>Pure Diesel</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item mt-30 wow fadeInLeft" data-wow-delay=".6s">
<div class="serv-icon">
<img src="assets/img/icon/4.png" alt>
</div>
<div class="serv-content">
<h5>Light Petrol</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item mt-30 wow fadeInLeft" data-wow-delay=".6s">
<div class="serv-icon">
<img src="assets/img/icon/3.png" alt>
</div>
<div class="serv-content">
<h5>CNG Gas</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item mt-30 wow fadeInLeft" data-wow-delay=".6s">
<div class="serv-icon">
<img src="assets/img/icon/2.png" alt>
</div>
<div class="serv-content">
<h5>Car Cleaning</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-serv-item  mt-30 wow fadeInLeft" data-wow-delay=".6s">
<div class="serv-icon">
<img src="assets/img/icon/6.png" alt>
</div>
<div class="serv-content">
<h5>Electric Charging</h5>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
</div>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
</div>
</div>
</div>

<div class="skill-area">
<div class="skill-content">
<div class="section-title mb-30">
<h6>Our Achievement</h6>
<h2>Best Refuel Service For You</h2>
</div>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
<div class="row no-gutters mt-40">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-counter-box one">
<div class="fact-icon">
<i class="fal fa-user-friends"></i>
</div>
<p class="counter-number"><span>3000</span>+</p>
<h6>Satisfied Client</h6>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-counter-box two">
<div class="fact-icon">
<i class="fal fa-globe"></i>
</div>
<p class="counter-number"><span>180</span></p>
<h6>Worldwide Services</h6>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-counter-box three">
<div class="fact-icon">
<i class="fal fa-mug-hot"></i>
</div>
<p class="counter-number"><span>1000</span></p>
<h6>Cup Of Tea</h6>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-counter-box four">
<div class="fact-icon">
<i class="fal fa-award"></i>
</div>
<p class="counter-number"><span>50</span></p>
<h6>Total Awards</h6>
</div>
</div>
</div>
</div>
<div class="skill-bg bg-cover">
<div class="overlay">
</div>
<div class="pop-up-video">
<a href="https://www.youtube.com/watch?v=ckHzmP1evNU" class="video-play-btn video-btn">
<i class="fal fa-play-circle"></i>
</a>
</div>
</div>
</div>

<div class="faq-area section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 wow fadeInRight" data-wow-delay=".3s">
<div class="faq-img">
<img src="assets/img/faq.jpg" alt>
</div>
</div>
<div class="col-lg-6 wow fadeInRight" data-wow-delay=".4s">
<div class="section-title">
<h6>FAQ</h6>
<h2>Frequently Asked Questions</h2>
</div>
<div class="styled-faq">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h6 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
How can I place a order in the filling station?
<i class="fal fa-angle-up up"></i>
<i class="fal fa-angle-down down"></i>
</a>
</h6>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour or randomised words.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h6 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
How can I register in the filling station?
<i class="fal fa-angle-up up"></i>
<i class="fal fa-angle-down down"></i>
</a>
</h6>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour or randomised words.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h6 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Which payment method do you support?
<i class="fal fa-angle-up up"></i>
<i class="fal fa-angle-down down"></i>
</a>
</h6>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour or randomised words.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading active" role="tab" id="headingSeven">
<h6 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
How can I collect my order?
<i class="fal fa-angle-up up"></i>
<i class="fal fa-angle-down down"></i>
</a>
</h6>
</div>
<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
<div class="panel-body">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour or randomised words.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="facility-area dark-bg section-padding">
<div class="container">
<div class="row">
<div class="offset-lg-2 col-lg-8 text-center">
<div class="section-title">
<h6>Facility</h6>
<h2>Best Facility</b></h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-facility-area wow fadeInLeft" data-wow-delay=".2s">
<div class="facility-icon">
<i class="fal fa-wifi"></i>
</div>
<h4>Free Wifi Service</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-facility-area wow fadeInLeft" data-wow-delay=".4s">
<div class="facility-icon">
<i class="fal fa-utensils-alt"></i>
</div>
<h4>Restaurant Service</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay=".6s">
<div class="single-facility-area">
<div class="facility-icon">
<i class="fal fa-child"></i>
</div>
<h4>Children's Play Ground</h4>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-facility-area wow fadeInLeft" data-wow-delay=".8s">
<div class="facility-icon">
<i class="fal fa-tv"></i>
</div>
<h4>Watch TV</h4>
</div>
</div>
</div>
</div>
</div>

<div class="blog-area gray-bg section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="section-title">
<h6>Blog</h6>
<h2>Latest Blog</b></h2>
</div>
</div>
<div class="col-lg-6 text-right">
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-blog-item wow fadeInLeft" data-wow-delay=".4s">
<div class="blog-bg">
<img src="assets/img/blog/1.jpg" alt>
</div>
<div class="blog-content">
<p class="blog-meta">
<span class="mr-3"><i class="far fa-user-circle"></i>Admin</span>
<span> <i class="far fa-calendar-alt"></i>02 FEB, 2023</span>
</p>
<h5><a href="single-blog.html">Sed ut perspiciatis unde omnis iste natus error sit </a>
</h5>
<p>There are injected humour words randomised words which don't look even slightly believable.</p>
<a href="single-blog.html" class="read-more">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-blog-item wow fadeInLeft" data-wow-delay=".6s">
<div class="blog-bg">
<img src="assets/img/blog/2.jpg" alt>
</div>
<div class="blog-content">
<p class="blog-meta">
<span class="mr-3"><i class="far fa-user-circle"></i>Admin</span>
<span> <i class="far fa-calendar-alt"></i>02 FEB, 2023</span>
</p>
<h5><a href="single-blog.html">At vero eos et accusamus et iusto odio dignissimos </a></h5>
<p>There are injected humour words randomised words which don't look even slightly believable.</p>
<a href="single-blog.html" class="read-more">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-blog-item wow fadeInLeft" data-wow-delay=".8s">
<div class="blog-bg">
<img src="assets/img/blog/3.jpg" alt>
</div>
<div class="blog-content">
<p class="blog-meta">
<span class="mr-3"><i class="far fa-user-circle"></i>Admin</span>
<span> <i class="far fa-calendar-alt"></i>02 FEB, 2023</span>
</p>
<h5><a href="single-blog.html">There are many variations of passages available </a></h5>
<p>There are injected humour words randomised words which don't look even slightly believable.</p>
<a href="single-blog.html" class="read-more">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="client-area pt-50 pb-40">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo-carousel owl-carousel">
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/1.png" alt>
</div>
</div>
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/2.png" alt>
</div>
</div>
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/3.png" alt>
</div>
</div>
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/4.png" alt>
</div>
</div>
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/5.png" alt>
</div>
</div>
<div class="single-logo-wrapper">
<div class="logo-inner-item">
<img src="assets/img/client/6.png" alt>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<footer class="footer-area wow fadeIn" data-wow-delay=".2s">
<div class="container">
<div class="footer-up">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="logo">
<img src="assets/img/logo-white.png" alt="fossil-logo">
</div>
<p>There are many variations of pase available but the majority have suffered alteration in some look even slightly believable.</p>
<div class="social-area">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<div class="col-lg-2 offset-lg-1 col-md-6 com-sm-12">
<h5>Quick Browse</h5>
<ul>
<li>
<a href="about.html"> <i class="fal fa-minus"></i> About Us</a>
<a href="blog-classic.html"><i class="fal fa-minus"></i> Contact Us</a>
<a href="services.html"><i class="fal fa-minus"></i> Services</a>
<a href="price.html"><i class="fal fa-minus"></i> Pricing Plan</a>
<a href="faq.html"><i class="fal fa-minus"></i> FAQ</a>
<a href="contact.html"><i class="fal fa-minus"></i> Support</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5>Our Services</h5>
<ul>
<li>
<a href="single-service.html"><i class="fal fa-minus"></i> Solid Octane </a>
<a href="single-service.html"><i class="fal fa-minus"></i> Pure Diesel</a>
<a href="single-service.html"><i class="fal fa-minus"></i> Light Petrol</a>
<a href="single-service.html"><i class="fal fa-minus"></i> CNG Gas</a>
<a href="single-service.html"><i class="fal fa-minus"></i> Car Cleaning</a>
<a href="single-service.html"><i class="fal fa-minus"></i> Electric Charging</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6">
<div class="subscribe-form">
<h5>Newsletter</h5>
<p>Subscribe our newsletter to get latest news update</p>
<form action="#">
<input type="email" placeholder="Your email">
<button class="main-btn">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</footer>

<div class="footer-bottom">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12">
<p class="copyright-line">© <span id="date"></span> Refuel All rights reserved.</p>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<p class="privacy"><a href="#">Privacy Policy</a> | <a href="#">Terms & Conditions</a></p>
</div>
</div>
</div>
</div>

<a href="#top" class="go-top"><i class="far fa-level-up"></i></a>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.6.0.min.js"></script>

<script src="assets/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/wow.min.js"></script>

<script src="assets/js/jquery.waypoints.min.js"></script>

<script src="assets/js/jquery.counterup.min.js"></script>

<script src="assets/js/owl.carousel.min.js"></script>

<script src="assets/js/magnific-popup.min.js"></script>

<script src="assets/js/jquery.sticky.js"></script>

<script src="assets/js/jquery.barfiller.js"></script>

<script src="assets/js/main.js"></script>
</body>
</html>
