SIESGST-Portal-Bootstrap/view3.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
<!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">Open Mic 7.0
                    <p><span class="text-muted">Mon
                            Sat May 15 2021
                        </span></p>
                </h2>
                <p class="lead">✨Open Mic✨ "All You need is a Mic!"🎙️♥️ Join us on this wonderful evening, full of
                    vibrant performances. Move to the rhythm with some amazing singers and dancers, laugh till your
                    stomach hurts with hilarious comedians and so much more.😻 Let’s take a trip down memory lane, and
                    make this a night to remember.🎆 Stay tuned for futher updates: @cultsiesgst

                </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="thumb3.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>