{% extends 'layout/base_template.html' %}
{% load static %}
{% block stylesheet %}

<style>
    h6.card-title {
        /* padding-left: 15px; */
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        margin-top: 20px;
    }

    .textbox {
        text-align: center;
        position: absolute;
        bottom: 0px;
        right: 0;
        background: #00ab55 ;
        padding: 15px 10px 15px 20px;
        border-top-left-radius: 41px;
        border-bottom-right-radius: 7px;
        width: 200px;
    }

    .textbox h3 {
        margin: 0;
        color: #fff;
        font-size: 18px;
    }

    .cms-cards {
        padding: 20px 40px;
    }

    .cms-cards .card {
        padding: 15px;
        background: #EFFFF5;
        border: 2px solid #00ab55 ;
        height: 160px;
        margin-bottom: 30px;
    }
</style>

{% endblock %}

{% block content %}

<div class="row layout-top-spacing">
    <div class="col-lg-12">
        <div class="row mb-2">
            <div class="col">
                <h3>Manage CMS</h3>
            </div>
            <div class="col text-end">
                <!-- <a class="btn btn-primary mb-2 me-4">Add New</a> -->
            </div>
        </div>
        <div class="row layout-spacing">
            <div class="col-lg-12">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content widget-content-area">
                        <div class="row cms-cards">
                            <!-- <div class="col-md-4">
                                <a href="{% url 'manage_cms:news_article_list'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/article1.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Blogs</h3>
                                        </div>
                                    </div>
                                </a>
                            </div> -->
                            <!-- <div class="col-md-4">
                                <a href="{% url 'manage_cms:newsletter_list'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/quill_inbox-newsletter.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Newsletter</h3>
                                        </div>
                                    </div>
                                </a>
                            </div> -->
                            <div class="col-md-4">
                                <a href="{% url 'manage_cms:about_us_view' %}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/user2_1.png' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>About Us</h3>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-4">
                                <a href="{% url 'manage_cms:terms_and_condition_view' %}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/contract1.png' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Terms & Conditions</h3>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-4">
                                <a href="{% url 'manage_cms:faq_list'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/conversation3.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>FAQ</h3>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-4">
                                <a href="{% url 'manage_cms:privacy_policy_view'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/privacy.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Privacy Policy</h3>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            {% comment %} <div class="col-md-4">
                                <a href="{% url 'manage_cms:testimonial_list'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/testimonial1.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Testimonials</h3>
                                        </div>
                                    </div>
                                </a>
                            </div> {% endcomment %}
                            <div class="col-md-4">
                                <a href="{% url 'manage_cms:organization_view'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/testimonial1.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Organisation</h3>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <!-- <div class="col-md-4">
                                <a href="{% url 'manage_cms:education_view'%}">
                                    <div class="card">
                                        <div class="cms-icon">
                                            <img src="{% static 'src/assets/img/mortarboard.svg' %}" />
                                        </div>
                                        <div class="textbox">
                                            <h3>Education</h3>
                                        </div>
                                    </div>
                                </a>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock content %}

{% block javascript %}

{% endblock %}