<!DOCTYPE html>
<html lang="en">
<head>
  <base href="http://psptlt.ru/"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    

    <link rel="stylesheet" href="assets/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/owl.theme.default.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">

    <link rel="stylesheet" href="assets/style.css">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link rel="icon" href="assets/img/fav.png" type="image/x-icon">
    
    <title>sitemap - СО АНО «Поспишь потом»</title>
    <script src="https://widgets.donation.ru/wloader/0c23199e-349d-47f6-b6fb-b1b5cb66e00e/wloader.js" async></script>
</head>
<body>
<header>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="index"><img class="logo_navbar" src="assets/img/logo.png" width="90" alt=""></a> 
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
        </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
      <li class="nav-item">
        <a class="nav-link active" aria-current="page" href="index">Главная</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" aria-current="page" href="about-us">О нас</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" aria-current="page" href="events">События</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" aria-current="page" href="documents">Документы</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" aria-current="page" href="reports">Отчеты</a>
      </li>

      <li class="nav-item">
        <a class="nav-link" aria-current="page" href="contacts">Контакты</a>
      </li>
    </ul>

          <form class="d-flex">
            <button class="btn btn-outline-success shapka_but" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal">Поддержать</button>
          </form>

        </div>
      </div>
  </nav>
  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Сумма пожертвования</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
          </div>
          <div class="modal-body">
              <mixplat-form id='aaf27d4e-2cda-4b0f-995d-582136467a01' data-type='mixplat-form'></mixplat-form>
          </div>
      </div>
  </div>
</div>
<script>
  document.querySelectorAll('input[name="help"]').forEach((elem) => {
      elem.addEventListener('change', function() {
          var thanksLabel = document.getElementById('thanks_many');
          var thanksText = document.getElementById('thanks');

          if (this.value === "Помогать ежемесячно") {
              thanksLabel.style.display = 'block';
              thanksText.style.display = 'none'; 
          } else {
              thanksLabel.style.display = 'none'; 
              thanksText.style.display = 'block'; 
          }
      });
  });
</script>
</header>


<section class="main">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center welcome">
        <h2>Добро пожаловать на сайт СО АНО «Поспишь потом»!</h2>
      </div>
    </div>
    <div class="row align-items-center block_main">
      <div class="col-md-6 main_text">
        <p>Мы — некоммерческая организация, которая помогает маломобильным людям развивать ответственность за свою жизнь и становиться более самостоятельными.</p>
        <p>Наши проекты направлены на создание инклюзивного общества, где каждый может чувствовать себя полноценным членом. Одним из ключевых направлений нашей работы является футбол на электроколясках — уникальный адаптивный вид спорта, который объединяет, вдохновляет и помогает двигаться вперед.</p>
        <form class="d-flex">
          <button class="btn btn-outline-success main_but" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal">Поддержать нас</button>
        </form>
      </div>
      <div class="col-md-6 main_carusel">
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="assets/img/mainmain/DlcN2zxwhxw.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/HOMfFDAJppE.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/mmsIgrh7ABc.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/OS7KHs0Cd0M.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/Q79yvmC4B3Y.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/QWq3mo-tR5o.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/sZcqqDgIOLU.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/u9XBwwNInlI.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/wspNYaIBnpQ.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
              <img src="assets/img/mainmain/WVaeD4szhto.jpg" style="height:410px; object-fit: cover;" class="d-block w-100" alt="...">
            </div>
          </div>
          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleSlidesOnly" 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="#carouselExampleSlidesOnly" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</section>


<section>
  <div class="container donate">
    <h2>Поддержать</h2>
    <p>Футбол на электроколясках помогает маломобильным людям стать увереннее и сильнее. Чтобы продолжать тренировки, нашей команде нужны специализированные электроколяски Caterwil.</p>
    <p>Ваше пожертвование поможет нам не только приобрести это оборудование, но и продолжить популяризацию адаптивного спорта.<br> Спасибо за вашу поддержку! <a href="assets/doci/draft-offer-nko.pdf" target="_blank"> Оферта жертвователя</a></p>
  </div>

  <mixplat-form id='aaf27d4e-2cda-4b0f-995d-582136467a01' data-type='mixplat-form'></mixplat-form>

</div>
</div>
</div>
</div>
</section>

<footer class="text-black text-center text-lg-start bg-black">
    <div class="container footer">
      <div class="row">
        <div class="col-6">
          <h5 class="text-uppercase mb-4 footer_info">Инфо</h5>
          <p>
            Мы готовы и открыты к сотрудничеству с партнерами, которые разделяют наши цели, ценности и принципы.
          </p>
          <p>
            Если у вас есть идеи или предложения, мы будем рады их обсудить. Свяжитесь с нами любым удобным способом!
          </p>

          <div class="mt-4">
            <a type="button" href="https://t.me/psptlt" class="btn btn-floating btn-light btn-lg"><i class="bi bi-telegram"></i></i></a>
            <a type="button" href="https://vk.com/psptlt" class="btn btn-floating btn-light btn-lg"><i class="bi bi-vk"></i></a>
          </div>
        </div>
        
        <div class="col-6">
          <h5 class="text-uppercase mb-4 footer_contacts">Контакты</h5>
          <span class="main_adress">445042, г. Тольятти, ул. Ботаническая, д. 5д, кв. 82.</span>
             
            
              <span class="main_email">pospispotom@gmail.com</span>
             
            
              <span class="main_phone">+7 (995) 131-06-66</span><br>
             
            <span>СО АНО "ПОСПИШЬ ПОТОМ"<br>
ИНН - 6320079280<br>
ОГРН - 1246300004741</span>
        </div>
    </div>

    <div class="text-center p-3">
      © 2025 Copyright:
      <a class="text-black" href="https://ejoo.ru/">ejoo.ru</a>
    </div>
  </div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
</body>
</html>



