-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
208 lines (166 loc) · 10.2 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Official Website of mulearn campus chapter at Mar Augusthinose college">
<link rel="shortcut icon" href="/assets/img/favIcon.png" type="image/x-icon">
<title>μLearn Campus Chapter: Mar Augusthinose college, Ramapuram</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- my style -->
<link rel="stylesheet" href="/styles/index.css">
<link rel="stylesheet" href="/defaults.css">
<link rel="icon" href="images/logo/mumulearn-campus-logo.svg" type="image/x-icon">
</head>
<body class="p-0 m-0 en-Oxanium no-scrollbar">
<!-- Navbar -->
<div class="sticky-top" id="navBar"></div>
<!-- hero -->
<div class="d-flex flex-column justify-content-evenly align-items-center" id="hero">
<img class="img-fluid w-50" src="/assets/img/mulearnLogoOrange.svg" alt="">
<div id="hero-title">
<h1 class="display-6 en-sirin text-center title" id=""><span class="mac text-nowrap ">Mar Augusthinose College </span> <span class="cc text-nowrap ">Campus Chapter</span> </h1>
<p class="en-mulearn fs-4 text-center hero-caption" id="">Let's Learn and Grow Together!</p>
</div>
<a class="en-iceland fs-4 btn btn-info " href="/p/joinus.html">Wanna Join Us!</a>
</div>
<!-- Counter Section -->
<section class="counter text-light d-flex flex-row justify-content-around align-items-center">
<div class="counter-container d-flex flex-row justify-content-start justify-content-md-center align-items-center overflow-auto no-scrollbar text-center">
<div class="en-mulearn mx-3 mt-3 counter-item text-nowrap w-fit" id="registeredMembers">
<p class="fs-4">Registered Members</p>
<p class="fs-4" id="registeredCount">0</p>
</div>
<!-- remove d-none from class to display active members and enablers -->
<div class="d-none en-mulearn mx-3 mt-3 counter-item text-nowrap w-fit" id="activeMembers">
<p class="fs-4">Active Members</p>
<p class="fs-4" id="activeCount">0</p>
</div>
<div class="en-mulearn mx-3 mt-3 counter-item text-nowrap w-fit" id="karmaPoints">
<p class="fs-4">Karma Points</p>
<p class="fs-4" id="karmaCount">0</p>
</div>
<div class="d-none en-mulearn mx-3 mt-3 counter-item text-nowrap w-fit" id="enablers">
<p class="fs-4">Enablers</p>
<p class="fs-4" id="enablersCount">0</p>
</div>
</section>
<!-- redirects -->
<section class="redirects my-4 d-flex flex-row justify-content center align-items-center">
<a href="https://gtechindia.org/" class="d-block m-auto col-3 btn text-orange fs-4 hover-scale-11 transition-05 hover-blue">GTech</a>
<a href="https://mulearn.org/" class="d-block m-auto col-3 btn text-orange fs-4 hover-scale-11 transition-05 hover-blue">μlearn</a>
<a href="https://mac.edu.in/" class="d-block m-auto col-3 btn text-orange fs-4 hover-scale-11 transition-05 hover-blue">MAC</a>
</section>
<!-- whats mulearn section -->
<section class="row justify-content-center align-items-center py-3 px-md-3 m-0" id="us">
<div class="col-md-7" id="">
<p class="display-5 fw-600 text-center" id="">What's <span class="en-mulearn" id="">μLearn</span></p>
<p class="text-md-center px-3" id="">
<span class=" " id="">
<a href="https://mulearn.org/" class="en-mulearn text-decoration-none">μlearn</a>
</span> is an awesome space where students hangout for the purpose of learning and skill development. μlearn is a student driven community where everything is carried out by the students themselves, with the support of expert mentors behind the scenes. It is an amazing community initiated by <a href="https://gtechindia.org/" class="">GTech</a> (Group of Technmology Companies), and is a synergy of the Industry, Institutions and the Society.
With its moto as to
<span class="mark">DEMOCRATICE</span>
,
<span class="mark">DECENTRALISE</span>
and
<span class="mark">DIGITISE</span> learning and peer learning as its core, μlearn enables students to learn cutting edge technologies, carry on projects, connect with like minded peers, seek guidence from experts from all over the industry and to land on their dream jobs. As a mulearner, what you only need is the thrive to improve and the courage to ask.
</p>
</div>
<div class="col-md-6 d-block" id="">
<img src="/assets/img/techFriends.webp" alt="" class="col-11 col-md-8 d-block m-auto img-fluid" id="">
</div>
</section>
<!-- mulearn keypoints -->
<section class="d-md-flex flex-row justify-content-start align-items-center overflow-auto no-scrollbar">
<div class="col-12 col-md-4 my-2 keyItem text-center">
<img src="/assets/img/index/involve.webp" alt="" class="w-25 my-4 d-block m-auto keyImg">
<p class="fs-2 text-secondary fw-600 keyTitle">
Involve
</p>
<p class="px-1 px-md-3">
µLearn is a place for everyone. A place where one could involve and evolve the most. Be a part of our interesting events like Inspiration Radio, Salt mango tree and many more to make the most out of it.
</p>
</div>
<div class="col-12 col-md-4 my-2 keyItem text-center">
<img src="/assets/img/index/interact.png" alt="" class="w-25 my-4 d-block m-auto keyImg">
<p class="fs-2 text-secondary fw-600 keyTitle">
Interact
</p>
<p class="px-1 px-md-3">
An Interactive setting where each one of you could connect with folks and mentors having a remarkable mindset. Your involvements, and dedication to the community can even get you an internship opportunity.
</p>
</div>
<div class="col-12 col-md-4 my-2 keyItem text-center">
<img src="/assets/img/index/innovate.webp" alt="" class="w-25 my-4 d-block m-auto keyImg">
<p class="fs-2 text-secondary fw-600 keyTitle">
Innovate
</p>
<p class="px-1 px-md-3">
A place brimming with possibilities for innovation and astonishing creations. A perfect spot to display your works. Here you always advance and invent yourself!
</p>
</div>
</section>
<section class="last-point my-4 my-md-0 ">
<div class=" text-center d-md-flex flex-row justify-content-around align-items-center">
<img src="/assets/img/index/connect.png" alt="" class=" mx-2 col-5 col-md-1 my-5 d-block mx-auto">
<div class="">
<p class="fs-2 text-light ts-normal-black fw-600 keyTitle">
Connect, Compete and Learn !
</p>
<p class="p">
Connect with like minded people, compete with friends and learn from one another
</p>
</div>
</div>
</section>
<!-- Learn and Grow Together as a Community -->
<section class="my-5 text-center d-flex flex-row justify-content-around align-items-center">
<div class="col-md-8">
<p class="fw-600 h5">Learn and Grow <span class="text-orange">Together</span> as a <span class="text-orange">Community</span></p>
<p class="en-mulearn px-3">
Are you ready to learn, grow and upskill yourself to the next level? Come, be a part of the community, and let's start learning in a new better way. Call in your friends as well, because things are going to change once you experience it and it is more effective when done with a group.
</p>
<a href="/p/joinus.html" class="col-8 d-block mx-auto my-4 en-iceland btn btn-success fs-4">Join Us</a>
</div>
<img src="/assets/img/index/community.png" alt="" class="d-none d-md-block">
</section>
<!-- FAQ -->
<div class="py-4 px-2 faq">
<h2 class="text-center">Frequently Asked Questions</h2>
<!-- Accordion start -->
<div class="mx-2 mx-md-4 accordion accordion-flush overflow-auto no-scrollbar " id="accordion">
<!-- Accordion end -->
</div>
<!-- FAQ End -->
<!-- FAQ Form -->
<div class="d-none d-md-block bg-light p-md-5 mt-5 faq d-md-flex flex-row justify-content-between align-items-center">
<img class="d-none d-md-block col-md-3" src="/assets/img/faq.png" alt="" >
<div class="col-md-8 form alert alert-wheat px-4 px-md-5">
<form method="post" action="" class="w-fit mx-auto" id="formlarge">
<p class="text-center fw-600 text-dark fs-5">Have Some Questions</p>
<textarea class=" d-block my-2" name="" id="faqFormLarge" cols="30" rows="3" placeholder="Enter your question / doubt"></textarea>
<!-- </fieldset> -->
<button class="d-none" type="submit"></button>
</form>
<button type="button" class="btn btn-primary d-block mx-auto col-5" onclick="submitFaq(document.getElementById('faqFormLarge').value); document.getElementById('faqFormLarge').value = ''">Submit</button>
</div>
<!-- FAQ Form End -->
</div>
</div>
<div id="Footer"></div>
<div>
</div>
<!-- Bootstrap JS and dependencies -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
<!-- stein API -->
<script src="https://unpkg.com/stein-js-client"></script>
<!-- My JS -->
<script src="/scripts/home.js"></script>
<script src="/scripts/components.js"></script>
<link rel="stylesheet" href="/styles/components.css">
</body>
</html>