{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Parque Etnobiológico</title>
        
        <!-- Bootstrap icons-->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
        <!-- Google fonts-->
        <link rel="preconnect" href="https://fonts.gstatic.com" />
        <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&amp;display=swap" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&amp;display=swap" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&amp;display=swap" rel="stylesheet" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="{% static 'css/styles.css' %}" rel="stylesheet" />
    </head>

   
         
    

    <body>
        <!-- Navigation-->
        <nav class="navbar fixed-top navbar-expand-lg" id="mainNav">
            <div class="container-fluid">
                <a class="navbar-brand fw-bold" href="#page-top">Parque Etnobiológico</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    Menu
                    <i class="bi-list"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#features">Áreas</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Colecciones</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Biodiversidad</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Etnobiología</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Actividades</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Proyección</a></li>
                        <li class="nav-item"><a class="nav-link me-lg-3" href="#download">Visitas</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        
       
    <!-- Contenido de la página -->
          
    {% block content %}

    {% endblock %}
                
    
    </body>
    <!-- Footer-->
    <footer class="footer text-center py-5">
        <div class="container">
            <div class="text-white-50 small">
                <div class="mb-2">&copy; Parque Etnobiológico, Quantum 2024. Todos los derechos reservados.</div>
            </div>
        </div>
    </footer>
   
    <!-- Bootstrap core JS-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Core theme JS-->
    <script src="js/scripts.js"></script>
    <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
    <!-- * *                               SB Forms JS                               * *-->
    <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
    <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
    <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</html>
