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

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

{% block navigation %} 
{% include 'partials/navigation.html' with menu='About' %}
{% endblock navigation %}

{% block content %}
<section class="banner">
    <h3>About Us</h3>
</section>
<section class="about-content">
    <div class="inner-container">
        <figure>
            <img src="{% static 'images/edits/founders.jpg' %}" alt="">
        </figure>
        <div class="description">
            <div class="heading"><marked>About</marked> BCB</div>
            <p>
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
                Delectus, incidunt! Illum blanditiis quas rem in adipisci 
                dolor ad, debitis quibusdam pariatur doloribus corrupti dolore 
                laborum dicta odio voluptatem aliquam placeat.
                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
                ipsam nisi id amet facere!
                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
                ipsam nisi id amet facere!
                Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
                omnis accusantium hic, qui laudantium accusamus assumenda placeat 
                ipsam nisi id amet facere!
            </p>
        </div>
    </div>
    <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. 
        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
        ipsam nisi id amet facere!dolor ad, debitis quibusdam pariatur doloribus corrupti dolore 
        laborum dicta odio voluptatem aliquam placeat.
        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
        ipsam nisi id amet facere!
        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
        ipsam nisi id amet facere!
        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
        ipsam nisi id amet facere!
        Modi laboriosam possimus sint voluptatum veniam, in vel vitae 
        omnis accusantium hic, qui laudantium accusamus assumenda placeat 
        ipsam nisi id amet facere!
    </p>
</section>
<section id="our-team">
    <h3>Our <marked>Team</marked></h3>
   <div class="owl-carousel owl-team">
        <section class="section-container">
            <figure>
                <img src="{% static 'images/cover-image.jpg' %}" alt="">
            </figure>
            <marked>Joseph</marked>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
            </p>
        </section>
        <section class="section-container">
            <figure>
                <img src="{% static 'images/cover-image.jpg' %}" alt="">
            </figure>
            <marked>Joseph</marked>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
            </p>
        </section>
        <section class="section-container">
            <figure>
                <img src="{% static 'images/cover-image.jpg' %}" alt="">
            </figure>
            <marked>Joseph</marked>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
            </p>
        </section>
        <section class="section-container">
            <figure>
                <img src="{% static 'images/cover-image.jpg' %}" alt="">
            </figure>
            <marked>Joseph</marked>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
            </p>
        </section>
        <section class="section-container">
            <figure>
                <img src="{% static 'images/cover-image.jpg' %}" alt="">
            </figure>
            <marked>Joseph</marked>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
            </p>
        </section>
   </div>
   <div class="owl-team-btn">
        <i class="fas fa-chevron-left" id="team-carousel-right-btn"></i>
        <i class="fas fa-chevron-right" id="team-carousel-left-btn"></i>
    </div>
</section>
{% endblock content %}

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