xtrema/index.html at main · cipherGUYS/xtrema · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=div, initial-scale=1.0">
    <title>XTREMA</title>

    <!-- bootstrap -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>

    <!-- google fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Caudex:wght@400;700&display=swap" rel="stylesheet">

    <!-- stylesheet -->
    <link rel="stylesheet" href="style.css">


</head>

<body>

    <section>
        <div class="container">
            <div class="row">
                <h1 class="text-center xtrema"> &nbsp - X T R E M A - &nbsp </h1>
            </div>
            <div class="row">
                <div class="main-box col-lg-6 col-md-12 mx-auto p-4 rounded scoreboard">
                    <h2 class="scoreboard-text text-center fw-bold mb-5">🏅 SCORE BOARD 🏅</h2>
                    <div class="row" id="board">


                        <!-- card start -->
                        <div class="mb-5 col-12 d-flex justify-content-center">
                            <div id="ec-card" class="card card-branch header" style="width:100%">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col">
                                            <h5 id="uuid" class="ms-3">User ID</h5><br>
                                        </div>
                                        <div class="col text-end">
                                            <h5 id="score" class="mt-0 me-3 mb-2">Score</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- card ends -->


                    </div>
                </div>
                <footer>
                    <a class="footer" href="https://cipherguys.github.io">
                        <h6 class="text-center mt-5">Powered by cipherGUYS ⚡</h6>
                    </a>
                </footer>
            </div>
        </div>
    </section>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
        <script src="main.js"></script>
</body>

</html>