-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
229 lines (199 loc) · 11.3 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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>GLUG-REVA</title>
<!-- CSS -->
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/font-awesome.css" type="text/css" rel="stylesheet" media="screen">
<!--Import Favicon-->
<link href="img/favicon.ico" rel="shortcut icon">
</head>
<body>
<!--Navigation-->
<nav class="fixed-nav-bar hexa1">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="hov brand-logo white-text"> <b><span class="fa fa-home"
aria-hidden="true"></span> GLUG</b></a>
<ul class="right hide-on-med-and-down glug">
<li><a class="hov white-text" href="https://github.com/GLUG-REVA/GLUG-REVA.github.io" target="_blank"><b><span class="fa fa-cog" aria-hidden="true"></span> Source</b></a></li>
<li><a class="hov white-text" href="about.html"><b><span class="fa fa-info-circle"
aria-hidden="true"></span> About Us</b></a></li>
<li><a class="hov white-text" href="contact.html"><b><span class="fa fa-envelope-o" aria-hidden="true"></span> Contact</b></a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a class="black-text" href="https://github.com/GLUG-REVA/GLUG-REVA.github.io" target="_blank"><b><span class="fa fa-cog" aria-hidden="true"></span> Source</b></a></li>
<li><a class="black-text" href="about.html"><b><span class="fa fa-info-circle"
aria-hidden="true"></span> About Us</b></a></li>
<li><a class="black-text" href="contact.html"><b><span class="fa fa-envelope-o" aria-hidden="true"></span> Contact</b></a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons white-text">menu</i></a>
</div>
</nav>
<div id="top">
<div id="index-banner" class="parallax-container pad-index">
<div class="row row header">
<div class="container">
<br><br>
<div class="col-xs-12 col-sm-8">
<h1 id="typing_text" class="header center glug text-lighten-2 ">#include<wbr><GLUG_REVA></h1>
<div class="row center">
<h5 id="typing_text2" class="header col s12 light">GLUGs - GNU/Linux user groups are the means of spreading the idea of free software and philosophy of free software</h5>
</div>
</div>
<div class="row center">
<h6>The Registrations are open.Follow our webpage for further updates</h6>
<a href="https://goo.gl/forms/tLMq6JPUZs5Hdxw13" id="download-button" target="_blank" class="btn-large waves-effect waves-light teal lighten-1">Click here to register.</a>
</div>
<br><br>
</div>
</div>
</div>
<div class="parallax"><img class="responsive-img" src="img/background1.png" alt="Unsplashed background img 1"></div>
</div>
</div>
<div class="hexa2">
<div class="container">
<div class="section">
<!-- Icon Section -->
<div id="web" class="slider">
<ul class="slides">
<li>
<img src="#" alt=""> <!-- random image -->
<div class="caption center-align">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">flash_on</i></h2>
<h4 class="center">Why GLUG?</h4>
<p class="center light flow-text">We campaign for the freedom of users, because everyone deserves them. The users (both individually and collectively) control the program and what it does for them. When users don't control the program, we call it a “nonfree” program. The nonfree program controls the users, and the developer controls the program; this makes the program an instrument of unjust power.</p>
</div>
</div>
</li>
<li>
<img src="#" alt=""> <!-- random image -->
<div class="caption left-align">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">group</i></h2>
<h4 class="center">What is Open Source?</h4>
<p class="center light flow-text">Open-source software (OSS) is computer software with its source code made available with a license in which the copyright holder provides the rights to study, download, and distribute the software to anyone and for any purpose. Open-source software may be developed in a collaborative public manner.</p>
</div>
</div>
</li>
<li>
<img src="#" alt=""> <!-- random image -->
<div class="caption right-align">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">settings</i></h2>
<h4 class="center">What can you learn?</h4>
<p class="center light flow-text">GLUG-REVA aims at organizing sessions/workshops/projects based on free and open-source software to provide a platform to learn, meet like-minded students, and develop skills. The goal is to expose students to the current technological realm..</p>
</div>
</div>
</li>
</ul>
</div>
<div id="mob" class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Why GLUG?</h5>
<p class="light">We campaign for the freedom of users, because everyone deserves them. The users (both individually and collectively) control the program and what it does for them. When users don't control the program, we call it a “nonfree” program. The nonfree program controls the users, and the developer controls the program; this makes the program an instrument of unjust power.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">group</i></h2>
<h5 class="center">What is Open Source?</h5>
<p class="light">Open-source software (OSS) is computer software with its source code made available with a license in which the copyright holder provides the rights to study, download, and distribute the software to anyone and for any purpose. Open-source software may be developed in a collaborative public manner.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center white-text"><i class="material-icons">settings</i></h2>
<h5 class="center">What can you learn?</h5>
<p class="light">GLUG-REVA aims at organizing sessions/workshops/projects based on free and open-source software to provide a platform to learn, meet like-minded students, and develop skills. The goal is to expose students to the current technological realm..</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Carousel-->
<div class="carousel-background">
<div id="mycarousel" class="carousel carousal-slider">
<a class="carousel-item" href="#one!"><img src="img/carousel/billi.jpg" alt="github"></a>
<a class="carousel-item" href="#two!"><img src="img/carousel/cpp.jpg" alt=""></a>
<a class="carousel-item" href="#three!"><img src="img/carousel/foot.jpg" alt="gnome"></a>
<a class="carousel-item" href="#four!"><img src="img/carousel/html.jpg" alt="html"></a>
<a class="carousel-item" href="#five!"><img src="img/carousel/joomla.jpg" alt="joomla"></a>
<a class="carousel-item" href="#five!"><img src="img/carousel/ubuntu.jpg" alt="ubuntu"></a>
<a class="carousel-item" href="#five!"><img src="img/carousel/js.jpg" alt="javascript"></a>
<a class="carousel-item" href="#five!"><img src="img/carousel/python.jpg" alt="python"></a>
</div>
</div>
<div class="hexa2">
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<a href="https://fsmk.org" target="_blank">
<img src="img/fsmk.png" class="image" alt="FSMK">
</a>
<h5 class="header col s12 light">FSMK is a registered not-for-profit organization whose primary objective is to spread and create awareness about free software technologies amongst different sections of the society. FSMK is driven by volunteers from various backgrounds like software professionals, government officials, academicians and students. The Students Chapter of FSMK works actively with college students and encourages them not only to use free software but also contribute to the development of various free software. We facilitate formation of college-wise units called GNU/Linux User's Group (GLUG) which conduct various technical sessions regularly throughout the academic session.</h5>
<p class="left-align light"></p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<!--Feedback-->
<div class="row center">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfQMs_mVfOmZyvrYV3ITCmn7n4MvvQxPySHh8sw68kLSnXPjw/viewform" class="waves-effect waves-light btn-large" target="_blank"><i class="material-icons right">send</i>Feedback</a>
</div>
</div>
</div>
</div>
<div class="parallax"><img class="responsive-img" src="img/background2.png" alt="Unsplashed background img 3"></div>
</div>
<footer class="page-footer hexa1">
<div class="container">
<div class="row row-content">
<div class="col s12 m12">
<h5 class="white-text"> Group Bio</h5>
<p class="grey-text text-lighten-4"> We are a team of college students working as an organisation like it's our full time job. Any amount of help, support and development is greatly appreciated.</p>
</div>
<div class="col l6 s12">
<h5 class="white-text">Connect</h5>
<a href="https://www.facebook.com/Glug-Reva-171532876624717/" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="https://www.twitter.com" target="_blank"><i class="fa fa-twitter"></i></a>
<!--<a href="https://www.instagram.com" target="_blank"><i class="fa fa-instagram"></i></a>-->
<a href="https://github.com/GLUG-REVA" target="_blank"><i class="fa fa-github"></i></a>
</div>
<div class="col l6 s12">
<img src="img/REVA-ITM.png" alt="Reva University">
<div class="mdl-mega-footer--right-section">
<a href="#0" class="cd-top">Top</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<p>Designed by <a class="brown-text text-lighten-3" href="#">CodeCannons</a></p>
</div>
</div>
</footer>
<!-- Scripts-->
<!--Import jQuery before materialize.js-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/main.js"></script>
</body>
</html>