<!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="244d4a424b64415c45495448410a474b49">[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 id="header-2" class="header-area">
<div class="container">
<div class="row">
<div class="col-lg-2">
<div class="logo">
<a class="navbar-brand" href="index-2.html"><img src="assets/img/logo.png" alt></a>
</div>
</div>
<div class="col-lg-10 text-right">
<div id="header-aside">
<div class="aside-content">
<div class="inner">
<div class="info-one">
<div class="info-wrap">
<div class="info-i"><span><i class="fal fa-clock"></i></span></div>
<div class="info-c">Sunday - Monday<br><span>10.00AM-06.00PM</span></div>
</div>
</div>
<div class="info-two">
<div class="info-wrap">
<div class="info-i"><span><i class="fal fa-map-marker-alt"></i></span></div>
<div class="info-c">3008 Park Boul,<br><span> New York, USA.</span></div>
</div>
</div>
<div class="info-three">
<div class="info-wrap">
<div class="info-i"><span><i class="fal fa-phone"></i></span></div>
<div class="info-c">(+1) 123 321 4567<br><span>(+1) 123 321 4566</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="sticky-area">
<div class="navigation">
<div class="row">
<div class="col-lg-8">
<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">
<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-4 text-center">
<div class="header-right-content">
<a href="price.html" class="header-btn main-btn">Get a Quote</a>
</div>
</div>

<div class="col-md-4 col-sm-4">
<div class="responsive-logo">
<img src="assets/img/logo.png" alt="logo">
</div>
</div>
</div>
</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="about-area section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-content-wrapper wow fadeInUp" data-wow-delay=".4s">
<div class="section-title">
<h6>About Us</h6>
<h2>Welcome! To Refuel Company</h2>
</div>
<p>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 which don't look even. </p>
<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">
<div class="col-lg-6 col-md-6 col-12">
<div class="key-feature">
<div class="row no-gutters">
<div class="col-lg-4">
<div class="about-icon">
<img src="assets/img/icon/1.png" alt>
</div>
</div>
<div class="col-lg-12">
<h4>100% Satisfied With Oil</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="key-feature">
<div class="row no-gutters">
<div class="col-lg-4">
<div class="about-icon">
<img src="assets/img/icon/3.png" alt>
</div>
</div>
<div class="col-lg-12">
<h4>100% Currect Meter</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="wow fadeInUp" data-wow-delay=".2s">
<div class="about-img">
<img src="assets/img/about/about.jpg" alt>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="service-2" class="service-area gray-bg section-padding">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center ">
<div class="section-title">
<h6>Services</h6>
<h2>Our Best Services</b></h2>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="single-service-wrapper mt-40">
<div class="row no-gutters">
<div class="col-lg-6 col-md-6">
<div class="single-service-bg bg-cover">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-service-area">
<div class="service-icon">
<i class="flaticon-petrol"></i>
</div>
<h5>Solid Octane</h5>
<p>There are many variations of passages of variations.</p>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="single-service-wrapper mt-40">
<div class="row no-gutters">
<div class="col-lg-6 col-md-6">
<div class="single-service-bg service-bg-2 bg-cover">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-service-area">
<div class="service-icon">
<i class="flaticon-diesel"></i>
</div>
<h5>Pure Diesel</h5>
<p>There are many variations of passages of variations.</p>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="single-service-wrapper">
<div class="row no-gutters">
<div class="col-lg-6 col-md-6">
<div class="single-service-area">
<div class="service-icon">
<i class="flaticon-gasoline"></i>
</div>
<h5>Light Petrol</h5>
<p>There are many variations of passages of variations.</p>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-service-bg service-bg-3 bg-cover">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="single-service-wrapper">
<div class="row no-gutters">
<div class="col-lg-6 col-md-6">
<div class="single-service-area">
<div class="service-icon">
<i class="flaticon-charging-station"></i>
</div>
<h5>CNG Gas</h5>
<p>There are many variations of passages of variations.</p>
<a href="single-service.html" class="read-more">Read More</a>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-service-bg service-bg-4 bg-cover">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="achievement-area">
<div class="overlay-2"></div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".2s">
<div class="about-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-3 col-md-6 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".4s">
<div class="about-fact-icon"><i class="fal fa-globe"></i></div>
<p class="counter-number"><span>180</span></p>
<h6>Worldwide Services</h6>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".6s ">
<div class="about-fact-icon"><i class="fal fa-mug-hot"></i></div>
<p class="counter-number"><span>100</span></p>
<h6>Cup Of Tea</h6>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-counter-box wow fadeInLeft" data-wow-delay=".8s">
<div class="about-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>

<div class="chooseus-area section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="feature-img wow fadeInUp" data-wow-delay=".6s">
<img src="assets/img/feature.jpg" alt>
</div>
</div>
<div class="col-lg-6">
<div class="section-title">
<h6>Choose</h6>
<h2 class="section-heading">Why Choose Our Services</h2>
</div>
<p class="highlight mb-20">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
<div class="single-feature-item wow fadeInUp" data-wow-delay=".2s">
<div class="num"><i class="fal fa-check"></i></div>
<div class="feature-content">
<h5>Currect Meter</h5>
<p>It is a long established fact that a reader will be distracted by the readable content.</p>
</div>
</div>
<div class="single-feature-item wow fadeInUp" data-wow-delay=".4s">
<div class="num"><i class="fal fa-check"></i></div>
<div class="feature-content">
<h5>Best Quality Oil</h5>
<p>It is a long established fact that a reader will be distracted by the readable content.</p>
</div>
</div>
<div class="single-feature-item wow fadeInUp" data-wow-delay=".6s">
<div class="num"><i class="fal fa-check"></i></div>
<div class="feature-content">
<h5>24/7 Services</h5>
<p>It is a long established fact that a reader will be distracted by the readable content.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="testimonial-area dark-bg section-padding">
<div class="overlay-2"></div>
<div class="capricorn-testimonial">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center ">
<div class="section-title">
<h6>Testimonial</h6>
<h2>What People Say</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="client-carousel owl-carousel">
<div class="single-client-item">
<div class="testimonial-icon"><i class="fal fa-quote-left"></i></div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
<img src="assets/img/testimonial/1.jpg" alt>
<div class="author-desc">
<h5>Frankie Clark</h5><span>Customer</span>
</div>
</div>
<div class="single-client-item">
<div class="testimonial-icon"><i class="fal fa-quote-left"></i></div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
<img src="assets/img/testimonial/2.jpg" alt>
<div class="author-desc">
<h5>Terence Smith</h5><span>Customer</span>
</div>
</div>
<div class="single-client-item">
<div class="testimonial-icon"><i class="fal fa-quote-left"></i></div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>
<img src="assets/img/testimonial/3.jpg" alt>
<div class="author-desc">
<h5>Mary Abrams</h5><span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="team-area section-padding gray-bg text-center pb-150">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 ">
<div class="section-title text-center">
<h6>Team</h6>
<h2>Our Team Expert</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-team-member wow fadeInLeft" data-wow-delay=".2s">
<img src="assets/img/team/1.jpg" alt>
<div class="team-content">
<div class="team-title">
<a href="#">Edna Dinapoli</a>
</div>
<div class="team-subtitle">
<p>Manager</p>
</div>
</div>
<div class="team-social">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-behance" aria-hidden="true"></i> </a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-team-member wow fadeInLeft" data-wow-delay=".4s">
<img src="assets/img/team/2.jpg" alt>
<div class="team-content">
<div class="team-title">
<a href="#">Lynne Richards</a>
</div>
<div class="team-subtitle">
<p>Manager</p>
</div>
</div>
<div class="team-social">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-behance" aria-hidden="true"></i> </a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-team-member wow fadeInRight" data-wow-delay=".6s">
<img src="assets/img/team/3.jpg" alt>
<div class="team-content">
<div class="team-title">
<a href="#">Mickey Salas</a>
</div>
<div class="team-subtitle">
<p>Manager</p>
</div>
</div>
<div class="team-social">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-behance" aria-hidden="true"></i> </a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="single-team-member wow fadeInRight" data-wow-delay=".8s">
<img src="assets/img/team/4.jpg" alt>
<div class="team-content">
<div class="team-title">
<a href="#">Anthony Hundley</a>
</div>
<div class="team-subtitle">
<p>Manager</p>
</div>
</div>
<div class="team-social">
<ul>
<li>
<a href="#"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i> </a>
</li>
<li>
<a href="#"><i class="fab fa-behance" aria-hidden="true"></i> </a>
</li>
</ul>
</div>
</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>
