alifa99.github.io/badgeguide.html at main · ExplodedRiot/alifa99.github.io · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Badge Guide</title>

        <link rel="stylesheet" href="css/bootstrap.min.css">
    </head>
    <body>
        <nav class="navbar navbar-expand-md bg-dark navbar-dark">
            <a class="navbar-brand" href="#">Topics</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="assignment.html">Main Topic</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="game.html">Badge Guide</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="xptable.html">Steam Calculator</a>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="container">
            <div class="jumbotron">
                <h1>Badge Guide</h1>
                <p>Badges are crafted from trading cards, which drop as you play games. A game will only drop half of its full set; you need to trade for or buy the rest on the Steam marketplace. Each crafted badge nets you 100XP, and you can level it up four times by collecting and crafting the same cards again, for a total of 500XP.</p>
            </div>
            <table class="table table-bordered table-striped table-hover">
                <tr>
                    <h1>Here's the example of Steam Badges : </h1>
                    <th>2020: Summer Sale</th><th>The Debut Collection</th><th>  2018: Winter Sale</th>
                </tr>
                <tr>
                    <td>
                        <img src="badge1.png" class="img-thumbnail">
                    </td>
                    <td>
                        <img src="badge2.png" class="img-thumbnail">
                    </td>
                    <td>
                        <img src="badge3.png" class="img-thumbnail">
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>