<!DOCTYPE html>
<html>



<head>

 <meta charset="utf-8" />
 <title>XXXIX EICON</title>
 <meta content="width=device-width, initial-scale=1.0" name="viewport">
 <meta content="" name="keywords">
 <meta content="" name="description">
 <link href="img/logoevento.jpg" rel="icon">
 <link href="https://fonts.googleapis.com" rel="preconnect">
 <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
 <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&amp;family=Nunito:wght@600;700;800&amp;display=swap" rel="stylesheet">
 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
 <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
 <link href="lib/animate/animate.min.css" rel="stylesheet">
 <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
 <link href="css/bootstrap.min.css" rel="stylesheet">
 <link href="css/style.css" rel="stylesheet">
 <link href="css/lgpd.css" rel="stylesheet">

</head>

<body>



<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
 <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
  <span class="sr-only">Loading...</span> </div>
</div>

<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0">
 <a class="navbar-brand d-flex align-items-center px-4 px-lg-5" href="index.asp">
 <img alt="" class="img-fluid" src="img/logo0.png"> </a>
 <button class="navbar-toggler me-4" data-bs-target="#navbarCollapse" data-bs-toggle="collapse" type="button">
 <span class="navbar-toggler-icon"></span></button>
 <div id="navbarCollapse" class="collapse navbar-collapse">
  <div class="navbar-nav ms-auto p-4 p-lg-0">
   <a class="nav-item nav-link" href="index.asp?#sobre"><strong>Sobre</strong></a>
   <a class="nav-item nav-link" href="regulamento.asp?"><strong>Regulamento</strong></a>
   <a class="nav-item nav-link" href="index.asp?#programacao"><strong>Programação</strong></a>
   <a class="nav-item nav-link" href="index.asp?#modalidades"><strong>Modalidades</strong></a>
   <a class="nav-item nav-link" href="index.asp?#noticias"><strong>Notícias</strong></a>

   <div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">
    <strong>Fotos</strong></a>
    <div class="dropdown-menu fade-up m-0">
     <a class="dropdown-item" href="fotosab.asp?">ABERTURA</a>
     <a class="dropdown-item" href="fotosal.asp?">ALMOÇO</a>
     <a class="dropdown-item" href="fotosmo.asp?">MODALIDADES</a>
     <a class="dropdown-item" href="fotosja.asp?">JANTAR</a>
    </div>
   </div>

   <div class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#">
    <strong>Edições Anteriores</strong></a>
    <div class="dropdown-menu fade-down m-0">
     
     <a class="dropdown-item" target="_blank" href="mudaed.asp?6">XXXIX EICON</a>
     
     <a class="dropdown-item" target="_blank" href="mudaed.asp?5">XXXVIII EICON</a>
     
     <a class="dropdown-item" target="_blank" href="mudaed.asp?3">XXXVII EICON</a>
     
     <a class="dropdown-item" target="_blank" href="mudaed.asp?1">XXXVI EICON</a>
     
     <a class="dropdown-item" target="_blank" href="edicoesanteriores/eicon35">XXXV EICON</a>
     <a class="dropdown-item" target="_blank" href="edicoesanteriores/eicon34">XXXIV EICON</a>
     <a class="dropdown-item" target="_blank" href="edicoesanteriores/eicon33">XXXIII EICON</a>
     <a class="dropdown-item" target="_blank" href="edicoesanteriores/eicon32">XXXII EICON</a>
     <a class="dropdown-item" target="_blank" href="edicoesanteriores/eicon31">XXXI EICON</a>
    </div>

   </div>
  </div>
  <a class="btn btn-primary py-4 px-lg-5 d-lg-block" target="_blank" href="inscricoes.asp">
  <strong>INSCRIÇÕES</strong><i class="fa fa-arrow-right ms-3"></i></a>
 </div>
</nav>

<div class="container-fluid p-0 mb-5">
 <div class="owl-carousel header-carousel position-relative">

  <div class="owl-carousel-item position-relative">
   <img alt="" src="img/6_site1.jpg">
   <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center">
    <div class="container">
     <div class="row justify-content-start">
      <div class="col-sm-10 col-lg-8">
       <h5 class="text-primary text-uppercase mb-3 animated slideInDown">&nbsp;</h5>
       <h1 class="display-3 text-white animated slideInDown">&nbsp;</h1>
       <p class="fs-5 text-white mb-4 pb-2">&nbsp;</p>
      </div>
     </div>
    </div>
   </div>
  </div>
  
  <div class="owl-carousel-item position-relative">
   <img alt="" class="img-fluid" src="img/6_site2.jpg">
   <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center">
    <div class="container">
     <div class="row justify-content-start">
      <div class="col-sm-10 col-lg-8">
       <h5 class="text-primary text-uppercase mb-3 animated slideInDown">&nbsp;</h5>
       <h1 class="display-3 text-white animated slideInDown">&nbsp;</h1>
       <p class="fs-5 text-white mb-4 pb-2">&nbsp;</p>
      </div>
     </div>
    </div>
   </div>
  </div>

 </div>
</div>

<div class="container-xxl py-5" id="sobre">
 <div class="container">
  <div class="row g-5">
   <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.1s" style="min-height: 400px;">
    <div class="position-relative h-100">
     <img alt="" class="img-fluid position-absolute w-10 h-10" src="img/logoevento.jpg" style="object-fit: cover;">
    </div>
   </div>
   
  </div>
 </div>
</div>

<div class="container-xxl py-5" id="programacao">
</div>

<div class="container-xxl py-2 wow fadeInUp" data-wow-delay="0.1s" id="programacao2">
 <div class="container">
  <div class="text-center">
   <h6 class="section-title bg-white text-center text-primary px-3">Confira a programação do XXXIX EICON!</h6>
  </div>
  <br>
  <div class="owl-carousel testimonial-carousel position-relative">
   
  </div>
 </div>
</div>

<div class="container-xxl py-5" id="modalidades">
</div>

<div class="container-xxl py-5" id="modalidades2">
 <div class="container">
  <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
   <h6 class="section-title bg-white text-center text-primary px-3">MODALIDADES</h6>
   <h1></h1>
  </div>
  <div class="row g-4">
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?27">
      <img alt="" class="img-fluid" src="img/bocha25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Bocha</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?28">
      <img alt="" class="img-fluid" src="img/bolao25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Bolão</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?29">
      <img alt="" class="img-fluid" src="img/canastra25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Canastra</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?30">
      <img alt="" class="img-fluid" src="img/futebolsociety25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Futebol Society</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?31">
      <img alt="" class="img-fluid" src="img/futsal25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Futsal</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?35">
      <img alt="" class="img-fluid" src="img/" width="50%"><br />&nbsp;
      <h5 class="mb-3">Novo 1</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?36">
      <img alt="" class="img-fluid" src="img/" width="50%"><br />&nbsp;
      <h5 class="mb-3">Novo 2</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?34">
      <img alt="" class="img-fluid" src="img/rustica25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Rústica</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?33">
      <img alt="" class="img-fluid" src="img/voleiareia25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Vôlei Areia (feminino e masculino)</h5></a>
     </div>
    </div>
   </div>
   
   <div class="col-lg-3 col-sm-6 col-md-3 wow fadeInUp" data-wow-delay="0.1s">
    <div class="service-item text-center pt-3">
     <div class="p-4"><a href="modalidades.asp?32">
      <img alt="" class="img-fluid" src="img/voleiquadra25.png" width="50%"><br />&nbsp;
      <h5 class="mb-3">Vôlei Quadra (feminino e masculino)</h5></a>
     </div>
    </div>
   </div>
   
  </div>
 </div>
</div>

<div class="container-xxl py-5" id="noticias">
</div>

<div class="container-xxl py-1" id="noticias2">
 <div class="container">
  <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
   <h6 class="section-title bg-white text-center text-primary px-3">NOTICIAS</h6>
  </div>
  <br>
  <div class="row g-4 justify-content-center">
   
  </div>
 </div>
</div>

<br><br>



<div class="container-fluid p-0 mb-5">
 <div class="row">
  <img alt="" src="img/6_rodape.jpg" width="100%">
 </div>
</div>

<div class="container-fluid text-light footer pt-3 mt-5 wow fadeIn" data-wow-delay="0.1s" style="background-color: #3262ac">
 <div class="container">
  <div class="copyright">
   <div class="row">
    <div class="col-md-8 text-center text-md-start mb-3 mb-md-0"><a href="tel:+555130611557">
     <i class="fa fa-phone me-1"></i>(51) 3061-1557&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <a target="_blank" href="http://wa.me/5551996644607"><img src="img/wl.png" height="15" width="15"> (51) 99664-4607</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
     <a href="mailto:contato@eiconrs.com.br"><i class="fa fa-envelope me-1"></i>contato@eiconrs.com.br</a>
    </div>
    <div class="col-md-4 text-center text-md-end"><a href="#">&copy; 2022 - EICON RS - Criação <a href="#">Be House Showork</a>
    </div>
   </div>
  </div>
 </div>
</div>

<a class="btn btn-lg btn-primary btn-lg-square back-to-top" href="#">
<i class="bi bi-arrow-up"></i></a>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="js/main.js"></script>

<div id="cookieBanner" class="cookie-banner">
 <p>Nós usamos cookies para melhorar sua experiência em nosso site. Ao continuar 
 navegando, você concorda com o uso de cookies conforme nossa
 <a href="#">Política de Privacidade</a> 
 e <a href="#" >Política de Cookies</a>. </p>
 <div class="cookie-buttons">
  <button class="btn-accept" onclick="acceptCookies()">Aceitar</button>
  <button class="btn-reject" onclick="rejectCookies()">Rejeitar</button></div>
</div>

<script>
// Verifica se o usuário já fez uma escolha anteriormente
window.onload = function() {
if (localStorage.getItem('cookiesConsent')) {
document.getElementById('cookieBanner').classList.add('hidden'); }};
// Função para aceitar cookies
function acceptCookies() {
localStorage.setItem('cookiesConsent', 'accepted');
document.getElementById('cookieBanner').classList.add('hidden');
console.log('Cookies aceitos'); }
// Função para rejeitar cookies
function rejectCookies() {
localStorage.setItem('cookiesConsent', 'rejected');
document.getElementById('cookieBanner').classList.add('hidden');
console.log('Cookies rejeitados'); }
</script>

</body>



</html>