SIESGST-Portal-Bootstrap/view4.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
<!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>
    </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">FORZA
                    <p><span class="text-muted">Mon
                            Sat May 15 2021
                        </span></p>
                </h2>
                <p class="lead">Forza is not just one, but an amalgamation of two different ideas for fun! Register in
                    teams of two's and compete against your opponent team in rapid rounds of Taboo! What is Taboo? One
                    of you has to give clues to a word, without using the forbidden words! The other must guess the
                    clues, but hey, it's a race against time, so make it soon!! And hold up, that's not it! Pour your
                    creativity out in the next round of Poster Designing! Hone your thinking and creative skills through
                    this amazing event! Don't miss out! Register ASAP!

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

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

                <img src="thumb4.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>