<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="soloq meta tierlist leagueoflegends bestpicks mejorespicks toplane campeones-rotos-top que-juego-top mejor-top guia-top aprender-top como-carrear-como-top">
<meta name="keywords" content="soloq meta tierlist leagueoflegends bestpicks mejorespicks campeonesfuertes soloqabuser campeones-rotos como-ganar-soloq composiciones-lol">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Top - MetaAbuser</title>
<link rel="icon" href="multimedia/logo-meta-abuser-claro.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="estilo.scss">
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<!-- NAVBAR -->
<!-- NAVBAR -->
<nav class="navbar grisesito" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img class="foto" src="multimedia/LOGO META ABUSER.png">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-start">
<a href="index.html" class="navbar-item grisesito">
Home
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link grisesito">
Mejores campeones por línea
</a>
<div class="navbar-dropdown">
<a href="top.html" class="navbar-item">
TOP
</a>
<a href="jg.html" class="navbar-item">
JUNGLA
</a>
<a href="mid.html" class="navbar-item">
MID
</a>
<a href="bot.html" class="navbar-item">
ADC
</a>
<a href="supp.html" class="navbar-item">
SOPORTE
</a>
<hr class="navbar-divider">
<a class="navbar-item">
SINERGIAS
</a>
</div>
<div class="navbar-start">
<a href="coach.html" class="navbar-item grisesito">
Coaching
</a>
</div>
</div>
</div>
</nav>
<!-- BANNER -->
<div>
<img src="multimedia/urgot.jpg" alt="" width="100%">
</div>
<!-- INTRO -->
<div class="intro bordeSolido margenBot container mx-auto w-26 bordeSolido">
<div class="texto"> <!--Bloque-->
<h1 class="texto__titulo">Lista de tiers predictivos de League of Legends para el carril Superior</h1>
<p class="texto__texto">Aquí encontrarás el podio con los tres mejores picks para el carril superior, además de links directos a la sección específica del campeón en probuilds.com</p>
</div>
</div>
<!-- PODIO TOP -->
<div id=podioTop class="row row-cols-1 row-cols-md-4 g-1 centrado centrar margenBot bordeSolido pad20 mar40">
<div class="col row-cols-md-">
<div class="card h-100">
<img src="multimedia/shen.jpg" class="card-img-top zoom" alt="...">
<div class="card-body gold">
<h5 class="card-title colorNegroT">Shen </h5>
</div>
<div class="card-footer">
<a href="https://www.probuilds.net/champions/details/86"> <small class="text-muted">Ver runas en Probuilds</small></a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="multimedia/garen.jpg" class="card-img-top zoom" alt="...">
<div class="card-body silver">
<h5 class="card-title colorNegroT">Garen</h5>
</div>
<div class="card-footer">
<a href="https://www.probuilds.net/champions/details/98"> <small class="text-muted">Ver runas en Probuilds</small></a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="multimedia/sett.jpg" class="card-img-top zoom" alt="...">
<div class="card-body bronce">
<h5 class="card-title colorNegroT">Sett</h5>
</div>
<div class="card-footer">
<a href="https://www.probuilds.net/champions/details/875"> <small class="text-muted">Ver runas en Probuilds</small></a>
</div>
</div>
</div>
</div>
<!-- INTRODUCCION CAMPEON DESTACADO -->
<div class="intro bordeSolido margenBot container mx-auto w-26 bordeSolido">
<div class="texto"> <!--Bloque-->
<h2 class="texto__titulo">Campeón destacado: Shen</h2>
<ul class="texto__texto">
<li>Shen hace un gran trabajo impactando el mapa gracias a su definitiva global que acaba de ser potenciada para escalar con vida máxima adicional, lo que significa que será más fuerte en las etapas tardías del juego.</li>
<li>La definitiva de Shen no es la única fortaleza del campeón. Es un carrilero muy sólido, siendo capaz de manejar enfrentamientos cuerpo a cuerpo de una forma muy cómoda debido a su capacidad para bloquear auto-ataques.</li>
<li>Los emparejamientos a distancia pueden ser más complicados, pero Shen puede castigar a los enemigos que abusan de su rango creando oportunidades de emboscada con la provocación de su E.</li>
</ul>
<br>
<p class="texto__texto"></p>
</div>
</div>
<!-- RUNAS Y BUILD DE CAMPEON -->
<section class="runasybuild centrar">
<img class="centrar" src="multimedia/shennnn.png" alt="">
<img class="centrar" src="" alt="">
</section>
<!-- INTRODUCCION A VIDEO -->
<div class="intro bordeSolido margenBot container mx-auto w-26 bordeSolido">
<div class="texto"> <!--Bloque-->
<h3 class="texto__titulo"> Video informativo y didáctico </h3>
<p class="texto__texto">¡A continuación verás un video didactico altamente recomendado para poder aprender a jugar el campeon que recomendamos y cansarte de ganar partidas en soloQ!</p>
</div>
</div>
<!-- VIDEO COMPLEMENTARIO -->
<p class="experto pad20 centrar margenBot">
<iframe width="50%" height="540" src="https://www.youtube.com/embed/3QnRCouW9qg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture centrar" allowfullscreen></iframe>
</p>
<footer> <!--Bloque-->
<div class="centrar">
<div class="container">
<div id="grideano" class="row">
<div class="primerColumna">
<div class="col-9">
<p class="pad20 centrar"><br> Esta página web fue creada para ayudar a los jugadores de habla hispana a subir de liga en League of Legends, por Fernando Aveledo.</p>
<p class=""> Unite a nuestro discord: <br> <a href="#"><img class="discord" src="multimedia/discord.png" alt="link al discord" width="10%" height="10%"> <br></a></p>
<p> Mantenete enterado: <br>
<a href="#"><img class="redes" src="multimedia/instagram.png" alt="link al discord" width="10%" height="10%"> </a>
<a href="#"><img class="redes" src="multimedia/facebook (1).png" alt="link al discord" width="10%" height="10%"> </a>
<a href="#"><img class="redes" src="multimedia/youtube.png" alt="link al discord" width="10%" height="10%"> </a>
</p>
<p class="centrar">
<img class="centrado" src="multimedia/LOGO META ABUSER.png" alt="" height="33%" width="33%"></p>
</div>
</div>
<div class="segundaColumna"> <!-- top -->
<div class="col espaciado">
<h4 class="fTitulos">TOP</h4>
<p class="pad20"><a href="#">Inicio </a></p>
<p class="pad20"><a href="top.html">Podio </a></p>
<p class="pad20"><a href="#">Mejor campeón </a></p>
<p class="pad20"><a href="#">Video informativo </a></p>
</div>
<!-- jg -->
<div class="col espaciado">
<h4 class="fTitulos">JUNGLA</h4>
<p class="pad20"><a href="#">Inicio </a></p>
<p class="pad20"><a href="#">Podio </a></p>
<p class="pad20"><a href="#">Mejor campeón </a></p>
<p class="pad20"><a href="#">Video informativo </a></p>
</div>
<!-- mid -->
<div class="col espaciado">
<h4 class="fTitulos">MID</h4>
<p class="pad20"><a href="#">Inicio </a></p>
<p class="pad20"><a href="#">Podio </a></p>
<p class="pad20"><a href="#">Mejor campeón </a></p>
<p class="pad20"><a href="#">Video informativo </a></p>
</div>
<!-- adc -->
<div class="col espaciado">
<h4 class="fTitulos">ADC</h4>
<p class="pad20"><a href="#">Inicio </a></p>
<p class="pad20"><a href="#">Podio </a></p>
<p class="pad20"><a href="#">Mejor campeón </a></p>
<p class="pad20"><a href="#">Video informativo </a></p>
</div>
<!-- supp -->
<div class="col espaciado">
<h4 class="fTitulos">SUPPORT</h4>
<p class="pad20"><a href="#">Inicio </a></p>
<p class="pad20"><a href="#">Podio </a></p>
<p class="pad20"><a href="#">Mejor campeón </a></p>
<p class="pad20"><a href="#">Video informativo </a></p>
</div></div>
</div>
</div>
</div>
</footer>
<!--JS-->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</body>
</html>