{% extends 'layout-vertical.html' %}

{% load static i18n %}

{% block title %}Rizz{% endblock %}

{% block page_content %}

<div class="row justify-content-center">
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon4 rib4-blue">
                <span class="ribbon4-band ribbon4-band-blue text-white text-center">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/dastyle.jpg' %}" alt="user" height="150"
                            class="align-self-center shadow-sm mb-3 mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Dastyle - Admin & Dashboard Template</p>
                        <p class="text-muted">Dastyle is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon4 rib4-blue">
                <span class="ribbon4-band ribbon4-band-blue text-white text-center">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/crovex.jpg' %}" alt="user" height="150"
                            class="align-self-center shadow-sm mb-3 mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Crovex - Admin & Dashboard Template</p>
                        <p class="text-muted">Crovex is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
</div><!--end row-->

<div class="row justify-content-center">
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon1 rib1-danger">
                <span class="text-white text-center rib1-danger">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/metrica.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Metrica - Admin & Dashboard Template</p>
                        <p class="text-muted">Metrica is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon1 rib1-danger">
                <span class="text-white text-center rib1-danger">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/frogetor.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Frogetor - Admin & Dashboard Template</p>
                        <p class="text-muted">Frogetor is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
</div><!--end row-->

<div class="row justify-content-center">
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon3 rib3-primary">
                <span class="text-white text-center rib3-primary">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/dastyle.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Dastyle - Admin & Dashboard Template</p>
                        <p class="text-muted">Dastyle is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon3 rib3-primary">
                <span class="text-white text-center rib3-primary">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/metrica.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Metrica - Admin & Dashboard Template</p>
                        <p class="text-muted">Metrica is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon2 rib2-warning">
                <span class="text-white text-center rib3-warning fs-11">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/crovex.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Crovex - Admin & Dashboard Template</p>
                        <p class="text-muted">Crovex is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
    <div class="col-md-6 col-lg-6">
        <div class="card">
            <div class="ribbon2 rib2-warning">
                <span class="text-white text-center rib3-warning fs-11">50% off</span>
            </div><!--end ribbon-->
            <div class="card-body position-relative">
                <div class="row">
                    <div class="col-auto">
                        <img src="{% static '/images/extra/dashboards/frogetor.jpg' %}" alt="user" height="150"
                            class="align-self-center mb-3 shadow-sm mb-lg-0">
                    </div><!--end col-->
                    <div class="col align-self-center">
                        <p class="font-18 fw-semibold mb-2">Frogetor - Admin & Dashboard Template</p>
                        <p class="text-muted">Frogetor is a Bootstrap admin dashboard,
                            It is fully responsive and included awesome
                            features to help build web applications fast and easy.
                        </p>
                        <a href="#" class="btn btn-primary btn-sm mb-1">Live Priview</a>
                        <a href="#" class="btn btn-outline-secondary btn-sm mb-1">Download Now</a>
                    </div><!--end col-->
                </div> <!--end row-->
            </div><!--end card-body-->
        </div><!--end card-->
    </div> <!--end col-->
</div><!--end row-->

{% endblock page_content %}