{% extends 'components/website/layout.html' %}
{% load static %}

{% block content %} 
<div role="main" class="main" id="main">
    <section class="section bg-color-grey my-0 py-2 border-0">
        <div class="container container-custom container-custom-initial">
            <div class="row">
                <div class="col-md-12 col-lg-12 col-sm-12">
                    <ul class="breadcrumb d-block d-flex justify-content-start align-items-center">
                        <li><a href="/">Home</a></li>
                        <li class="active">Site Map</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="section bg-color-light m-0 p-0 p-4 pb-5 border-0">
       <div class="container container-custom">
            <div class="row">
                <div class="col-lg-12 col-md-12 mx-auto">
                    <ul class="list-unstyled mb-0">
                        <li>
                            <a href="{% url 'home' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">Home</strong></p>
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'about' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">About</strong></p>
                            </a>
                        </li>
                        
                        <li>
                            <a href="{% url 'news' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">News & Events</strong></p>
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'photo-gallery' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">Gallery</strong></p>
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'contact-us' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">Contact Us</strong></p>
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'screen-reader' %}">
                                <p class="text-3 text-color-dark opacity-8 mb-0"><i class="fas fa-angle-right text-color-primary"></i><strong class="ms-2 font-weight-semibold">Screen Reader</strong></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
       </div>
    </section>
</div>
{% endblock content %}