<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="{{url_for('static', filename='assets/img/logo-white.png')}}" alt="fossil-logo">
                    </div>
                    <p>A cutting-edge oil distributors and resellers, promoting sustainable and eco-friendly practices
                        in the petroleum industry.</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="{{url_for('about_us')}}"> <i class="fal fa-minus"></i> About Us</a>
                            <a href="{{url_for('services')}}"><i class="fal fa-minus"></i> Services</a>
                            <a href="{{url_for('faqs')}}"><i class="fal fa-minus"></i> FAQ</a>
                            <a href="{{url_for('contacts')}}"><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>
                            {% for service in config.get('SERVICES').get('services') %}
                            {% set serv = config.get('SERVICES').get('services').get(service) %}
                            <a href="{{url_for('service', id=service)}}"><i class="fal fa-minus"></i>
                                {{serv.get('name')}} </a>
                            {% endfor %}
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5>Contacts</h5>
                    <ul>
                        <li>
                            <a href="mailto:info@oilgenpetroleum.com"><i class="fal fa-minus"></i>
                                info@oilgenpetroleum.com </a>
                            <a href="tel:+254745789177"><i class="fal fa-minus"></i> +254 745 789 177</a>
                            <a href="tel:+254712095191"><i class="fal fa-minus"></i> +254 712 095 191</a>
                        </li>
                    </ul>
                </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">{{config.get('DATE')}}</span> OilGen All rights reserved.
                </p>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12">
                <p class="privacy"><a href="{{url_for('privacy_policy')}}">Privacy Policy</a> | <a
                        href="{{url_for('terms_and_condition')}}">Terms & Conditions</a></p>
            </div>
        </div>
    </div>
</div>

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