SIESGST-Portal-Bootstrap/view1.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">International Yoga Day Celebration 2021 <p><span class="text-muted">Mon
                            Jun 21 2021 - Mon Jun 21 2021
                        </span></p>
                </h2>
                <p class="lead">Event name: international yoga day 2021 Event description: ✨Yoga Adds Years to your Life
                    and Life to your Years✨ Looking at the current scenario of the pandemic📊, it becomes necessary that
                    we practice some exercises and do yoga regularly and fill our mind and soul with
                    positivity. You cannot always control what goes on outside but you can always control what
                    goes on inside. "Yoga is the journey of the self through the self to the self"😇 So we, the
                    volunteers NSS UNIT of SIESGST, have organized a yoga workshop on 21st June 2021 at 8.00am 🎉🎉Let's
                    celebrate the International Yoga Day 2021 together!!!🎉🎉</p>
                <h6 class="grey-text text-darken-1" style="text-align: end">

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

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