-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
214 lines (193 loc) · 7.51 KB
/
Copy pathindex.html
File metadata and controls
214 lines (193 loc) · 7.51 KB
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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>UM App Club</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<meta property="og:image" content="images/FB.jpg" />
<meta property="og:title" content="UM App Club" />
<meta property="og:description" content="The Tech entrepreneurship community at University of Malaya" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1>
<a href="index.html">UM App Club</a>
</h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="https://www.facebook.com/AppClubUM/">Facebook</a>
</li>
<li>
<a href="http://github.com/umappclub">Github</a>
</li>
<li>
<a href="#">Personalized learning (soon)</a>
</li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo">
<img src="images/logo.png">
</div>
<h2>Welcome to App Club</h2>
<p>App Club is the tech community at University of Malaya.
<br>We learn, teach, build, and grow
<strong> as a team</strong>.</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image">
<img src="images/pic02.jpg" alt="" />
</a>
<div class="content">
<h2 class="major-dark">Learn</h2>
<p class="dark">Inspired by hackathons' model of motivation, productivity and creativity, we founded The App Club in 2016 to learn
new technologies and tools together, more frequently.
<strong class="dark">The question</strong> we were facing was: "We've been to 2 hackathons. We've built 2 products in 48 hours, and 0 products
in the rest of the year. What's going wrong?". The answer was obvious, we needed a different learning platform. There
wasn't one, so we thought we'd create one!</p>
<a href="https://www.facebook.com/notes/the-um-app-club/our-mission-at-the-app-club/1868139433426220/" style="color: #000"
class="special">App Club mission</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image">
<img src="images/pic01.jpg" alt="" />
</a>
<div class="content">
<h2 class="major">Build</h2>
<p>We ran a 10-week bootcamp from February to May 2018 to accelerate our learning/building process. 8 teams
got the tech mentorship and education they needed to execute and launch their app ideas in campus.</p>
<a href="https://www.facebook.com/notes/the-um-app-club/bootcamp-2018-faq/1966667026906793/" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image">
<img src="images/pic03.jpg" alt="" />
</a>
<div class="content">
<h2 class="major-dark">Disrupt</h2>
<p class="dark">Our goal is to build the tech entrepreneurship ecosystem in University of Malaya, by building the
<strong class="dark">"psychological safety"</strong> that students need to
<strong class="dark">learn what matters, at their pace, collaboratively,</strong> and inspire students to work to be the best
<i>they</i> can possibly be.</p>
<a href="https://www.messenger.com/t/AppClubUM" style="color: #000" class="special">Ask us</a>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h1 class="big major">
<i>"If you are spending more time getting good grades than learning stuff, you need to start worrying about your education!!!"</i>
</h1>
<h2 class="major">Improving our tech education through industrial mentorship</h2>
<p>Technology is growing fast. Too fast, perhaps, for universities to catch up. Therefore at App Club we've been directly
getting insights and inspiration from our mentors from tech scene in Malaysia and abroad to constantly improve our
definition of right and wrong. Our mentors have guided us since the beginning, from founding the club to growing it
and making it work beyond UM.</p>
<section class="features">
<article>
<a href="https://www.messenger.com/t/AppClubUM" class="image">
<img src="images/pic04.jpg" alt="" />
</a>
<h3 class="major">Community engagement</h3>
<p>We are happy to invite passionate community developers or tech enthusiasts to share their knowledge with us, growing
our knowledge and their network.</p>
</article>
<article>
<a href="https://www.messenger.com/t/AppClubUM" class="image">
<img src="images/pic05.jpg" alt="" />
</a>
<h3 class="major">By students, for students</h3>
<p>We're a group of CS undergrads at UM who wish to push the community's standards higher, and encourage sharing of knowledge
and opportunities, unconditionally.</p>
</article>
</section>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>If you'd like to collaborate with us, teach us or learn from us, feel free to drop us a message on Facebook, we'll get
back to you soon :)</p>
<ul class="actions">
<li>
<a href="https://www.messenger.com/t/AppClubUM" class="button">Message us</a>
</li>
</ul>
<ul class="contact">
<li class="fa-home">
University of Malaya
<br /> Malaysia
<br />
</li>
<li class="fa-envelope">
<a href="mailto:appclub.um@gmail.com">appclub.um@gmail.com</a>
</li>
<li class="fa-facebook">
<a href="https://www.facebook.com/AppClubUM/">Facebook.com/AppClubUM</a>
</li>
<li class="fa-github">
<a href="http://github.com/umappclub">GitHub.com/UMAppClub</a>
</li>
</ul>
<ul class="copyright">
<li>© App Club. All rights reserved.</li>
<li>Design:
<a href="http://html5up.net">HTML5 UP</a>
</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>