Gaming_UI/announcements.html at master · this-ved-dev/Gaming_UI · 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<!-- Created By CodingLab - www.codinglabweb.com -->
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <!--------- <title>Responsive Navigation Menu</title>------>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
        integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/announcements.css">
    <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=Stick+No+Bills:wght@500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ciucacristi/elementric/Elementric/css/elementric.css"> -->
    <!-- CSS -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <header>
        <nav class="row">
            <div class="col-6 d-flex align-items-center justify-content-start">
                <div class="logo"><a href=""><img src="./img/LOGO.png"></a></div>
                <input type="checkbox" id="click">
                <ul class="pt-3">
                    <li><a href="#">FORUM</a></li>
                    <li><a href="#">ANNOUNCEMENTS</a></li>


                </ul>
            </div>
            <div class="col-6 d-flex align-items-center justify-content-end">
                <div class="user-glimpse d-flex align-items-center">
                    <img src="img/orange.png">
                    <h3 class="pt-2">Wassap,<a href=""> Archfriend</a></h3>
                </div>
                <div class="logout">
                    <a class="power" href="#"><i class="fas fa-power-off"></i></a>
                </div>
            </div>
            <label for="click" class="menu-btn">
                <i class="fas fa-bars"></i>
            </label>

        </nav>
    </header>
    <div class="container-fluid ">
        <div class="row mb-5">
            <div class="col-12 cover">
                <div class="overlay d-flex justify-content-center align-items-center">
                    <div class="jumbotron">
                        <h1>ANNOUNCEMENTS</h1>
                    </div>
                </div>
                <!-- <img src="./img/blog-cover.jpg" class="" alt="Responsive image"> -->
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row d-flex align-items-center justify-content-center">
            <div class="col-10">
                <div class="card mb-5">
                    <div class="image-container px-5 pt-5 pb-4 w-100">
                        <img class="card-image rounded" src="./img/blog_1.jpg" alt="Card image cap">
                    </div>
                    <hr class="mx-5">

                    <div class="card-body pt-4 pr-5 pl-5">
                        <span class="badge badge-pill badge-danger mb-2">Glitches/Bugs</span>
                        <span class="badge badge-pill badge-success">Updates</span>
                        <span class="badge badge-pill badge-info">News</span>
                        <span class="badge badge-pill badge-warning">Maintenance</span>
                        <h2 class="card-title">Destiny 2 Glitch Breaks Game, Will Get You Banned</h2>
                        <p class="card-text">Destiny 2 has an easy to pull-off trick called the min/max glitch on
                            PC
                            that
                            gives players infinite orbs and a host of
                            other advantages<span id="dots">...</span><span id="more" style="display: none"> that break a lot of the
                                game’s
                                big activities. Bungie confirmed over the
                                weekend that it’s working on a
                                fix, but in the meantime the developer is warning players will be “met with escalating
                                restrictions” if they keep
                                attempting it.

                                The glitch was apparently first discovered a group of players earlier this year, but
                                over
                                the
                                weekend one member, a
                                player who goes by JB3, went rogue and uploaded a video to YouTube against their wishes
                                explaining how to pull off the
                                relatively simple but devastating exploit. “DMG won’t respond to my DM’s so I figured
                                I’d
                                make
                                this tutorial,” JB3
                                wrote.</span></p>
                        <button class="btn btn-light mb-4" onclick="myFunction()" id="myBtn">Read more</button>
                        <div class="d-flex justify-content-between">
                            <small class="text-muted">A Post By <strong class="text-light">Archfriend</strong></small>
                            <span id="date-posted" class="text-light"><i class="far fa-clock"></i> 21 October, 2021</span>
                        </div>


                    </div>

                </div>


            </div>


        </div>
        <div class="row footer-row">
            <footer class="col-md-12 d-flex flex-column justify-content-center align-items-center">
                <hr class="footer-line">
                <img src="img/LOGO.png">
                <p>Copyright © <span>Elementrix</span> 2021. Designed by <span class="creator">Vedant Misra</span>, <span
                        class="creator">Darsh Parekh</span>, <span class="creator">Jash Shah</span></p>
            </footer>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
    <script>
        function myFunction() {
            var dots = document.getElementById("dots");
            var moreText = document.getElementById("more");
            var btnText = document.getElementById("myBtn");

            if (dots.style.display === "none") {
                dots.style.display = "inline";
                btnText.innerHTML = "Read more";
                moreText.style.display = "none";
            } else {
                dots.style.display = "none";
                btnText.innerHTML = "Read less";
                moreText.style.display = "inline";
            }
        }
    </script>

</body>

</html>