{% extends "base.html" %}

{% block content %}
<div class="bg-light">
    <div class="container py-5">
        <div class="row h-100 align-items-center py-5">
            <div class="col-lg-6">
                <h1 class="display-4">About us page</h1>
                <p class="lead text-muted mb-0">Bah Bah Bah Bah</p>
            </div>
            <div class="col-lg-6 d-none d-lg-block"><img src="static/templates/about_1.png" alt="" class="img-fluid">
            </div>
        </div>
    </div>
</div>
  
<div class="bg-white py-5">
    <div class="container py-5">
        <div class="row align-items-center mb-5">
            <div class="col-lg-6 order-2 order-lg-1"><i class="fa fa-bar-chart fa-2x mb-3 text-primary"></i>
                <h2 class="font-weight-light">Bah Bah Bah Bah</h2>
                <p class="font-italic text-muted mb-4">Bah Bah Bah Bah</p>
            </div>
            <div class="col-lg-5 px-5 mx-auto order-1 order-lg-2"><img src="static/templates/about_1.png" alt="" class="img-fluid mb-4 mb-lg-0">
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-lg-5 px-5 mx-auto"><img src="static/templates/about_1.png" alt="" class="img-fluid mb-4 mb-lg-0">
            </div>
            <div class="col-lg-6"><i class="fa fa-leaf fa-2x mb-3 text-primary"></i>
                <h2 class="font-weight-light">Bah Bah Bah Bah</h2>
                <p class="font-italic text-muted mb-4">Bah Bah Bah Bah</p>
            </div>
        </div>
    </div>
</div>
  
  
{% endblock %}