<?php

/**
 * Template Name: Home Oil
 * @package bildpress
 */

get_header();

?>

    <main>
    <!-- slider-area start  -->
    <div class="slider-active2 owl-carousel">
        <div class="slider2__height d-flex align-items-center justify-content-center">
            <div class="slider-bg-img" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/slider/slider-oil-1.jpg"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 col-lg-8 col-md-9">
                        <div class="slider-oil-content pt-80 p-relative">
                            <h1 class="slider-oil-title mb-35">Petroliam Oil Industry</h1>
                            <p class="pr-100 mb-50">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
                            <div class="slider-oil-btn">
                                <a class="site__btn4" href="#">Read More
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slider2__height d-flex align-items-center justify-content-center">
            <div class="slider-bg-img" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/slider/slider-oil-2.jpg"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 col-lg-8 col-md-9">
                        <div class="slider-oil-content pt-80 p-relative">
                            <h1 class="slider-oil-title mb-35">Petroliam Oil Industry</h1>
                            <p class="pr-100 mb-50">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
                            <div class="slider-oil-btn">
                                <a class="site__btn4" href="#">Read More
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <!-- slider-area end  -->
    <!-- header-menu-2 start  -->
    
    <div class="header-menu-oil">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="main-menu2">
                        <nav id="mobile-active">
                            <ul>
                                <li class="active"><a href="index.html">Home</a>
                                    <ul class="sub_menu">
                                        <li><a href="index.html">Home 01</a></li>
                                        <li><a href="index-2.html">Home 02</a></li>
                                        <li class="sub_menu_li"><a href="index-3.html">Home 03</a>
                                            <ul>
                                                <li><a href="index.html">Home 01</a></li>
                                                <li><a href="index-2.html">Home 02</a></li>
                                                <li><a href="index-3.html">Home 03</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="about-us.html">About</a></li>
                                <li><a href="#">Pages</a>
                                    <ul class="sub_menu">
                                        <li class="sub_menu_li"><a href="about-us.html">About</a>
                                            <ul>
                                                <li><a href="about-me.html">About Me</a></li>
                                                <li><a href="about-us.html">About Us</a></li>
                                                <li><a href="our-process.html">Our Process</a></li>
                                                <li><a href="our-clients.html">Our Clients</a></li>
                                            </ul>
                                        </li>
                                        <li class="sub_menu_li"><a href="case-study.html">Case Study</a>
                                            <ul>
                                                <li><a href="case-study.html">Case Study 01</a></li>
                                                <li><a href="case-study-2.html">Case Study 02</a></li>
                                                <li><a href="case-details.html">Case Details 01</a></li>
                                                <li><a href="case-details-2.html">Case Details 02</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="faq.html">Faq's</a></li>
                                        <li class="sub_menu_li"><a href="news.html">Our News</a>
                                            <ul>
                                                <li><a href="news.html">Our News 01</a></li>
                                                <li><a href="news-2.html">Our News 02</a></li>
                                                <li><a href="news-details.html">News Details 01</a></li>
                                                <li><a href="news-details-2.html">News Details 02</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="pricing.html">Pricing</a></li>
                                        <li><a href="team.html">Our Team</a></li>
                                        <li><a href="our-clients.html">Our Clients</a></li>
                                    </ul>
                                </li>
                                <li><a href="services.html">Service</a>
                                    <ul>
                                        <li><a href="services.html">Our Service</a></li>
                                        <li><a href="service-details.html">Service Details</a></li>
                                    </ul>
                                </li>
                                <li><a href="news.html">News</a>
                                    <ul class="sub_menu">
                                        <li><a href="news.html">Our News 01</a></li>
                                        <li><a href="news-2.html">Our News 02</a></li>
                                        <li><a href="news-details.html">News Details 01</a></li>
                                        <li><a href="news-details-2.html">News Details 02</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </nav>
                    </div>
                    <a class="site__btn4 menu-2-btn" href="#">GET A QUOTE
                        <span class="site__btn4-icon">
                            <i class="fal fa-long-arrow-right"></i>
                            <i class="fal fa-long-arrow-right"></i>
                        </span>
                    </a>
                    <div class="open-mobile-menu f-right menu-2-bar">
                        <a href="javascript:void(0);">
                            <i class="fal fa-bars"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header-menu start  -->
    
    <!-- slide-bar start -->
    <div class="fix">
        <div class="side-info">
            <button class="side-info-close"><i class="fal fa-times"></i></button>

            
        <div class="side__logo mb-25">
        <a href="http://localhost/wp/bildpress/">
            <img src="http://localhost/wp/bildpress/wp-content/themes/bildpress/assets/img/logo/logo.png" alt="logo" />
        </a>
    </div>
     
        <div class="mobile-menu"></div>
            
        <div class="contact-infos mt-30 mb-30">
            <div class="contact-list mb-30">
                <h4>Contact Info</h4>
                <ul>
                    <li><i class="fal fa-map"></i>12/A, Mirnada City Tower, NYC</li>
                    <li><i class="fal fa-phone"></i><a href="tell:+876 864 764 764">+876 864 764 764</a></li>
                    <li><i class="far fa-envelope"></i><a href="mailto:info@webmail.com">info@webmail.com</a></li>
                     
                </ul>
                <div class="side-btn mt-30">
                    <a href="#" class="site__btn1">Get A Quote</a>
                </div>
                <ul class="social_links sidebar-social_links d-inline-block mt-30">
                    <li>
                        <a class="" href="#">
                            <i class="fab fa-facebook-f"></i>
                            <i class="fab fa-facebook-f"></i>
                        </a>
                    </li>
                    <li>
                        <a class="" href="#">
                            <i class="fab fa-twitter"></i>
                            <i class="fab fa-twitter"></i>
                        </a>
                    </li>
                    <li>
                        <a class="" href="#">
                            <i class="fab fa-instagram"></i>
                            <i class="fab fa-instagram"></i>
                        </a>
                    </li>
                    <li>
                        <a class="" href="#">
                            <i class="fab fa-linkedin"></i>
                            <i class="fab fa-linkedin"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    
        </div>
    </div>
    <div class="offcanvas-overlay"></div>
    <!-- slide-bar end -->

    <!-- about area start  -->
    <section class="about-area pt-120 pb-90">
        <div class="container">
            <div class="row align-items-center wow fadeInUp">
                <div class="col-lg-6">
                    <div class="about-img p-relative mr-30 mb-30">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="about-img-slider about-active owl-carousel mb-20">
                                    <div class="about-slide-img">
                                        <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/about/about1.jpg" alt=""></a>
                                    </div>
                                    <div class="about-slide-img">
                                        <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/about/about2.jpg" alt=""></a>
                                    </div>
                                    <div class="about-slide-img">
                                        <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/about/about1.jpg" alt=""></a>
                                    </div>
                                    <div class="about-slide-img">
                                        <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/about/about2.jpg" alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="about-single-img mb-20">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/about/about3.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content mb-30">
                        <h5 class="section-title-o mb-30">Messages of CEO, oil Industry</h5>
                        <p class="mb-45">Generating electricity from solar power systems and offshore wind is becoming increasingly cheaper and cost-effective. According to IRENA, over 80 percent of newly commissioned renewable energy will be cheaper than new oil & natural gas sources of undeveloped discoveries.</p>
                        <div class="about-author">
                            <div class="about-author-img mr-20">
                                <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/author/author1.jpg" alt="">
                            </div>
                            <div class="about-author-nd p-relative pt-10">
                                <h5 class="about-author-name"><a href="#">Nirob Aronno</a></h5>
                                <span class="about-author-designation">CEO, Bildpress Oil Industry</span>
                                <div class="about-author-signature p-relative mt-35">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/author/ab-author-signature.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- about area end  -->

    <!-- overview area start  -->
    <section class="overview-area overview-area-bg pt-100 pb-85 p-relative">
        <div class="overview-area-img" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/shape/map-dot.png">
        </div>
        <div class="overview-area-img2 d-none d-lg-block">
            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/overview-area-img2.jpg" alt="img">
        </div>
        <div class="company-growth-year">
            <span>30+</span>
            <p>Years <br> Business Growth</p>
        </div>
        <div class="container">
            <div class="row align-items-center wow fadeInUp">
                <div class="col-lg-5">
                    <div class="overview-content mb-30">
                        <h5 class="section-title-o mb-40">Explore Us for the future</h5>
                        <ul class="m-tab-list s_status_list">
                            <li><i class="fal fa-check-circle"></i>Mission & Future Plans</li>
                            <li><i class="fal fa-check-circle"></i>Board of Directors</li>
                            <li><i class="fal fa-check-circle"></i>Executive Team</li>
                            <li><i class="fal fa-check-circle"></i>Corporate Value  & Social Responsibility</li>
                            <li><i class="fal fa-check-circle"></i>Awards & Recognitions</li>
                            <li><i class="fal fa-check-circle"></i>Career at Bildpress</li>
                        </ul>
                        <div class="overview-btn mt-40">
                            <a class="site__btn4 site__btn4-border b-download" href="#">Download Brochure
                            <span class="site__btn4-icon b-download">
                                <i class="fal fa-download"></i>
                                <i class="fal fa-download"></i>
                            </span>
                        </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="tab-content overview-tab-content mb-30">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="mission-tab p-relative" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/mission-bg.jpg">
                                    <div class="m-tab-icon">
                                        <i class="flaticon2-handshake"></i>
                                    </div>
                                    <h4 class="m-tab-title">Our Commitment</h4>
                                    <p>It is estimated 10 billions people are factories globally Full and unlimited access</p>
                                    <ul class="m-tab-list">
                                        <li><i class="fal fa-check-circle"></i>Provide quality service</li>
                                        <li><i class="fal fa-check-circle"></i>Gender equality</li>
                                        <li><i class="fal fa-check-circle"></i>Ensuring the prodution</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6">
                                <div class="mission-tab future-tab p-relative" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/mission-bg.jpg">
                                    <div class="m-tab-icon">
                                        <i class="flaticon2-puzzle"></i>
                                    </div>
                                    <h4 class="m-tab-title">Our Future Plan</h4>
                                    <p>It is estimated 10 billions people are factories globally Full and unlimited access</p>
                                    <ul class="m-tab-list">
                                        <li><i class="fal fa-check-circle"></i>Business in all region</li>
                                        <li><i class="fal fa-check-circle"></i>Doorstep delivery</li>
                                        <li><i class="fal fa-check-circle"></i>Empowerment Increase</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="overview-area overview-area-bg pt-100 pb-85 p-relative d-none">
        <div class="overview-area-img" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/shape/map-dot.png">
        </div>
        <div class="overview-area-img2 d-none d-lg-block">
            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/overview-area-img2.jpg" alt="img">
        </div>
        <div class="company-growth-year">
            <span>30+</span>
            <p>Years <br> Business Growth</p>
        </div>
        <div class="container">
            <div class="row align-items-center wow fadeInUp">
                <div class="col-lg-5">
                    <div class="overview-content mb-30">
                        <h5 class="section-title-o mb-40">Explore Us for the future</h5>
                        <ul class="nav nav-tabs flex-column overview-nav p-relative mb-50" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Mission & Future Plans</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Board of Directors</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Executive Team</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Corporate Value  & Social Responsibility</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Awards & Recognitions</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Career at Bildpress</a>
                            </li>
                        </ul>
                        <div class="overview-btn">
                            <a class="site__btn4 site__btn4-border b-download" href="#">Download Brochure
                            <span class="site__btn4-icon b-download">
                                <i class="fal fa-download"></i>
                                <i class="fal fa-download"></i>
                            </span>
                        </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="tab-content overview-tab-content mb-30" id="myTabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="mission-tab p-relative" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/mission-bg.jpg">
                                            <div class="m-tab-icon">
                                                <i class="flaticon2-handshake"></i>
                                            </div>
                                            <h4 class="m-tab-title">Our Commitment</h4>
                                            <p>It is estimated 10 billions people are factories globally Full and unlimited access</p>
                                            <ul class="m-tab-list">
                                                <li><i class="fal fa-check-circle"></i>Provide quality service</li>
                                                <li><i class="fal fa-check-circle"></i>Gender equality</li>
                                                <li><i class="fal fa-check-circle"></i>Ensuring the prodution</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6">
                                        <div class="mission-tab future-tab p-relative" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/bg/mission-bg.jpg">
                                            <div class="m-tab-icon">
                                                <i class="flaticon2-puzzle"></i>
                                            </div>
                                            <h4 class="m-tab-title">Our Future Plan</h4>
                                            <p>It is estimated 10 billions people are factories globally Full and unlimited access</p>
                                            <ul class="m-tab-list">
                                                <li><i class="fal fa-check-circle"></i>Business in all region</li>
                                                <li><i class="fal fa-check-circle"></i>Doorstep delivery</li>
                                                <li><i class="fal fa-check-circle"></i>Empowerment Increase</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
                            <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
                        </div>
                </div>
            </div>
        </div>
    </section>
    <!-- overview area end -->

    <!-- service area start  -->
    <section class="service-area pt-100 pb-105">
        <div class="container">
            <div class="row justify-content-center wow fadeInUp">
                <div class="col-lg-8">
                    <h5 class="section-title-o text-center mb-50">What We Do Globally <br> in Factory</h5>
                </div>
            </div>
            <div class="row wow fadeInUp">
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service1.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-oil-refinery"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Power Plant</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service2.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-petrochemical"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Petrochemicals</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service3.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-oil-refinery"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Gas & Oil Refining</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service4.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-transmission"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Engineering</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service5.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-tamper"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Hydraulic Fluid</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="single-service mb-30">
                        <div class="service-img">
                            <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/service/service6.jpg" alt=""></a>
                        </div>
                        <div class="service-content p-relative">
                            <div class="service-icon">
                                <i class="flaticon2-fuel"></i>
                            </div>
                            <h4 class="service-title"><a href="#">Marine Fuel Supply</a></h4>
                            <p>Bildpress involves generating better data that our software can convert to discover market.</p>
                            <div class="service-btn">
                                <a class="site__btn4 no-bg" href="#">Read Details
                                    <span class="site__btn4-icon">
                                        <i class="fal fa-long-arrow-right"></i>
                                        <i class="fal fa-long-arrow-right"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- service area end  -->

    <!-- companies area start  -->
    <div class="companies-area">
        <div class="container">
            <div class="row wow fadeInUp">
                <div class="col-lg-12">
                    <div class="company-tag-wrapper text-center">
                        <div class="company-area-tag">
                            <h4>Our Associate Companies</h4>
                        </div>
                    </div>
                    <div class="company-slider-wrapper pt-100 pb-100">
                        <div class="company-slider owl-carousel">
                            <div class="associate-company">
                                <a href="#">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/companies/company1.png" alt="">
                                </a>
                            </div>
                            <div class="associate-company">
                                <a href="#">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/companies/company2.png" alt="">
                                </a>
                            </div>
                            <div class="associate-company">
                                <a href="#">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/companies/company3.png" alt="">
                                </a>
                            </div>
                            <div class="associate-company">
                                <a href="#">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/companies/company4.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- companies area end  -->

    <!-- testimonial-area start -->
    <section class="testimonial-area testimonial-area-bg pt-100 pb-115 p-relative">
    <div class="testimonial-area-img" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/shape/map-dot.png">
    </div>
        <div class="container">
            <div class="row wow fadeInUp">
                <div class="col-lg-12">
                    <h5 class="section-title-o text-center mb-50">What Say People <br> About Us</h5>
                    <div class="testimonial-wrapper testimonial-active owl-carousel">
                        <div class="single-testimonial text-center">
                            <div class="test-a-img p-relative">
                                <div class="test-a-img-quote">
                                    <i class="fas fa-quote-right"></i>
                                </div>
                                <div class="test-a-img-main">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/author/author2.jpg" alt="">
                                </div>
                            </div>
                            <div class="test-a-nd mb-30">
                                <h4 class="test-a-name">Robert Kavin Won</h4>
                                <span class="test-a-designation">Deputy Manager</span>
                            </div>
                            <p class="test-a-text mb-30">I have been the strategic partner in Emirates for nearly 20 years in the Kingdom and we have been an important partner in Saudi Arabia’s economic development. From the outset, we have been one of the main growth catalysts. We are actually one of Saudi Arabia’s first enterprises, and the quality of millions of life have been affected positively and permanently by our job</p>
                            <ul class="test-a-rating">
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                            </ul>
                        </div>
                        <div class="single-testimonial text-center">
                            <div class="test-a-img p-relative">
                                <div class="test-a-img-quote">
                                    <i class="fas fa-quote-right"></i>
                                </div>
                                <div class="test-a-img-main">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/author/author1.jpg" alt="">
                                </div>
                            </div>
                            <div class="test-a-nd mb-30">
                                <h4 class="test-a-name">Robert Kavin Won</h4>
                                <span class="test-a-designation">Deputy Manager</span>
                            </div>
                            <p class="test-a-text mb-30">I have been the strategic partner in Emirates for nearly 20 years in the Kingdom and we have been an important partner in Saudi Arabia’s economic development. From the outset, we have been one of the main growth catalysts. We are actually one of Saudi Arabia’s first enterprises, and the quality of millions of life have been affected positively and permanently by our job</p>
                            <ul class="test-a-rating">
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                            </ul>
                        </div>
                        <div class="single-testimonial text-center">
                            <div class="test-a-img p-relative">
                                <div class="test-a-img-quote">
                                    <i class="fas fa-quote-right"></i>
                                </div>
                                <div class="test-a-img-main">
                                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/author/author1.jpg" alt="">
                                </div>
                            </div>
                            <div class="test-a-nd mb-30">
                                <h4 class="test-a-name">Robert Kavin Won</h4>
                                <span class="test-a-designation">Deputy Manager</span>
                            </div>
                            <p class="test-a-text mb-30">I have been the strategic partner in Emirates for nearly 20 years in the Kingdom and we have been an important partner in Saudi Arabia’s economic development. From the outset, we have been one of the main growth catalysts. We are actually one of Saudi Arabia’s first enterprises, and the quality of millions of life have been affected positively and permanently by our job</p>
                            <ul class="test-a-rating">
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- testimonial-area end -->

    <!-- overview2-area start  -->
    <section class="overview2-area pt-120 pb-90">
        <div class="container">
            <div class="row wow fadeInUp">
                <div class="col-lg-6">
                    <div class="overview2-img mb-85">
                        <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/shape/map-locations.png" alt="">
                    </div>
                    <div class="overview-certification fix mb-30">
                        <h4 class="overview-certification-title mb-30">Certification</h4>
                        <ul class="certificate-list">
                            <li>
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/certificate/cert-1.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/certificate/cert-2.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/certificate/cert-3.png" alt=""></a>
                            </li>
                            <li>
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/certificate/cert-4.png" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="overview2-content ml-30 mb-30">
                        <h5 class="section-title-o mb-50">We're Anywhere in the world </h5>
                        <ul class="overview2-list">
                            <li>
                                <div class="overview2-list-number">
                                    <span>20+</span>
                                </div>
                                <div class="overview2-list-text">
                                    <h4>Associate Companies</h4>
                                    <p>In relation to our hard work to keep customer mind</p>
                                </div>
                            </li>
                            <li>
                                <div class="overview2-list-number">
                                    <span>68+</span>
                                </div>
                                <div class="overview2-list-text">
                                    <h4>Country Wise Business</h4>
                                    <p>In relation to our hard work to keep customer mind</p>
                                </div>
                            </li>
                            <li>
                                <div class="overview2-list-number">
                                    <span>2B+</span>
                                </div>
                                <div class="overview2-list-text">
                                    <h4>Metric Ton Oil Production</h4>
                                    <p>In relation to our hard work to keep customer mind</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- overview2-area end  -->

    <!-- gallery area start  -->
    <section class="gallery-area p-relative wow fadeInUp" data-background="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery-bg.jpg">
        <div class="explore-gallery">
            <h3 calss="">Our Official Gallery</h3>
            <div class="gallery-btn">
                <a class="site__btn4 site__btn4-border site__btn4-white" href="#">Explore More
                    <span class="site__btn4-icon">
                        <i class="fal fa-long-arrow-right"></i>
                        <i class="fal fa-long-arrow-right"></i>
                    </span>
                </a>
            </div>
        </div>
        <div class="gallery-slider gallery-active owl-carousel">
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery1.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery1.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>01</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">Lubna Gas Oil</a></h5>
                        <span>Dubai</span>
                    </div>
                </div>
            </div>
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery2.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery2.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>02</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">Bitumen Flooring </a></h5>
                        <span>New York</span>
                    </div>
                </div>
            </div>
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery3.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery3.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>03</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">THERMAL POWER</a></h5>
                        <span>Malaysia</span>
                    </div>
                </div>
            </div>
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery1.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery1.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>04</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">Lubna Gas Oil</a></h5>
                        <span>Dubai</span>
                    </div>
                </div>
            </div>
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery2.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery2.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>05</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">Bitumen Flooring </a></h5>
                        <span>New York</span>
                    </div>
                </div>
            </div>
            <div class="single-gallery p-relative">
                <a href="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery3.jpg" class="gallery-img popup-image">
                    <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/gallery/gallery3.jpg" alt="">
                </a>
                <div class="gallery-content">
                    <div class="gallery-number">
                        <span>06</span>
                    </div>
                    <div class="gallery-text">
                        <h5><a href="#">THERMAL POWER</a></h5>
                        <span>Malaysia</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- gallery area end  -->
    
    <!-- blog-area start  -->
    <section class="blog-area pt-95 pb-90">
        <div class="container">
            <div class="row wow fadeInUp">
                <div class="col-lg-12">
                    <h5 class="section-title-o text-center mb-50">Read Our News & <br> Every Feeds</h5>
                </div>
            </div>
            <div class="row wow fadeInUp">
                <div class="col-lg-8">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="single-blog mb-30">
                                <div class="blog-img">
                                    <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/blog/blog1.jpg" alt=""></a>
                                </div>
                                <div class="blog-content p-relative">
                                    <div class="blog-date">
                                        <span class="date">25</span>
                                        <span>Jan 2021</span>
                                    </div>
                                    <ul class="blog-meta-list">
                                        <li>
                                            <span class="blog-meta-icon"><i class="fal fa-user"></i></span>
                                            <span class="blog-meta-text">bildpress </span>
                                        </li>
                                    </ul>
                                    <h4 class="blog-title-o"><a href="#">Design Process to Your Organization</a></h4>
                                    <p>The generated Lorem Ipsum is therefore always free from repetition.....</p>
                                    <div class="blog-btn">
                                        <a class="site__btn4 no-bg site__btn4-blog" href="#">Read More
                                            <span class="site__btn4-icon">
                                                <i class="fal fa-long-arrow-right"></i>
                                                <i class="fal fa-long-arrow-right"></i>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="single-blog mb-30">
                                <div class="blog-img">
                                    <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/blog/blog2.jpg" alt=""></a>
                                </div>
                                <div class="blog-content p-relative">
                                    <div class="blog-date">
                                        <span class="date">25</span>
                                        <span>Jan 2021</span>
                                    </div>
                                    <ul class="blog-meta-list">
                                        <li>
                                            <span class="blog-meta-icon"><i class="fal fa-user"></i></span>
                                            <span class="blog-meta-text">bildpress </span>
                                        </li>
                                    </ul>
                                    <h4 class="blog-title-o"><a href="#">What to Do If People Hate Your Brand</a></h4>
                                    <p>The generated Lorem Ipsum is therefore always free from repetition.....</p>
                                    <div class="blog-btn">
                                        <a class="site__btn4 no-bg site__btn4-blog" href="#">Read More
                                            <span class="site__btn4-icon">
                                                <i class="fal fa-long-arrow-right"></i>
                                                <i class="fal fa-long-arrow-right"></i>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <ul class="blog-sidebar-list">
                        <li class="blog-sidebar-link">
                            <div class="blog-sidebar-link-img">
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/blog/bs-img1.jpg" alt="blog image"></a>
                            </div>
                            <div class="blog-sidebar-link-text">
                                <h4 class="blog-sidebar-link-title"><a href="#">What to Do If People Hate Your Brand</a></h4>
                                <div class="blog-sidebar-link-date">
                                    <span class="bs-icon">
                                        <i class="fal fa-calendar-alt"></i>
                                    </span>
                                    <span>25 Jan 2020</span>
                                </div>
                            </div>
                        </li>
                        <li class="blog-sidebar-link">
                            <div class="blog-sidebar-link-img">
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/blog/bs-img2.jpg" alt="blog image"></a>
                            </div>
                            <div class="blog-sidebar-link-text">
                                <h4 class="blog-sidebar-link-title"><a href="#">Fuel Retail in The Age of New Mobility</a></h4>
                                <div class="blog-sidebar-link-date">
                                    <span class="bs-icon">
                                        <i class="fal fa-calendar-alt"></i>
                                    </span>
                                    <span>25 Jan 2020</span>
                                </div>
                            </div>
                        </li>
                        <li class="blog-sidebar-link">
                            <div class="blog-sidebar-link-img">
                                <a href="#"><img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/blog/bs-img3.jpg" alt="blog image"></a>
                            </div>
                            <div class="blog-sidebar-link-text">
                                <h4 class="blog-sidebar-link-title"><a href="#">Digital Transformation in Energy Escape</a> </h4>
                                <div class="blog-sidebar-link-date">
                                    <span class="bs-icon">
                                        <i class="fal fa-calendar-alt"></i>
                                    </span>
                                    <span>25 Jan 2020</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="blog-sidebar-btn">
                        <a class="site__btn4 site__btn4-border" href="#">Read All Post
                            <span class="site__btn4-icon">
                                <i class="fal fa-long-arrow-right"></i>
                                <i class="fal fa-long-arrow-right"></i>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row align-items-center pt-85 wow fadeInUp">
                <div class="col-lg-4">
                    <div class="clients-area-content mb-30">
                        <h3 class="clients-area-title">Our Clients World Wide</h3>
                        <p>Bildpress involves generating better data that our software can convert.</p>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="clients-slide client-active owl-carousel mb-30">
                        <div class="client-logo">
                            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/client-logo/cl-logo1.png" alt="">
                        </div>
                        <div class="client-logo">
                            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/client-logo/cl-logo2.png" alt="">
                        </div>
                        <div class="client-logo">
                            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/client-logo/cl-logo3.png" alt="">
                        </div>
                        <div class="client-logo">
                            <img src="<?php print get_template_directory_uri() ?>/assets/img/home-oil/client-logo/cl-logo4.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- blog-area end  -->


    </main>

<?php get_footer();?>