<!doctype html>
<html>
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/carousel.css') }}" /> -->
        <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" -->
        <!--       integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> -->

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        {% if title %}
        <title>Klintorg - {{ title }}</title>
        {% else %}
        <title>Klintorg</title>
        {% endif %}
    </head>

    <body>

      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="#">"    #Klintorg"</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Market</a>
            </li>
          </ul>
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#">Login</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Register</a>
            </li>
          </ul>
        </div>
      </nav>
        <!-- <div class="container"> -->
            <!-- <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> -->
            <!--     <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> -->
            <!--         <\!-- <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> -\-> -->
            <!--         <\!-- <span class="fs-4"><img src="{{ url_for('static', filename='images/atomy_logo.png') }}" width="100" height="56" -\-> -->
            <!--         <\!--                         alt="atomy logo" />Atomy russia</span> -\-> -->
            <!--         <span>Klintorg</span> -->
            <!--     </a> -->
            <!--     <ul class="nav nav-pills"> -->
            <!--         {% for m in menu %} -->
            <!--         <li class="nav-item"><a href="{{ m.url }}" class="nav-link">{{ m.name }}</a></li> -->
            <!--         {% endfor %} -->
            <!--         <\!-- <li class="nav-item"><a href="#" class="nav-link active">Home</a></li> -\-> -->
            <!--         <\!-- <li class="nav-item"><a href="#" class="nav-link">Features</a></li> -\-> -->
            <!--         <\!-- <li class="nav-item"><a href="#" class="nav-link">Pricing</a></li> -\-> -->
            <!--         <\!-- <li class="nav-item"><a href="#" class="nav-link">FAQs</a></li> -\-> -->
            <!--         <\!-- <li class="nav-item"><a href="#" class="nav-link">About</a></li> -\-> -->
            <!--     </ul> -->
            <!-- </header> -->
        <!-- </div> -->
        <!-- <div class="container"> -->
        <!--     <div id="myCarousel" class="carousel slide" data-bs-ride="carousel"> -->
        <!--         <div class="carousel-indicators"> -->
        <!--             <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" -->
        <!--                     aria-label="Slide 1"></button> -->
        <!--             <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button> -->
        <!--             <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button> -->
        <!--         </div> -->
        <!--         <div class="carousel-inner"> -->
        <!--             <div class="carousel-item active"> -->
        <!--                 <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
        <!--                      aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
        <!--                     <rect width="100%" height="100%" fill="#777" /> -->
        <!--                 </svg> -->

        <!--                 <div class="container"> -->
        <!--                     <div class="carousel-caption text-start"> -->
        <!--                         <h1>Example headline.</h1> -->
        <!--                         <p>Some representative placeholder content for the first slide of the carousel.</p> -->
        <!--                         <p><a class="btn btn-lg btn-primary" href="#">Sign up today</a></p> -->
        <!--                     </div> -->
        <!--                 </div> -->
        <!--             </div> -->
        <!--             <div class="carousel-item"> -->
        <!--                 <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
        <!--                      aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
        <!--                     <rect width="100%" height="100%" fill="#777" /> -->
        <!--                 </svg> -->

        <!--                 <div class="container"> -->
        <!--                     <div class="carousel-caption"> -->
        <!--                         <h1>Another example headline.</h1> -->
        <!--                         <p>Some representative placeholder content for the second slide of the carousel.</p> -->
        <!--                         <p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p> -->
        <!--                     </div> -->
        <!--                 </div> -->
        <!--             </div> -->
        <!--             <div class="carousel-item"> -->
        <!--                 <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
        <!--                      aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
        <!--                     <rect width="100%" height="100%" fill="#777" /> -->
        <!--                 </svg> -->

        <!--                 <div class="container"> -->
        <!--                     <div class="carousel-caption text-end"> -->
        <!--                         <h1>One more for good measure.</h1> -->
        <!--                         <p>Some representative placeholder content for the third slide of this carousel.</p> -->
        <!--                         <p><a class="btn btn-lg btn-primary" href="#">Browse gallery</a></p> -->
        <!--                     </div> -->
        <!--                 </div> -->
        <!--             </div> -->
        <!--         </div> -->
        <!--         <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev"> -->
        <!--             <span class="carousel-control-prev-icon" aria-hidden="true"></span> -->
        <!--             <span class="visually-hidden">Previous</span> -->
        <!--         </button> -->
        <!--         <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next"> -->
        <!--             <span class="carousel-control-next-icon" aria-hidden="true"></span> -->
        <!--             <span class="visually-hidden">Next</span> -->
        <!--         </button> -->
        <!--     </div> -->
        <!-- </div> -->



        <!-- <div class="container"> -->
        <!--     {% block content %}{% endblock %} -->
        <!-- </div> -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
                integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
                crossorigin="anonymous"></script>
    </body>
</html>
