



<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title></title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/main.css">
    <script src="/static/jquery/jquery-2.2.4.min.js"></script>





<script src="/static/jquery/jquery-2.2.4.min.js"></script>
<script src="/static/jquery.waypoints.min.js"></script>
<script src="/static/infinite.min.js"></script>
    



</head>
<body class="pt-1">
<div class="container">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            
<ul class="navbar-nav mr-auto">
    
        <li class="nav-item ">
            <a href="/" class="nav-link active ">
                Начало
            </a>
            
        </li>
    
        <li class="nav-item ">
            <a href="/share/" class="nav-link  ">
                Снипеты
            </a>
            
        </li>
    
        <li class="nav-item ">
            <a href="/en/" class="nav-link  ">
                English
            </a>
            
        </li>
    
</ul>

        </div>

        
            <form action="/i18n/setlang/" method="post" class="form-inline my-2 my-lg-0">
            <input type="hidden" name="csrfmiddlewaretoken" value="8Scp3XOsdqphX6q4CX3UT0fwSSx2nog89D7yZTDzqBRugAgp5MbtTKYOzeaGHbwe">
            <div class="form-group">
                <select name="language" class="form-control" onchange="this.form.submit()">
                <option>Language</option>
                
                <option value="en"

                    >English
                </option>
                
                <option value="ru"

                    >Русский
                </option>
                
                </select>
            </div>
            </form>
        

        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
        </form>
    </nav>

    

    


    
    
    <div class="row">
        <div class="col-auto">

        <div class="card-columns infinite-container">
        
        </div>

        </div>
    </div>

  

  <div class="loading" style="display: none;">
    Loading...
  </div>

  <script>
    var infinite = new Waypoint.Infinite({
      element: $('.infinite-container')[0],
      onBeforePageLoad: function () {
        $('.loading').show();
      },
      onAfterPageLoad: function ($items) {
        $('.loading').hide();
      }
    });
  </script>






<div class="row">
    <div class="col-12">
        The end
    </div>
</div>

</div>



<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
