{% extends "layout.html" %}
{% block title %}{{title_pre}}  Home {% endblock %}
 {% block bread %}
   <!-- <div class="col-sm-4">
        <h2>Manage Users</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.php">Home</a>
            </li>
             <li class="breadcrumb-item active">
                <strong>All Users</strong>
            </li>
        </ol>
    </div>-->
 {% endblock %}
{% block content %}
<style>
.gray-bg{background: url('templates/uploads/background.png'); background-size: cover;}
     
</style>
<div class="page_content  ">
        <nav id="topNav" class="navbar  mt-5 mb-5">
                <a class="navbar-brand mx-auto" href="#"><img src="templates/uploads/logo_base.png"></a>
               
            </nav>

<!--<div class="row row animated fadeInDown">
        <div id="carouselExampleIndicators" class="carousel slide  w-100" data-ride="carousel">
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img class="d-block w-100" src="templates/uploads/{{ activity.logo }}" alt="First slide">
                  </div>
                </div>
        </div>
              
</div>-->
        
    <div class="container">
        <div class="row animated fadeInDown ">

           <div class="col-md-4">
               <div class="row">
                   <div class="col-md-12  " style="margin-bottom: 28px;" ><a href="index.php?a={{ activities.0.id }}" ><img class="w-100" src="templates/uploads/{{ activities.0.photo }}" /></a></div>
                   <div class="col-md-12 " style="margin-bottom: 28px;"><a href="index.php?a={{ activities.1.id }}" ><img class="w-100" src="templates/uploads/{{ activities.1.photo }}" /></a></div>
                   <div class="col-md-12 " style="margin-bottom: 28px;"><a href="index.php?a={{ activities.2.id }}" ><img class="w-100" src="templates/uploads/{{ activities.2.photo }}" /></a></div>
               </div>
           </div>

           <div class="col-md-8 ">
               <div class="row">
                   <div class="col-md-12 mb-4 "><a href="index.php?a={{ activities.3.id }}" ><img class="w-100 " src="templates/uploads/{{ activities.3.photo }}" /></a></div>
                   <div class="col-md-6 mb-4"><a href="index.php?a={{ activities.4.id }}" ><img class="w-100" src="templates/uploads/{{ activities.4.photo }}" /></a></div>
                   <div class="col-md-6 mb-4"><a href="index.php?a={{ activities.5.id }}" ><img class="w-100" src="templates/uploads/{{ activities.5.photo }}" /></a></div>
               </div>
           </div>

           <!--<div class="col-md-12 "><a href="index.php?a={{ activities.6.id }}" ><img class="w-100" src="templates/uploads/{{ activities.6.photo }}" /></a></div>-->
                      
        </div>
    </div>

</div>
 
{% endblock %}