<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Главная страница</title>
    {% include 'templates/head.html' %}
</head>
<body>
{% include 'templates/header.html' %}
<div class="bp-container-fluid">
    <div class="bp-header bp-row">
        <div class="bp-header__overlay"></div>
        <div class="bp-header__content">
            <h1>Auction 5</h1>
            <p class="bp-header__time">Saturday, 23.11.19, 19:00 (Israel time)</p>
            <hr>
            <div class="bp-header__desc">To attend this auction live or leave absentee bids</div>
            <div class="bp-header__btn-group bp-d-flex bp-sm-f-wrap bp-sm-f-center">
                <button data-micromodal-trigger="modal-login" class="bp-btn bp-btn-login bp-header__btn">Login</button>
                <button data-micromodal-trigger="modal-1" class="bp-btn bp-btn-register bp-header__btn">Registration</button>
            </div>
        </div>
    </div>
</div>
<div class="bp-container bp-fix-width-lot">
    <div class="bp-content bp-justify-between bp-row bp-no-margin bp-add-padding">
        <div class="bp-col bp-d-flex bp-md-f-wrap">
            <div class="bp-content__text bp-justify-between">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium ad doloribus eius enim
                    est expedita libero magnam molestiae nemo nisi odit quaerat quidem, recusandae, similique vitae
                    voluptatibus voluptatum. Eaque.</p>
                <p>Alias, deleniti impedit inventore neque nihil velit. Beatae corporis, exercitationem. Deleniti doloremque
                    enim, fugit molestiae odio placeat provident quaerat quidem ratione! Aut explicabo incidunt minus
                    nesciunt, obcaecati placeat voluptate! Commodi123.</p>
            </div>
            <div class="bp-content__tool bp-d-flex bp-f-end bp-md-f-start">
                <a href="#" target="_blank" class="bp-btn bp-btn-download">Download Catalog</a>
            </div>
        </div>
    </div>
    <div class="bp-row bp-fix-width-lot">
        <div class="bp-lots bp-d-flex bp-f-wrap bp-f-center bp-md-f-around">
            {% for i in [0,1,2,3,4,5,6,7,8,9,10,11] -%}
                {% include 'templates/lot.html' %}
            {%- endfor %}
        </div>
    </div>
</div>
{% include 'templates/footer.html' %}
</body>
</html>
