
<!DOCTYPE html>
<html lang="ru">
<head>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-36942F4VZ4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-36942F4VZ4');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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=Vollkorn&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&display=swap" rel="stylesheet">

<title>Document</title>

<style>
  body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #e7d1a8;
  }
  .h2 {
    font-family: Vollkorn, serif;
    font-size: 30px; 
    margin-top: 0px;   
    margin-bottom: 5px;
  }
  .h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    margin-top: 0px;     
    color: blue;
    margin-bottom: 5px;
  }
  .contenedor {
    width: 90%;
    margin: auto;
    border: 0px solid blue;
    padding: 5px;
  }
  .recuadro1 {
    margin: 5px 0;
    background: #d1f2fd;
    border-radius: 10px;
    border: 0px solid black;
    text-align: center;
    font-family: 'Vollkorn', serif;
    font-size: 15px;
  }
  .recuadro2 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    border-radius: 10px;
    padding: 10px;
  }
  .fuente-2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    margin-top: 0px; 
  }
  .recuadro3 {
    margin: 5px 0;
    background-color: white;
    border: 0px solid black;
  }
  .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
    height: 0;
  }
  .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .recuadro4 {
    margin: 5px 0;
    background: #d1f2fd;
    border: 0px solid black;
    text-align: center;
    border-radius: 10px;
  }
  .fuente-4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; 
    margin-top: 0px; 
  }
  .recuadro5 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    padding: 10px;
  }
  .fuente-5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    margin-top: 0px; 
  }
  .recuadro6 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro7 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-7 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro8 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro9 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro10 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro11 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-11 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro12{
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro13 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-13 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro14 { /*No hay fuente 14 porque uso h3 */
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .recuadro15 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-15 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro16 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-16 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro17 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-17 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro18 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-18 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro19 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-19 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro20 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-20 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro21 {
    height: 30px; /* Adjust height as necessary */
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
  }
  .fuente-21 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro22 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .fuente-22 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro23 {
    margin: 5px 0;
    background: #d1f2fd;
    border: 0px solid black;
    text-align: center;
    border-radius: 10px;
  }
  }
  .fuente-23 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; 
    margin-top: 0px; 
  }
  .centrar-imagenes {
  display: flex;
  justify-content: center; /* Centra los elementos horizontalmente */
}
  .recuadro24 {
    margin-top: 5px;
    margin-bottom: 0;
    background-color: white;
    border: 0px solid black;
    text-align: left;
    border-radius: 10px;
    padding: 10px;
}
  .fuente-24 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro25 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    border-radius: 10px;
    padding: 10px;
  }
  .fuente-25 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro26 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    word-wrap: break-word; /* Añade esta línea */
    display: flex;
    justify-content: center;
    gap: 20px; /* agrega distancia horizontal entre los elementos*/ 
  }
  .fuente-26 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro27 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
  }
  .fuente-27 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro28 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
    word-wrap: break-word; /* Añade esta línea */
    display: flex;
    justify-content: center;
    gap: 20px; /* agrega distancia horizontal entre los elementos*/ 
  }
  .fuente-28 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro29 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
  }
  .fuente-29 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro30 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
  }
  .fuente-30 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
    margin-bottom: 10px;
  }
  .recuadro31 {
    background-color: white;
    border: 0px solid black;
    text-align: left;
  }
  .fuente-31 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro32 {
    margin: 5px 0;
    background-color: white;
    border: 0px solid black;
    text-align: center;
    border-radius: 10px;
    padding: 10px;
  }
  .fuente-32 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; 
    margin-top: 0px; 
  }
  .recuadro32 {
    background: #d1f2fd;
    border-radius: 10px;
    border: 0px solid black;
    text-align: left;
  }
  .fuente-32 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: normal;
    margin-top: 0px; 
  }
  .recuadro33 {
    margin: 20px 0;
    background-color: white;
    border: 0px solid black;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
  }
  .fuente-33 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; 
    font-weight: bold;
    margin-top: 0px; 
  }
  .recuadro34 { /* -----------------------------------SIN FUENTE PORQUE ES EL FORMULARIO*/
    background-color: white;
    border: 0px solid black;
    text-align: left;
    border-radius: 10px;
  }
</style>
<link rel="stylesheet" href="./menu.css">
</head>
<body>
<!---------------------------------------------MENú------------------------------------------------------------------------------------------->
<header>
  <img class="logo" src="./im/ico1.png" alt="Logo">
  <div class="texto-encabezado">
      <span class="header-text">Мини-уроки</span>
      <span class="header-text">испанского языка</span> 
  </div>
  <button id="abrir" class="abrir-menu"><i class="bi bi-list"></i></button>
      <nav class="nav" id="nav">
          <button class="cerrar-menu" id="cerrar"><i class="bi bi-x"></i></button>
          <ul class="nav-list">
              <li><a href="https://mini-uroki.com/cl/01.html">индивидуальные занятия</a></li>
              <li><a href="https://mini-uroki.com/cl/02.html">разговорный клуб</a></li>
              <li><a href="https://mini-uroki.com/cl/03.html">самостоятельное обучение</a></li>
              <li><a href="https://mini-uroki.com/cl/04.html">бесплатные встречи в Zoom</a></li>
          </ul>
      </nav>
  </header>
  
  
  
<!------FIN DEL MENÚ----------------------------------------------------------------------------------------------------------------------------> 
<div class="contenedor">
  <div class="recuadro1"><h2 class="h2">индивидуальные занятия</h2></div>
  <div class="recuadro2">
    <p class="fuente-2"><strong>Говоря с Вами по-русски</strong>, я помогу Вам понять грамматику испанского языка. Кроме того, мои занятия разработаны так, чтобы соответствовать Вашим личным интересам. Вы любите баскетбол? Мы изучим язык через ваш любимый вид спорта. Увлечены путешествиями? Мы откроем для себя испанский, изучая культуру и традиции различных стран. Так как я, безусловно, не являюсь экспертом во всех областях, наши занятия будут совместным опытом: пока я буду обучать Вас испанскому, Вы познакомите меня со своими увлечениями. Таким образом, я разработаю тексты и материалы, которые, будучи адаптированными к Вашему уровню испанского (A1, A2 и т.д.), позволят Вам в полной мере наслаждаться изучением языка в гармонии с Вашими интересами.</p>
  </div>
  <div class="recuadro3">
    <div class="video-container">
      <iframe src="https://www.youtube.com/embed/ngVNBL0-Lvo?si=F1lEFoRsrEDycZLm" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
    </div>
  </div>
  
  <div class="recuadro4"><h2 class="h2">форматы</h2></div>  
  <div class="recuadro5"><h3 class="h3">Общий испанский</h3></div>
  <div class="recuadro6"><p class="fuente-6">Цель занятий:</p></div>
  <div class="recuadro7"><p class="fuente-7">Занятия общим испанским включают в себя изучение всех аспектов испанского языка в соответствии с Вашим уровнем (и Вашими интересами, как я упоминал в предыдущем разделе): мы занимаемся фонетикой (учимся правильно произносить звуки, интонировать), лексикой (изучаем новые слова и выражения), грамматикой (учимся строить словосочетания, предложения, тексты); мы читаем, слушаем, говорим, пишем.</p><p class="fuente-8">Для кого:</p><p class="fuente-9">Занятия общим испанским подходят для всех уровней.</p><p class="fuente-10">Перед занятиями:</p><p class="fuente-11">Перед первым занятием мы созваниваемся, чтобы познакомиться, и чтобы я определил Ваш уровень знания испанского языка и предложил план занятий. Это займёт 15-20 минут.</p><p class="fuente-12">Формат:</p><p class="fuente-13">Занятие общим испанским длится 60 минут.
    После каждого занятия Вы получаете домашнее задание, которое я проверю к нашей следующей встрече.</p></div>
  <div class="recuadro14"><h3 class="h3">Разговорный испанский</h3></div>  
  <div class="recuadro15"><p class="fuente-15">Цель занятий:</p></div>
  <div class="recuadro16"><p class="fuente-16">Разговорные занятия направлены на расширение словарного запаса (вы узнаете много новых слов и выражений) и развитие навыков говорения (на занятии мы разговариваем <strong>только</strong> по-испански).</p></div>
  <div class="recuadro17"><p class="fuente-17">Для кого:</p></div>
  <div class="recuadro18"><p class="fuente-18">Разговорные занятия только для студентов с уровнем испанского языка не ниже А2.</p></div>
  <div class="recuadro19"><p class="fuente-19">Перед занятиями:</p></div>
  <div class="recuadro20"><p class="fuente-20">Перед разговорным занятием Вы получаете домашнее задание: это текст (статья, рассказ и т.п.), выпуск подкаста, видео (например, короткометражный фильм) и упражнения к нему. Вы выполняете домашнее задание и отправляете мне на проверку.</p></div>
  <div class="recuadro21"><p class="fuente-21">Формат:</p></div>
  <div class="recuadro22"><p class="fuente-22">Разговорное занятие длится 45 минут. На нём мы обсуждаем ошибки, а также говорим о том, что Вы прочитали, послушали или посмотрели.</p></div>



  <div class="recuadro23"><h2 class="h2">Стоимость и способы оплаты</h2></div>
  <div class="recuadro25">
    <p class="fuente-25">Цены указаны в долларах США и оплата может быть произведена следующими традиционными способами (1):</p>
    <div class="centrar-imagenes">
      <img src="https://mini-uroki.com/cl/im/icono-visa.png">
      <img src="https://mini-uroki.com/cl/im/icono-paypal.png" width="48" height="48">
    </div>
    <p class="fuente-27">Однако я также принимаю (и предпочитаю) следующие криптовалюты, особенно USDT. (По поводу других криптовалют уточняйте, я открыт для обсуждения вариантов) (2).</p>
    <div class="centrar-imagenes">
      <img src="https://mini-uroki.com/cl/im/crypto-tether.png" width="48" height="48">
      <img src="https://mini-uroki.com/cl/im/crypto-bitcoin.png" width="48" height="48">
      <img src="https://mini-uroki.com/cl/im/crypto-eth.png" width="48" height="48">
    </div>
    <p class="fuente-29">(Думаю, в России можно купить криптовалюту на этом сайте: Gate.io)</p><p class="fuente-31">(1) Иногда Visa взимает комиссию в размере 35 долларов США, которую Вы должны добавить к сумме перед отправкой мне платежа. В противном случае выберите другой способ оплаты.</p><p class="fuente-31">(2) Если Вы решите оплатить криптовалютой, то получите скидку 10% за каждый совершенный Вами платеж.</p>
  </div>
    
  
  
  <div class="recuadro24"><h2 class="h3">Общий испанский</h2><p class="fuente-30">1 занятие: 40 $</p><p class="fuente-30">5 занятий: 190 $</p><p class="fuente-30">10 занятий: 300 $</p></div>
  <div class="recuadro24"><h2 class="h3">Разговорный испанский</h2><p class="fuente-30">1 занятие: 30 $</p><p class="fuente-30">5 занятий: 140 $</p><p class="fuente-30">10 занятий: 250 $</p></div>
  
  <div class="recuadro32"><h2 class="h2">Как записаться на занятие?</h2></div>
  <div class="recuadro2"><p class="fuente-2">Заполните форму внизу и дождитесь моего ответа. В течение 1-2 дней я напишу на указанный Вами адрес электронной почты GMAIL, укажу данные для оплаты, дам необходимую информацию для связи и предложу согласовать время для наших встреч.</p><br>
    <p class="fuente-2">В конце каждой бесплатной субботней встречи я обычно остаюсь на несколько минут, чтобы пообщаться с участниками. Поэтому, если Вы хотите поговорить со мной наедине, прежде чем оплачивать индивидуальные занятия, укажите это в разделе “комментарии” в <a href="http://mini-uroki.com//cl/04.html">форме регистрации на бесплатную встречу</a>, и я буду держать Вас в зале ожидания, пока участники не уйдут. Для этого необходимо присоединиться к видеоконференции в 21:30.</p><br>
    <p class="fuente-32"><strong>Важное</strong></p><p class="fuente-32">Я всегда записываю наши занятия. После каждого урока Вы получите приватную ссылку на видео нашей встречи. В данном контексте "приватный" означает, что Вы не сможете поделиться ссылкой с друзьями: посмотреть видео сможете только Вы. По этой причине Вам необходимо указать адрес электронной почты GMAIL.</p></div>


  <div class="recuadro33"><p class="fuente-33">пожалуйста, перед первым занятием прочитайте</p><p class="fuente-33"><a href="https://mini-uroki.com/documentos/reglas-1.pdf">ПРАВИЛА ПОСЕЩЕНИЯ ЗАНЯТИЙ</a></p></div>
  <div class="recuadro34"><iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeMSU4eVk9MhwgKxHW0QAYwmNNemS9c34_eNpJVFCFxR7om0w/viewform?embedded=true" width="100%" height="300" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe></div>



  
</div>
<script src="http://mini-uroki.com//cl/menu.js"></script>
<script src="./js/main.js"></script>
</body>
</html>
