-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
244 lines (238 loc) · 13.7 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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!doctype html>
<html lang="en">
<head>
<title>Kathmandu University open source community | KUOSC</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<link rel="stylesheet" href="css/style.css">
<meta name="description" content="Kathmandu University Open Source Community
Kathmandu University Open Source Community is the Open Source related wing of KUCC.">
<meta property="og:title" content="Kathmandu University Open Source Community">
<meta property="og:description" content="Kathmandu University Open Source Community
Kathmandu University Open Source Community is the Open Source related wing of KUCC.">
<meta property="og:image" content="http://kucc.ku.edu.np/kuosc/img/logo.png">
<meta property="og:url" content="http://kucc.ku.edu.np/kuosc/">
</head>
<body>
<nav id="nav" class="navbar navbar-expand-lg bg-custom sticky-top ">
<!-- LOGO HERE -->
<div class="container wave">
<span>
<a class="navbar-brand" href="./">
<img id="logo" src="img/logo.png" width="110" class="d-inline-block align-top" alt="L O G O">
</a>
</span>
<button class="navbar-toggler first-button" type="button" data-toggle="collapse" data-target="#collapse_target"
aria-controls="collapse_target" aria-expanded="false" aria-label="Toggle navigation">
<div class="animated-icon"><span></span><span></span><span></span></div>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapse_target">
<ul class="navbar-nav">
<li class="nav-item"><a id="navItems" href="./" class="nav-link active">Home</a></li>
<li class="nav-item"><a id="navItems" data-scroll href="#open-source" class="nav-link">Open Source</a></li>
<li class="nav-item"><a id="navItems" data-scroll href="#sfd" class="nav-link">SFD</a></li>
<li class="nav-item"><a id="navItems" data-scroll href="#communities" class="nav-link">Communities</a></li>
</ul>
</div>
</div>
</nav>
<!-- Section START-->
<section class="section-banner d-flex align-items-center">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 mr-auto">
<div class="banner-content">
<h1 class="heading-one">Kathmandu University<br>Open Source Community</h1>
<p class="desc">Kathmandu University Open Source Community
Kathmandu University Open Source Community is the Open Source related wing of KUCC. KUOSC is specifically focused on all
the Open Source related activities ranging from training programs like Linux Talks, Useful Network Training to advocacy
activities like Software Freedom Day celebration etc.</p>
<!-- <a href="http://kucc.ku.edu.np/kathmandu-university-open-source-community/" class="btn-rounded">Discover more</a> -->
</div>
</div>
</div>
</div>
</section>
<!-- MORE ABOUT US SECTION/ FEATURE SECTION -->
<section class="about" id="about">
<div class="container-fluid">
<div class="row justify-content-center text-left">
<div class="feature-box box-one col-lg-3 col-md-3 col-sm-10">
<img src="./img/task-icon.svg" alt="" class="img-fluid">
<h2>Title Goes Here</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio in sunt fugiat animi. </p>
</div>
<div class="feature-box box-two col-lg-3 col-md-3 col-sm-10">
<img src="./img/task-icon.svg" alt="" class="img-fluid">
<h2>Title Goes Here</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio in sunt fugiat animi.</p>
</div>
<div class="feature-box box-three col-lg-3 col-md-3 col-sm-10">
<img src="./img/task-icon.svg" alt="" class="img-fluid">
<h2>Title Goes Here</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio in sunt fugiat animi. </p>
</div>
</div>
</div>
</section>
<!-- SECTION END -->
<!-- about open source -->
<section class="about-open-source" id="open-source">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="content-box col-lg-4 col-md-4 col-sm-10 align-self-center">
<h1>What is Open Source?</h1>
<p>The term open source refers to something people can modify and share because its design is publicly accessible.</p>
<p>
The term originated in the context of software development to designate a specific approach to creating computer
programs. Today, however, "open source" designates a broader set of values—what we call "the open source way."</p>
<a href="https://opensource.com/resources/what-open-source" class="btn-rounded">Discover More</a>
</div>
<div class="content-box col-lg-5 col-md-5 col-sm-10">
<img src="./img/open-source.svg" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
<!-- ABOUT SFD -->
<section class="about-sfd" id="sfd">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="content-box col-lg-5 col-md-5 col-sm-10">
<img src="./img/sfd.png" alt="" class="img-fluid">
</div>
<div class="content-box col-lg-4 col-md-4 col-sm-10 align-self-center">
<h1>Software Freedom Day</h1>
<p>Software Freedom Day (SFD) is an annual worldwide celebration of Free Software. SFD is a public education effort with
the aim of increasing awareness of Free Software and its virtues, and encouraging its use.</p>
<p>Software Freedom Day was established in 2004 and was first observed on 28 August of that year. About 12 teams
participated in the first Software Freedom Day.</p>
<a href="./sfd/" class="btn-rounded">Discover More</a
</div
</div>
</div>
</section>
<!-- COMMUNITIES UNDER KUOSC -->
<section id="communities">
<div class="contaier-fluid text-center">
<h1 class="my-5">Communities Under <span>KUOSC</span></h1>
<div class="row justify-content-center ">
<div class="community-box box-one col-md-3 col-lg-3 col-sm-10">
<h2>Design Community</h2>
<div class="border-bottom my-3"></div>
<p>The community’s goal is to introduce students to various fields of graphics design like template designing for
certificates, banners etc. and components of 3D graphics.</p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-two col-md-3 col-lg-3 col-sm-10">
<h2>Game Development Community</h2>
<div class="border-bottom my-3"></div>
<p>Game Development Committee is a group of enthusiastic people focused on learning how to seamlessly create games and game
engines for a variety of platforms.</p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-three col-md-3 col-lg-3 col-sm-10">
<h2>Innovation And Entrepreneurship Community</h2>
<div class="border-bottom my-3"></div>
<p>Innovation and Entrepreneurship community is a youth-driven community,with the mission to activate the entrepreneurial activity.</p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
<div class="row row2 justify-content-center">
<div class="community-box box-four col-md-3 col-lg-3 col-sm-10">
<h2>Javascript Community</h2>
<div class="border-bottom my-3"></div>
<p>This community helps people to grasp the overwhelming amount of JavaScript technologies and help them to choose and learn
suitable frameworks for the project.</p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-five col-md-3 col-lg-3 col-sm-10">
<h2>Machine Learning Community</h2>
<div class="border-bottom my-3"></div>
<p>This Community will helps beginners or ML enthusiasts to familiarize with Machile Learning and Artificial Intelligence and it's applications in the various fields. </p>
<a href="#">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2>Python Community</h2>
<div class="border-bottom my-3"></div>
<p>This Community helps beginner or python programming enthusiast to familiarize with python language and it’s
libraries,applications, news, career opportunities by organizing events.</p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2>Competetive Programming</h2>
<div class="border-bottom my-3"></div>
<p></p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2> Cloud Community </h2>
<div class="border-bottom my-3"></div>
<p></p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2>IOT Community</h2>
<div class="border-bottom my-3"></div>
<p></p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2>Blockchain Community</h2>
<div class="border-bottom my-3"></div>
<p></p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
<div class="community-box box-six col-md-3 col-lg-3 col-sm-10">
<h2>Dart Community</h2>
<div class="border-bottom my-3"></div>
<p></p>
<a href="http://kucc.ku.edu.np/">See More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</section>
<!-- APPLY FOR COMMUNITY SECTION -->
<section id="apply">
<div class="container-fluid text-center">
<h1>Make your own Community</h1>
<p>Make a community to help others grow.</p>
</div>
</section>
<footer>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="cta col-md-6 col-sm-11 text-left">
<p>Designed with <i class="fa fa-heart"></i> by <a href="http://bimaltimilsina.com.np"><span>Bimal Timilsina</span> </a></p>
</div>
<div class="cta mail col-md-6 col-sm-11 text-right">
<p>Got Questions? Reach Us at: <a href="mailto:[email protected]"><span>[email protected]</span> </a></p>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/smooth-scroll.polyfills.min.js"></script>
<script>
// SMOOTH SCROLLING EFFECT
var scroll = new SmoothScroll('a[href*="#"]', {
// Speed & Duration
speed: 400, // Integer. Amount of time in milliseconds it should take to scroll 1000px
speedAsDuration: false, // If true, use speed as the total duration of the scroll animation
// Easing
easing: "easeInOutQuad" // Easing pattern to use
});
</script>
</body>
</html>