API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 5th, 2021
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--  This site was created in Webflow. http://www.webflow.com  -->
  3. <!--  Last Published: Tue May 04 2021 18:19:38 GMT+0000 (Coordinated Universal Time)  -->
  4. <html
  5.  data-wf-page="60867e22dc3fb11bc78ed93a"
  6.  data-wf-site="60867e22dc3fb1b3428ed939"
  7. >
  8.   <head>
  9.     <meta charset="utf-8" />
  10.     <title>tmes</title>
  11.     <meta content="width=device-width, initial-scale=1" name="viewport" />
  12.     <meta content="Webflow" name="generator" />
  13.     <link href="css/normalize.css" rel="stylesheet" type="text/css" />
  14.     <link href="css/webflow.css" rel="stylesheet" type="text/css" />
  15.     <link href="css/tmes.webflow.css" rel="stylesheet" type="text/css" />
  16.     <script
  17.      src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"
  18.      type="text/javascript"
  19.    ></script>
  20.     <script type="text/javascript">
  21.       WebFont.load({
  22.         google: {
  23.           families: [
  24.             "Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic",
  25.           ],
  26.         },
  27.       });
  28.     </script>
  29.     <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  30.     <script type="text/javascript">
  31.       !(function (o, c) {
  32.         var n = c.documentElement,
  33.           t = " w-mod-";
  34.         (n.className += t + "js"),
  35.           ("ontouchstart" in o ||
  36.             (o.DocumentTouch && c instanceof DocumentTouch)) &&
  37.            (n.className += t + "touch");
  38.       })(window, document);
  39.     </script>
  40.     <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  41.     <link href="images/webclip.png" rel="apple-touch-icon" />
  42.   </head>
  43.   <body class="body">
  44.     <script
  45.      src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60867e22dc3fb1b3428ed939"
  46.      type="text/javascript"
  47.      integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  48.      crossorigin="anonymous"
  49.    ></script>
  50.     <script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>
  51.     <script src="js/webflow.js" type="text/javascript"></script>
  52.     <div class="div1">
  53.       <div class="container w-container">
  54.         <div class="heading-div">
  55.           <h1 class="heading-2">TeachMeESports</h1>
  56.         </div>
  57.         <div class="what-is-lol-div">
  58.           <div class="text-block-4">
  59.             League of Legends is a multiplayer online battle arena game, also
  60.             known as a MOBA. It is one of the most popular games of all time and
  61.             currently the biggest esports. In a standard game of League, ten
  62.             players are split into two teams of five and battle it out on a map
  63.             called Summoner’s Rift. Each of these players controls a single
  64.             character, known as champion.
  65.           </div>
  66.         </div>
  67.         <img
  68.          src="images/frame-edited.png"
  69.          loading="lazy"
  70.          width="1464"
  71.          sizes="100vw"
  72.          srcset="
  73.            images/frame-edited-p-500.png   500w,
  74.            images/frame-edited-p-800.png   800w,
  75.            images/frame-edited-p-1080.png 1080w,
  76.            images/frame-edited.png        1517w
  77.          "
  78.          alt=""
  79.          class="border"
  80.        />
  81.         <div class="w-layout-grid grid">
  82.           <a
  83.            data-w-id="a4ce2820-9e95-abed-0878-1a9c85154833"
  84.            href="#"
  85.            class="champions-button w-button"
  86.            >what are champions</a
  87.          >
  88.           <a
  89.            data-w-id="26265d32-940b-14ba-6279-33eb032c8928"
  90.            href="#"
  91.            class="summoners-rift-button w-button"
  92.            >what is summoner&#x27;s rift</a
  93.          >
  94.           <a
  95.            data-w-id="9b257f8f-1efb-a184-955b-2a4b2f727fcb"
  96.            href="stats-and-abilities.html"
  97.            class="stats-button w-button"
  98.            >champions stats, abilities and runes</a
  99.          >
  100.           <a
  101.            id="w-node-bb907767-9da8-4b32-d5fd-ffc7fc6ba853-c78ed93a"
  102.            data-w-id="bb907767-9da8-4b32-d5fd-ffc7fc6ba853"
  103.            href="#"
  104.            class="how-to-win-button how-to-win w-button"
  105.            >how to win</a
  106.          >
  107.           <a
  108.            data-w-id="5402599d-81fa-4ac3-ae59-34e32603ccc6"
  109.            href="roles.html"
  110.            class="roles-button w-button"
  111.            >roles and team compositions</a
  112.          >
  113.           <a
  114.            data-w-id="bb98728a-9d78-5c7b-eada-9bb4cc2bfacf"
  115.            href="runes.html"
  116.            class="summoner-spells-button w-button"
  117.            >summoner spells</a
  118.          >
  119.           <a
  120.            data-w-id="4a5fad96-e97f-0ba0-c0b8-562f0fda8076"
  121.            href="items.html"
  122.            class="items-button w-button"
  123.            >items and the shop</a
  124.          >
  125.           <a
  126.            data-w-id="440cc627-8445-0317-3db6-9699e6345992"
  127.            href="jungle.html"
  128.            class="jungle-button w-button"
  129.            >the jungle and game objectives</a
  130.          >
  131.           <a href="#" class="current-game-button w-button"
  132.            >current game information</a
  133.          >
  134.           <a
  135.            data-w-id="e53791f8-bc40-bf4a-0f15-ac7161192f80"
  136.            href="#"
  137.            class="fog-of-war-button w-button"
  138.            >fog of war and vision</a
  139.          >
  140.         </div>
  141.       </div>
  142.     </div>
  143.     <div
  144.      style="display: none; opacity: 0"
  145.      class="left-side-container w-container"
  146.    >
  147.       <div style="display: none" class="w-layout-grid summoners-rift-grid">
  148.         <img
  149.          src="images/map.PNG"
  150.          loading="lazy"
  151.          id="w-node-_5ee3514a-6892-0577-4207-ad5b6f02ad53-c78ed93a"
  152.          width="1200"
  153.          srcset="images/map-p-500.png 500w, images/map.PNG 717w"
  154.          sizes="100vw"
  155.          alt=""
  156.          class="summoners-rift"
  157.        />
  158.         <div class="summoners-rift-text1">
  159.           This is the standard map that the professionals play on and it’s where
  160.           you’d be if you were trying to climb the ranked ladder. There are
  161.           other maps in League, but for now, we’ll focus on Summoner’s Rift.
  162.           There are two teams of five players: the blue team (base at bottom
  163.           left corner) and the red team (base at the top right corner).Three
  164.           lanes known as top lane, mid lane, and bot lane connect the two bases.
  165.           In all three lanes, there are turrets which will attack enemy
  166.           champions and minions. In between lanes is the Jungle which you can
  167.           learn more about in the jungle and game objectives section.
  168.         </div>
  169.       </div>
  170.       <div style="display: none" class="w-layout-grid how-to-win-grid">
  171.         <img
  172.          src="images/turrets.jpg"
  173.          loading="lazy"
  174.          width="301"
  175.          id="w-node-_8b95e1d2-3b5d-59a9-474c-9f048a75d687-c78ed93a"
  176.          alt=""
  177.          class="turrets"
  178.        />
  179.         <div
  180.          id="w-node-_1d5da506-f2e8-40ae-6c09-6fbd3aa122fc-c78ed93a"
  181.          class="how-to-win-text"
  182.        >
  183.           There are two teams of five players: the blue team (base at bottom
  184.           left corner) and the red team (base at the top right corner).To
  185.           achieve victory, one team has to destroy the opposing team’s Nexus
  186.           (the core of their base). During a match,
  187.           <span class="text-span-2">minions</span> will continually spawn from
  188.           each base’s Nexus and proceed through the three lanes (to learn more
  189.           about the Summoner&#x27;s rift map check the What is Summoner&#x27;s
  190.           rift section).The three lanes are known as top lane, mid lane, and bot
  191.           lane. In all three lanes, there are
  192.           <span class="text-span">turrets</span> that will attack enemy
  193.           champions and minions. Summoners must destroy all turrets in at least
  194.           one lane and then destroy the last two towers that protect the Nexus
  195.           before being able to attack and destroy it, thus winning the game.
  196.         </div>
  197.         <h4 class="turrets-heading">Turrets in League of Legends</h4>
  198.         <img
  199.          src="images/minions.jpg"
  200.          loading="lazy"
  201.          width="302"
  202.          alt=""
  203.          class="minions"
  204.        />
  205.         <h4 class="minions-heading">Minions in League of Legends</h4>
  206.       </div>
  207.       <div style="display: none" class="w-layout-grid summoner-spells-grid">
  208.         <img
  209.          src="images/summ-spells.PNG"
  210.          loading="lazy"
  211.          id="w-node-_8ac545df-ceba-c6ca-986a-9407d81221e4-c78ed93a"
  212.          width="1200"
  213.          alt=""
  214.          class="summoner-spelss"
  215.        />
  216.         <div class="summoners-spells-text">
  217.           Beyond their QWER abilities(to learn more about champion abilities
  218.           check the champion abilities stats and runes section), every summoner
  219.           also must choose two summoner spells for their champion. Summoner
  220.           spells act as two additional abilities with their own purposes and
  221.           cooldowns.<br />They offer flexibility in helping you adapt at champ
  222.           select and allow you to play toward your preferred playstyle. When you
  223.           first start playing, you’ll gradually unlock them over time (check out
  224.           the section at the bottom for more info). In this section, we’ll be
  225.           going over what each one does and why you’d want to take it.<br />‍<br /><span
  226.            class="text-span-3"
  227.            >Click on the summoners spells button to learn more about each
  228.             individual spell.</span
  229.          >
  230.         </div>
  231.       </div>
  232.       <div style="display: none" class="w-layout-grid the-jungle-grid">
  233.         <img
  234.          src="images/Jungle_camps_SR.jpg"
  235.          loading="lazy"
  236.          sizes="100vw"
  237.          id="w-node-_4853d8cb-18c1-6f5b-facb-86d732bbacfd-c78ed93a"
  238.          srcset="
  239.            images/Jungle_camps_SR-p-500.jpeg   500w,
  240.            images/Jungle_camps_SR-p-800.jpeg   800w,
  241.            images/Jungle_camps_SR-p-1080.jpeg 1080w,
  242.            images/Jungle_camps_SR.jpg         1333w
  243.          "
  244.          alt=""
  245.          class="jungle-image"
  246.        />
  247.         <div class="jungle-text">
  248.           In between the lanes, you may notice the river that runs across the
  249.           map as well as large sections of forest areas.<br />These areas are
  250.           crucial because a lot of action occurs here as players move about to
  251.           fight and contest monster camps and objectives.<br />These monster
  252.           camps are neutral and can be slain by any player.<br />Since these
  253.           camps respawn over time, there’s a role in League of Legends
  254.           completely dedicated to collecting these camps and moving throughout
  255.           the jungle Several of these camps also provide additional utility and
  256.           temporary upgrades called “buffs” It’s important for your team to
  257.           secure these buffs to give you the edge over your opponents.<a
  258.            href="https://mobalytics.gg/wp-content/uploads/2018/03/Blue-buff-image.jpg"
  259.            ><strong><br /></strong></a
  260.          >‍<br /><span class="text-span-3"
  261.            >Click on the jungle and game objectives button to learn more about
  262.             each jungle camp and objective.</span
  263.          >
  264.         </div>
  265.       </div>
  266.       <div style="display: none" class="w-layout-grid fog-of-war-grid">
  267.         <img
  268.          src="images/Fog-of-war.jpg"
  269.          loading="lazy"
  270.          id="w-node-be4be5e1-d675-565e-c4ce-4bee8580dba0-c78ed93a"
  271.          width="250"
  272.          alt=""
  273.          class="fog-of-war-image"
  274.        />
  275.         <div
  276.          id="w-node-ad001384-d7ee-0616-26a4-c88b65d65511-c78ed93a"
  277.          class="fow-text"
  278.        >
  279.           In League of Legends, you must make decisions with incomplete
  280.           information. This is because you cannot see everything that is
  281.           happening on the map due to something called the “fog of war”<br />The
  282.           fog of war is shown on the minimap as a darkened area, as shown to the
  283.           left. It conceals enemy movement and you want to be careful not to
  284.           wander through it unless you have company or  a good understanding of
  285.           where your opponents are.<br />Each player and all of their allied
  286.           champions and structures provide vision for the whole team. <br />In
  287.           addition to vision granted from champions and structures each champion
  288.           can use items called wards which grant vision in a certain area. There
  289.           are 3 types of wards- stealth (they cannot be detected by enemies
  290.           unless they use a scanner), farsight wards (seen by enemies but do not
  291.           require the champion to be near the spot they wish to use the ward
  292.           on), and finally control wards (they cost 75 gold and when placed they
  293.           supress the enemy teams stealth and farsight wards until destroyed).
  294.         </div>
  295.         <div class="stealth-ward-div">
  296.           <img
  297.            src="images/Warding_Totem_item.png"
  298.            loading="lazy"
  299.            width="60"
  300.            alt=""
  301.          />
  302.           <h5 class="conrol-ward-heading">Stealth ward(3 hits to detroy)</h5>
  303.         </div>
  304.         <div class="farsight-ward-div">
  305.           <img
  306.            src="images/Farsight_Alteration_item_old2.png"
  307.            loading="lazy"
  308.            width="60"
  309.            alt=""
  310.            class="farsight-icon"
  311.          />
  312.           <h5 class="farsight-heading">Stealth ward(3 hits to detroy)</h5>
  313.         </div>
  314.         <div class="control-ward-div">
  315.           <img
  316.            src="images/Control_Ward_item_old.png"
  317.            loading="lazy"
  318.            width="60"
  319.            alt=""
  320.            class="control-icon"
  321.          />
  322.           <h5 class="conrol-ward-heading">Stealth ward(3 hits to detroy)</h5>
  323.         </div>
  324.       </div>
  325.     </div>
  326.     <div
  327.      style="display: none; opacity: 0"
  328.      class="right-side-container w-container"
  329.    >
  330.       <div style="display: none" class="w-layout-grid champions-grid">
  331.         <img
  332.          src="images/all-champs.PNG"
  333.          loading="lazy"
  334.          id="w-node-_9caaee56-93c6-63fc-d509-6a19245e3591-c78ed93a"
  335.          width="524"
  336.          srcset="
  337.            images/all-champs-p-500.png  500w,
  338.            images/all-champs-p-800.png  800w,
  339.            images/all-champs.PNG       1048w
  340.          "
  341.          sizes="100vw"
  342.          alt=""
  343.          class="champions-image"
  344.        />
  345.         <div class="champions-text">
  346.           Champions are the heart and soul of League of Legends. They are what
  347.           players control when playing the game. Right now there are more than
  348.           150 champions each with unique abilities and playstyles. Riot games
  349.           constantly creates new champions or changes old champions by
  350.           re-working their abilities (what they do). There are simple and
  351.           straight-forward champions, but there also are incredibly difficult
  352.           and complex such which take hundreds of hours to master. In the roles
  353.           section a breakdown of each role is provided so that you can
  354.           understand what is so different about each playstyle and how different
  355.           champions require different approaches to each game.
  356.         </div>
  357.       </div>
  358.       <div style="display: none" class="w-layout-grid stats-grid">
  359.         <img
  360.          src="images/ashe.PNG"
  361.          loading="lazy"
  362.          id="w-node-_9caaee56-93c6-63fc-d509-6a19245e3595-c78ed93a"
  363.          alt=""
  364.          class="stats-image"
  365.        />
  366.         <div class="stats-text">
  367.           Every champion has auto-attacks and abilities at their disposal.
  368.           Auto-attacks, also known as “basic attacks” occur when a player right
  369.           clicks on a target. Doing so will cause a champion to continually
  370.           attack a target until it dies.<br />Abilities are cast using Q, W, E,
  371.           and R. Every champion has abilities that are unique to them for each
  372.           of these buttons.<br />All champions also have access to two
  373.           abilities, using D and F, called Summoner Spells. You can find more
  374.           info about each spell from the summoner spells section.<br />Lastly,
  375.           champions can also cast abilities from items such as Goredrinker,
  376.           Redemption and many others, using the number keys, 1-7. (Note that
  377.           warding trinkets are always located on number 4).<br /><span
  378.            class="text-span-4"
  379.            >Click on the champions stats and abilities button to learn more
  380.             about each stat presented on the image on the left.</span
  381.          >
  382.         </div>
  383.       </div>
  384.       <div style="display: none" class="w-layout-grid roles-grid">
  385.         <img
  386.          src="images/roles.PNG"
  387.          loading="lazy"
  388.          width="337"
  389.          alt=""
  390.          class="image-6"
  391.        />
  392.         <div class="text-block-3">
  393.           In a standard game of League of Legends, each of the five players on a
  394.           team is assigned to one of the five specific roles. The five roles
  395.           are: <br />
  396.           -Top<br />
  397.           -Jungle<br />
  398.           -Mid<br />
  399.           -Bot also known as ADC<br />
  400.           -Support<br />Depending on each role there are a number of champions
  401.           which are optimised for it due to their abilities.<br /><span
  402.            class="text-span-6"
  403.            >Click on the roles and team compositions to learn more about what
  404.             champions fir what role and the overall team compositions.</span
  405.          >
  406.         </div>
  407.       </div>
  408.       <div style="display: none" class="w-layout-grid the-items-grid">
  409.         <img
  410.          src="images/all-items.jpg"
  411.          loading="lazy"
  412.          id="w-node-_9caaee56-93c6-63fc-d509-6a19245e35a0-c78ed93a"
  413.          width="361"
  414.          srcset="
  415.            images/all-items-p-500.jpeg   500w,
  416.            images/all-items-p-800.jpeg   800w,
  417.            images/all-items-p-1080.jpeg 1080w,
  418.            images/all-items.jpg         1600w
  419.          "
  420.          sizes="100vw"
  421.          alt=""
  422.          class="the-items-image"
  423.        />
  424.         <div class="items-text">
  425.           Each champion has the ability to build up to 6 items which can boost
  426.           the champions stats, provide passive effects such as slowing enemies
  427.           much like a champions passive ability, or active effects such as
  428.           granting bonus movement speed when activated.<br />Items are
  429.           purchasable enhancements which players can purchase from the shop for
  430.           gold. As there is a limit on the inventory of a champion items play a
  431.           crucial role in how the game tends to play out. <br />Generally there
  432.           are 5 types of items:<br />
  433.           -Starter<br />
  434.           -Basic<br />
  435.           -Epic<br />
  436.           -Legendary<br />
  437.           -Mythic<br /><span class="text-span-5"
  438.            >Click on the items and the shop button to learn more about each
  439.             type of item and information about the shop</span
  440.          >
  441.         </div>
  442.       </div>
  443.     </div>
  444.    
  445.    
  446.     <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
  447.   </body>
  448. </html>
  449.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!