-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (101 loc) · 6.99 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - GEMS SG Student Council</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="assets/css/Footer-Clean.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark d-lg-flex justify-content-lg-center portfolio-navbar gradient" style="background-color: #12b6eb;background-image: url("linear-gradient(red, yellow)");">
<div class="container"><a class="navbar-brand logo" href="index.html">GEMS Singapore Student Council </a><button class="navbar-toggler" data-toggle="collapse" data-target="#navbarNav" style="padding-right: 12px;"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse" id="navbarNav">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="members.html">Members</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="https://feedbackforgems.fider.io/">Student Feedback</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="https://www.instagram.com/gemsstucosg/">Instagram</a></li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page">
<section class="portfolio-block block-intro">
<div class="container">
<div class="border rounded-0 border-white tada animated infinite avatar" style="background-image: url("assets/img/Emoji_u1f44b.svg.png");background-position: center;filter: contrast(100%);background-size: contain;"></div>
<div class="about-me">
<p data-aos="fade" data-aos-duration="500">Hello! We're <strong>Student Council</strong>. We work as a link between the student body and the school's administration to create change for the students.</p>
</div>
</div>
</section>
<section data-aos="fade" data-aos-duration="500" class="portfolio-block photography">
<div class="container">
<div class="row no-gutters">
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/WhatsApp%20Image%202019-06-20%20at%2011.03.02%20AM.jpeg"></a></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/WhatsApp%20Image%202019-06-20%20at%2011.03.00%20AM.jpeg"></a></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"><img class="img-fluid image" src="assets/img/WhatsApp%20Image%202019-06-20%20at%2011.03.05%20AM.jpeg"></a></div>
</div>
</div>
</section>
<section class="portfolio-block skills">
<div class="container">
<div class="heading">
<h2>WHAT WE DO</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-trophy" data-aos="zoom-in" data-aos-duration="450"></i></div>
<div class="card-body">
<h3 class="card-title">Student Competitions</h3>
<p class="card-text">Student Council has organized muliple competitions ranging from Basketball matches to Spelling Bees. This bring together the student body and generate school spirit</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-heart" data-aos="zoom-in" data-aos-duration="450"></i></div>
<div class="card-body">
<h3 class="card-title">Service / Fundraisers</h3>
<p class="card-text">Student Council is always proud to use their abilities towards enabling better lifes for others. For this reason we organize events were students can help charities as well as direct communities.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-filing" data-aos="zoom-in" data-aos-duration="450"></i></div>
<div class="card-body">
<h3 class="card-title">Put Forward Policies</h3>
<p class="card-text">As the elected representatives of the student body, the student council works to find ways to improve their school life. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6491357.js"></script>
<!-- End of HubSpot Embed Code -->
</main>
<footer><footer id="footer">
<div style= "background: black; text-align: center; margin: 0px; padding:10px">
<p style= "color:grey; font-family: raleway">Copyright 2019 GEMS World Academy Singapore Student Council</p>
</div>
</footer></footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-animation.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>