<?php include 'includes/header.php'; ?>

<main class="container">

  

  <h1>Concurso Solidario</h1>

  <p class="subtitle">
    Participa y apoya a un rider. Toda la info clara y transparente.
  </p>

  <!-- FLYER -->
  <section class="flyer-concurso">
    <img src="img/flyer-rifa.jpg" alt="Rifa a beneficio LoreatuBike">
  </section>

  <!-- VIDEO YOUTUBE RESPONSIVE -->
  <div class="video-responsive">
    <iframe 
      src="https://www.youtube.com/embed/wxdJYjhbkGQ"
      title="YouTube video player"
      frameborder="0"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen>
    </iframe>
  </div>

  <!-- BOTONES COMO CONCURSAR / BASES -->
  <div class="buttons-secondary">
    <a href="como-concursar.php" class="btn secondary azul">Cómo concursar</a>
    <a href="bases.php" class="btn secondary verde">Bases del concurso</a>
  </div>

  <!-- BOTONES REDES -->
  <div class="buttons">
    <a href="https://instagram.com/loreatubike" target="_blank" class="btn ig">Instagram</a>
    <a href="https://tiktok.com/@loreatubike" target="_blank" class="btn tk">TikTok</a>
    <a href="https://youtube.com/@loreatubike" target="_blank" class="btn yt">YouTube</a>
  </div>

</main>

<?php include 'includes/footer.php'; ?>
