<div class="homepage-slides owl-carousel">
    <div class="single-slide-item"
        style="background-image: url({{url_for('static', filename='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 OilGen</h6>
                            <h1>Providing customers with quality <b>products</b></h1>
                            <p> Oilgen petroleum, a pace setter with a promising business growth.</p>
                        </div>
                        <a href="{{url_for('about_us')}}" class="main-btn">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="single-slide-item hero-area-bg-2"
        style="background-image: url({{url_for('static', filename='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 2014</h6>
                            <h1>Top Rated <b>Company</b> <br> In The Africa</h1>
                            <p> Our organizational aspiration is to building and crafting a first class business.</p>
                        </div>
                        <a href="{{url_for('about_us')}}" class="main-btn">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="single-slide-item hero-area-bg-2"
        style="background-image: url({{url_for('static', filename='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>Quality</h6>
                            <h1><b>Unmatched</b> competitive edge</h1>
                            <p> We nurture every
                                relationship with
                                commitment, passion
                                and integrity, <br>which is
                                the reason why most of
                                our partners have been
                                with us since Oilgen
                                Petroleum Limited was
                                established</p>
                        </div>
                        <a href="{{url_for('about_us')}}" class="main-btn">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>