{% extends 'base.html' %}
{% load staticfiles %}

{% block stylesheets %}
<link rel="stylesheet" href="{% static 'css/service.css' %}">
{% endblock stylesheets %}

{% block content %}
<section class="banner">
    <h3>LOANS AND ADVANCES</h3>
</section>
<section class="service-content">
    <ul class="side-content">
        <li data-tab = "home" class="active">Home Loan</li>
        <li data-tab = "sales">Mortage Loan</li>
        <li data-tab = "financial">Consumption Loan</li>
        <li data-tab = "investment">Jewellery Loan</li>
        <li data-tab = "tax">Overdraft</li>
        <li data-tab = "loan">Personal Loan</li>
        <li data-tab = "consultant">Vehicle Loan</li>
    </ul>
    <div class="scene-container">
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "home">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" class="active" data-scene-target = "sales">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "financial">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "investment">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "tax">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "loan">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
        <object data="{% static 'files/loans.pdf' %}" type="application/pdf" style="width:100%; height:100%;" data-scene-target = "consultant">
            <embed src="{% static 'files/loans.pdf' %}" type="application/pdf" />
        </object>
    </div>
</section>
{% endblock content %}

{% block scripts %}
<script src="{% static 'js/service.js' %}" ></script>
{% endblock scripts %}