SIESGST-Portal-Bootstrap/view11.html at master · imsucharya/SIESGST-Portal-Bootstrap · 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
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <title>SIESGST Portal</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
        .fa {
            padding: 5px;
            text-align: center;
            margin: 1px 1px;
            font-size: 25px;
            width: 50px;
        }

        .fa-facebook {

            color: white;
        }

        .fa-twitter {

            color: white;
        }

        .fa-instagram {

            color: white;
        }
    </style>
    <link rel="icon"
        href="https://play-lh.googleusercontent.com/wiPKIGK49pgf0HqZ-s9QDoMvET41K4Kne2gMFCgteLLn4YtSot8uuTff97dSD3WGnDE=s180-rw"
        type="image/x-icon">
</head>

<body>

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="/SIESGST-Portal-Bootstrap/index.html">SIESGST Portal</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

        </div>
        </div>
    </nav>
    <div class="container my-5">
        <div class="row featurette d-flex justify-content-center align-items-center">
            <div class="col-md-7 ">
                <h2 class="featurette-heading">
                    Spy-Ops
                    <p><span class="text-muted">Mon
                            Fri May 14 2021 - Sat May 15 2021
                        </span></p>
                </h2>
                <p class="lead">Student Council of SIES GST presents TML'21 Your mission, must you accept it, is as
                    follows: A member of your agency is to be appointed as the spymaster, who alone will have access to
                    the words reserved for your team in the grid. The Spymaster holds the responsibility to provide the
                    perfect encrypted code that is to be decrypted by the Operatives of his/her organization. The
                    Operatives must collectively decipher the encryption provided by the Spymaster of their agency that
                    holds certain positions in the mysterious word grid. Only on decoding each cypher will the team move
                    a step further to victory. But beware! If you encounter the assassin word through the mission, you
                    will find yourself, eliminated! Alas! You’re not alone! At the other end will be the opponent
                    organization with the same mission. It’s a race against clues! REGISTER NOW TO PLAY THIS AMAZING
                    RIDDLING GAME! SAVE THE DATE: 14th &15th May, 2021


                </p>
                <h6 class="grey-text text-darken-1" style="text-align: end">

                    Organized By Cultural Team
                </h6>
            </div>
            <div class="col-md-5  d-flex justify-content-center align-items-center">

                <img src="thumb11.jpg"
                    class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
                    height="500" role="img" aria-label="Placeholder: 500x500" preserveAspectRatio="xMidYMid slice"
                    focusable="false" alt="">

                <title>Placeholder</title>
                <rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>
                </svg>

            </div>
        </div>
    </div>


    <footer class="p-2 bg-dark text-white">
        <p class="float-end">
            <a href="https://www.facebook.com/SIESGSTEvents/" target="_blank">
                <i class="fa fa-facebook"></i>
            </a>
            <a href="https://twitter.com/siesgstevents?lang=en" target="_blank">
                <i class="fa fa-twitter"></i>
            </a>
            <a href="https://www.instagram.com/siesgstevents/?hl=en" target="_blank">
                <i class="fa fa-instagram"></i>
            </a>

        <p>© 2018-2021 SIESGST</p>
    </footer>
</body>

</html>