| <!doctype html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="utf-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
| <meta name="description" content="">
|
| <meta name="author" content="">
|
| <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
|
|
|
| <title>Carousel Template for Bootstrap</title>
|
|
|
| <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/carousel/">
|
|
|
|
|
| <link href="../css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
| <link href="../css/carousel.css" rel="stylesheet">
|
| <style>
|
| .first-slide {
|
| max-width: 100%;
|
| height: auto;
|
| }
|
| .carousel-item video.first-slide {
|
| width: 100%;
|
| height: auto;
|
| max-height: 600px;
|
| object-fit: cover;
|
| }
|
|
|
| .stat-icon {
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| gap: 4px;
|
| color: #555;
|
| }
|
| .stat-icon span {
|
| font-size: 13px;
|
| font-weight: 600;
|
| color: #333;
|
| }
|
| </style>
|
|
|
| </head>
|
| <body>
|
|
|
| <header>
|
| <nav style="background-color: #232323 !important" class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
| <button style="background-color: #232323 !important" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
| <span class="navbar-toggler-icon"></span>
|
| </button>
|
| <div class="collapse navbar-collapse" id="navbarCollapse" style="background-color: #232323 !important">
|
| <ul class="navbar-nav mr-auto">
|
| <li class="nav-item active">
|
| <a class="nav-link" href="/">HOME <span class="sr-only">(current)</span></a>
|
| </li>
|
| <li class="nav-item active">
|
| <a class="nav-link" href="/tarot">FORTUNA <span class="sr-only">(current)</span></a>
|
| </li>
|
| <li class="nav-item active">
|
| <a class="nav-link" href="/tienda">TIENDA <span class="sr-only">(current)</span></a>
|
| </li>
|
| <li class="nav-item active">
|
| <a class="nav-link" href="/reglas">REGLAS <span class="sr-only">(current)</span></a>
|
| </li>
|
|
|
| </ul>
|
|
|
|
|
| <a class="navbar-brand ml-auto" href="#">
|
| <img src="../assets/images/LogoPokeZ.png" alt="Logo" width="75" height="55" class="d-inline-block align-top">
|
| </a>
|
|
|
| </div>
|
| </nav>
|
| </header>
|
|
|
| <main role="main">
|
|
|
| <div id="myCarousel" class="carousel slide" data-ride="carousel">
|
| <div class="carousel-inner">
|
| <div class="carousel-item active">
|
| <video
|
| class="first-slide d-block w-100"
|
| autoplay
|
| muted
|
| loop
|
| playsinline>
|
| <source src="../assets/images/TeamLocke.mp4" type="video/mp4">
|
| Tu navegador no soporta videos HTML5.
|
| </video>
|
| <div class="container">
|
| |
| |
| |
| |
| |
| |
|
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
|
|
| |
|
|
|
|
|
|
| <div class="container marketing">
|
|
|
|
|
|
|
| <div class="row">
|
| <div class="col-lg-4">
|
| <img class="rounded-circle" src="../assets/images/5.png" alt="Generic placeholder image" width="140" height="140">
|
| <h2>TEAM HIERVA</h2>
|
|
|
| <div class="d-flex justify-content-center flex-wrap mt-3" style="gap: 20px;">
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <line x1="9" y1="9" x2="15" y2="15"/><line x1="15" y1="9" x2="9" y2="15"/>
|
| </svg>
|
| <span>12</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
|
| <polyline points="12 8 12 13" stroke-width="2"/><line x1="12" y1="16" x2="12" y2="16" stroke-width="3"/>
|
| </svg>
|
| <span>8</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| </svg>
|
| <span>35</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| <path d="M17 1l3 3-3 3"/>
|
| </svg>
|
| <span>10</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="15" r="6"/>
|
| <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-3.92-8.08-6.82-15.6-6.27"/>
|
| </svg>
|
| <span>5</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <path d="M12 6v2m0 8v2M9 10h4a2 2 0 0 1 0 4H9v-4z"/>
|
| <line x1="9" y1="14" x2="15" y2="14"/>
|
| </svg>
|
| <span>200</span>
|
| </div>
|
| </div>
|
| <hr class="my-5" style="border-top: 1px solid rgba(0,0,0,0.1);">
|
|
|
| <div class="row justify-content-center text-center g-4">
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 1"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Primer Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 2"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Segundo Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto" style="padding-top: 10px">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 3"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Tercer Evento
|
| </p>
|
| </div>
|
|
|
| </div>
|
| </div>
|
|
|
| <div class="col-lg-4">
|
| <img class="rounded-circle" src="../assets/images/6.png" alt="Generic placeholder image" width="140" height="140">
|
| <h2>TEAM CANDELA</h2>
|
|
|
| <div class="d-flex justify-content-center flex-wrap mt-3" style="gap: 20px;">
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <line x1="9" y1="9" x2="15" y2="15"/><line x1="15" y1="9" x2="9" y2="15"/>
|
| </svg>
|
| <span>12</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
|
| <polyline points="12 8 12 13" stroke-width="2"/><line x1="12" y1="16" x2="12" y2="16" stroke-width="3"/>
|
| </svg>
|
| <span>8</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| </svg>
|
| <span>35</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| <path d="M17 1l3 3-3 3"/>
|
| </svg>
|
| <span>10</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="15" r="6"/>
|
| <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-3.92-8.08-6.82-15.6-6.27"/>
|
| </svg>
|
| <span>5</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <path d="M12 6v2m0 8v2M9 10h4a2 2 0 0 1 0 4H9v-4z"/>
|
| <line x1="9" y1="14" x2="15" y2="14"/>
|
| </svg>
|
| <span>200</span>
|
| </div>
|
| </div>
|
| <hr class="my-5" style="border-top: 1px solid rgba(0,0,0,0.1);">
|
|
|
| <div class="row justify-content-center text-center g-4">
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 1"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Primer Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 2"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Segundo Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto" style="padding-top: 10px">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 3"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Tercer Evento
|
| </p>
|
| </div>
|
|
|
| </div>
|
| </div>
|
|
|
| <div class="col-lg-4">
|
| <img class="rounded-circle" src="../assets/images/7.png" alt="Generic placeholder image" width="140" height="140">
|
| <h2>TEAM GATORE</h2>
|
|
|
| <div class="d-flex justify-content-center flex-wrap mt-3" style="gap: 20px;">
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <line x1="9" y1="9" x2="15" y2="15"/><line x1="15" y1="9" x2="9" y2="15"/>
|
| </svg>
|
| <span>12</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
|
| <polyline points="12 8 12 13" stroke-width="2"/><line x1="12" y1="16" x2="12" y2="16" stroke-width="3"/>
|
| </svg>
|
| <span>8</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| </svg>
|
| <span>35</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <rect x="4" y="3" width="11" height="15" rx="2"/>
|
| <rect x="7" y="6" width="11" height="15" rx="2"/>
|
| <path d="M17 1l3 3-3 3"/>
|
| </svg>
|
| <span>10</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="15" r="6"/>
|
| <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-3.92-8.08-6.82-15.6-6.27"/>
|
| </svg>
|
| <span>5</span>
|
| </div>
|
|
|
|
|
| <div class="stat-icon">
|
| <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
| <circle cx="12" cy="12" r="10"/>
|
| <path d="M12 6v2m0 8v2M9 10h4a2 2 0 0 1 0 4H9v-4z"/>
|
| <line x1="9" y1="14" x2="15" y2="14"/>
|
| </svg>
|
| <span>200</span>
|
| </div>
|
| </div>
|
| <hr class="my-5" style="border-top: 1px solid rgba(0,0,0,0.1);">
|
|
|
| <div class="row justify-content-center text-center g-4">
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 1"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Primer Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 2"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Segundo Evento
|
| </p>
|
| </div>
|
|
|
|
|
| <div class="col-auto" style="padding-top: 10px">
|
| <img src="../assets/images/MedallaHolder.png" alt="Medalla 3"
|
| width="120" height="120"
|
| style="object-fit: contain;">
|
| <p class="small text-muted mt-2" style="max-width: 140px; margin: 0 auto;">
|
| Tercer Evento
|
| </p>
|
| </div>
|
|
|
| </div>
|
| </div>
|
| </div>
|
|
|
|
|
|
|
|
|
|
|
| <hr class="featurette-divider">
|
|
|
|
|
|
|
|
|
| </div>
|
|
|
|
|
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| </main>
|
|
|
| |
|
|
|
|
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
| <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
|
| <script src="../../assets/js/vendor/popper.min.js"></script>
|
| <script src="../../dist/js/bootstrap.min.js"></script>
|
|
|
| <script src="../../assets/js/vendor/holder.min.js"></script>
|
| </body>
|
| </html>
|
|
|
