FunWithJQuery/index.html at master · MerelisIsSomething/FunWithJQuery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE HTML>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
    <title>Fortnite Emotes Library!</title>
  </head>

  <body>
    <nav>
      <img src="images/logo.jpg" id="logo"/>
      <div id="extra-text">[Challenge 2] Remove me from here!</div>
    </nav>

    <div id="title">
      Fortnite Emotes!
    </div>

    <div class="emote">
      <div class="emote-name" id="runningman-name">
        ▼ Running Man
      </div>
      <div class="emote-info" id="runningman-info">
        <img src="images/runningman-icon.png" class="dance-icon" id="runningman-img"/>
        <strong>Description:</strong> The challenge is to never stop running. <br><br>
        <strong>Cosmetic Information: </strong>
          <ul>
            <li><strong>Rarity:</strong> Rare</li>
            <li><strong>Type:</strong> Emote</li>
            <li><strong>Availability:</strong> Battle Pass</li>
            <li><strong>Battle Pass Season:</strong> 6</li>
            <li><strong>Battle Pass Tier:</strong> 31</li>
          </ul>
      </div>
    </div>

    <div class="emote">
      <div class="emote-name" id="taketheL-name">
        ▼ Take The L
      </div>
      <div class="emote-info" id="taketheL-info">
        <img src="images/taketheL-icon.png" class="dance-icon" id="taketheL-img"/>
        <strong>Description:</strong> Savor the W. <br><br>
        <strong>Cosmetic Information: </strong>
          <ul>
            <li><strong>Rarity:</strong> Rare</li>
            <li><strong>Type:</strong> Emote</li>
            <li><strong>Availability:</strong> Battle Pass</li>
            <li><strong>Battle Pass Season:</strong> 3</li>
            <li><strong>Battle Pass Tier:</strong> 31</li>
          </ul>
      </div>
    </div>

    <div class="emote">
      <div class="emote-name" id="electroshuffle-name">
        ▼ Electro Shuffle
      </div>
      <div class="emote-info" id="electroshuffle-info">
        <img src="images/electroshuffle-icon.png" class="dance-icon" id="electroshuffle-img"/>
        <strong>Description:</strong> Express yourself on the battlefield. <br><br>
        <strong>Cosmetic Information: </strong>
          <ul>
            <li><strong>Rarity:</strong> Epic</li>
            <li><strong>Type:</strong> Emote</li>
            <li><strong>Cost:</strong> 800 V-Bucks</li>
            <li><strong>Availability:</strong> Shop</li>
          </ul>
      </div>
    </div>

    <div class="emote">
      <div class="emote-name" id="bestmates-name">
        ▼ Best Mates
      </div>
      <div class="emote-info" id="bestmates-info">
        <img src="images/bestmates-icon.png" class="dance-icon" id="bestmates-img"/>
        <strong>Description:</strong> Who's your best mate? <br><br>
        <strong>Cosmetic Information: </strong>
          <ul>
            <li><strong>Rarity:</strong> Rare</li>
            <li><strong>Type:</strong> Emote</li>
            <li><strong>Availability:</strong> Battle Pass</li>
            <li><strong>Battle Pass Season:</strong> 3</li>
            <li><strong>Battle Pass Tier:</strong> 63</li>
          </ul>
      </div>
    </div>

    <footer>
      <strong>Credits:</strong> <br>
      Fortnite Emote Information: <a href="https://progameguides.com/fortnite-dances-and-emotes-list/?st=running+man&rarity=&availability=&category=&set=&sort=name-asc">Program Guides</a> <br>
      Fortnite Icon Images: <a href="https://db.fortnitetracker.com/locker/emotes">Fortnite Tracker</a>
    </footer>

    <script src="script.js"></script>
  </body>

</html>