<!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> Oilgen Limited - Services - </title>

    {% include 'includes/import-top.html' %}
</head>

<body>
    {% include 'includes/header.html' %}

    <div class="breadcroumb-area bread-bg" style="background-image: url({{url_for('static', filename='assets/img/bread-bg.jpg')}});">
        <div class="container pt-5">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title">
                        <h1>Service Details</h1>
                        <h6><a href="{{url_for('index')}}">Home</a> <i class="far fa-dot-circle"></i> {{service.get('name')}}</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="service-page" class="service-details-section section-padding pb-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="single-service">
                        <img src="{{url_for('static', filename='assets/img/service')}}/{{service.get('image')}}" alt>
                        <h2>{{service.get('name')}}</h2>
                        <div>
                            {{service.get('value') | safe }}
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="key-feature text-center pr-50">
                                    <div class="row justify-content-center no-gutters">
                                        <div class="col-lg-4">
                                            <div class="about-icon">
                                                <img src="{{url_for('static', filename='assets/img/icon/1.png')}}" alt>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <h5>100% Light Diesel</h5>
                                            <!-- <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 text-center pr-50">
                                    <div class="row justify-content-center no-gutters">
                                        <div class="col-lg-4">
                                            <div class="about-icon">
                                                <img src="{{url_for('static', filename='assets/img/icon/3.png')}}" alt>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <h5>100% Currect Meter</h5>
                                            <!-- <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-4">
                    
                    <div class="helpline-section">
                        <div class="helpline-content text-center">
                            <h4>Need General Support</h4>
                            <p>For any requests, inquiries or comminucation find us throght our official communication channels. To get in touch click the button below.</p>
                            <a href="{{url_for('contacts')}}" class="btn btn-primary" type="submit">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'includes/footer.html' %}

    {% include 'includes/import-bottom.html' %}

</body>

</html>