-
Notifications
You must be signed in to change notification settings - Fork 1
/
appsprint.html
264 lines (259 loc) · 18.6 KB
/
appsprint.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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Techwarts</title>
<meta property="og:title" content="Techwarts">
<meta name="description" content="Techwarts. Technology is Us! The Premier Technological Club of PES University Electronic City Campus.">
<meta name="twitter:title" content="Techwarts">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta property="og:image" content="assets/img/techwarts-small.png">
<meta name="twitter:image" content="assets/img/techwarts-small.png">
<meta name="twitter:description" content="Techwarts. Technology is Us! PES University City Campus' Premier Technological Club.">
<meta property="og:description" content="Techwarts. Technology is Us! The Premier Technological Club of PES University Electronic City Campus.">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Article-List.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/countdown-timer-1.css">
<link rel="stylesheet" href="assets/css/countdown-timer.css">
<link rel="stylesheet" href="assets/css/Features-Boxed.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
<link rel="stylesheet" href="assets/css/gradient-navbar.css">
<link rel="stylesheet" href="assets/css/Header-Blue-1.css">
<link rel="stylesheet" href="assets/css/Header-Blue-2.css">
<link rel="stylesheet" href="assets/css/Header-Blue.css">
<link rel="stylesheet" href="assets/css/Highlight-Blue.css">
<link rel="stylesheet" href="assets/css/Highlight-Phone.css">
<link rel="stylesheet" href="assets/css/Projects-Clean.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/Team-Boxed.css">
<link rel="stylesheet" href="assets/css/Team-Clean.css">
<link rel="stylesheet" href="assets/css/Zig-Zag-Timeline-v3.css">
</head>
<body style="background-color: #393e46;">
<nav class="navbar navbar-light navbar-expand-md navigation-clean-search" style="padding-bottom: 0px;padding-top: 6px;color: #fff;background-color: #222831;">
<div class="container-fluid"><a class="navbar-brand" href="/" style="padding-top: 0px;padding-bottom: 0px;margin-right: 16px;"><img src="assets/img/techwarts-small.png" style="height: 60px;padding-bottom: 16px;padding-top: 0px;"> <p style="display: inline-block;font-size: 41px;margin-bottom: 0px;padding-top: 0px;margin-top: 0px;color: #fff;font-family: 'Source Sans Pro', sans-serif;font-style: normal;">Techwarts</p></a>
<button
data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1" style="padding-bottom: 8px;color: #fff;">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link" href="/" style="color: #fff;">About Us</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/#clubs" style="color: #fff;">Clubs</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/#events" style="color: #fff;">Events</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="members.html" style="color: #fff;">Team</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/#contact" style="color: #fff;">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
<div class="team-boxed" style="background-color: transparent;">
<div class="container">
<div class="intro">
<h2 class="text-center" style="font-size: 55px;color: #fff;">AppSprint 2020</h2>
</div>
</div>
</div>
<div class="features-boxed" style="background-color: transparent;">
<div class="container">
<div class="intro">
<h2 class="text-center" style="color: #fff;font-size: 22px;padding-top: 5px;margin-bottom: 0px;font-family: 'Source Sans Pro', sans-serif;">Do you have what it takes to understand and build mobile applications?<br></h2>
<p class="text-center" style="color: #fff;padding-top: 20px;padding-bottom: 26px;">Techwarts and OnCreate() present AppSprint, a week long UI and App development challenge that is bound to get your creative juices flowing!<br></p>
</div>
<div id="wrapper" style="background-color: transparent;margin-top: 0px;padding-top: 10px;padding-bottom: 15px;">
<div class="container">
<h1 style="color: #fff;">AppSprint 2020 has ended and was a great success!</h1>
<p style="color: #fff;">Check out the winners!</p>
</div>
</div>
<div class="row articles">
<div class="col-sm-6 col-md-4 item" style="padding-top: 25px;padding-bottom: 20px;">
<h3 class="name" style="color: #FFF;padding-top: 0;padding-bottom: 10px;font-size: 25px;">Best Design - Solar Force</h3><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/icLVuLaaDg8"></iframe>
<p class="description" style="color: #fff;padding-top: 5px;">The app design is inspired by the fast evolving technologies, discoveries and developments involving travel within the solar system. This depiction of space in the app was inspired by the idea of space travel as portrayed by George
Lukas, the creator of the <em>'Star Wars'</em> series.</p><a class="action" href="https://appsprint.devpost.com/submissions/169868-aight" target="_blank"><i class="fa fa-arrow-circle-right"></i></a></div>
<div class="col-sm-6 col-md-4 item"
style="padding-top: 0px;padding-bottom: 20px;">
<h3 class="name" style="color: #FFF;padding-top: 0px;padding-bottom: 10px;font-size: 25px;">Overall Winner - Presta</h3><a href="https://appsprint.devpost.com/submissions/169868-aight" target="_blank"><img class="img-fluid" src="assets/img/presta.png"></a>
<p class="description" style="color: #fff;">We have developed a fashion microblogging application where designers can come for inspiration. It consists of four pages, one, where we get all the posts from the people we are following, the second would be the search page where
we'll find the latest and trending designs and the third is our profile page with our posts, our display picture and our number of followers and following. When we tap on a post, we can see all the comments and insights shared
on that design for a better community feedback and also give a like to show our support. Our design focused on the simplicity of the UI and how it would be easy for anyone using the app to get better ideas about the latest fashion
trends.</p><a class="action" href="https://appsprint.devpost.com/submissions/169868-aight" target="_blank"><i class="fa fa-arrow-circle-right"></i></a></div>
<div class="col-sm-6 col-md-4 item" style="padding-top: 25px;padding-bottom: 20px;">
<h3 class="name" style="color: #FFF;padding-top: 0;padding-bottom: 10px;font-size: 25px;">Best Development - AiGHT</h3><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/CpLgFdtErDM"></iframe>
<p class="description" style="color: #fff;">While developing this app we had an approach to make this app as easy to understand and minimalistic as possible. Our app aims to provide a platform for users to submit anything which can be put down in words without the social norm
of acceptance through likes or comments. In the world where social media has become a platform where we seek acceptance and approval without which many of us feel disheartened we wanna provide a platform where one can submit anything
without seeking approval through likes or comments which helps users to express themselves without any constraints.</p><a class="action" href="https://appsprint.devpost.com/submissions/169868-aight" target="_blank"><i class="fa fa-arrow-circle-right"></i></a></div>
</div>
<h1 style="color: #fff;padding-top: 66px;padding-bottom: 0px;margin-bottom: -21px;">What do we have in store for you?<br></h1>
<div class="row justify-content-center features">
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box" style="background-color: #eeeeee;"><i class="fas fa-chalkboard-teacher icon" style="color: 00adb5;"></i>
<h3 class="name">Webinars</h3>
<p class="description">We've organized webinars aimed to take you through the fundamentals and learn the tools the professionals use.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box" style="background-color: #eeeeee;"><i class="fas fa-draw-polygon icon"></i>
<h3 class="name">UI Design</h3>
<p class="description">Design the app you've always dreamed of and showcase your design skills to the world!</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="box" style="background-color: #eeeeee;"><i class="fas fa-mobile icon"></i>
<h3 class="name">App Development</h3>
<p class="description">Bring your design to reality and make mobile applications for the masses.<br><br></p>
</div>
</div>
</div>
<h2 class="text-center" style="font-size: 40px;color: #fff;margin-bottom: 7px;padding-top: 42px;padding-bottom: 14px;">Meet the Judges!</h2>
<div class="row">
<div class="col-md-6" style="margin-bottom: 14px;margin-top: 14px;"><img src="assets/img/2.png" style="max-width: 93%;"></div>
<div class="col-md-6" style="margin-top: 14px;margin-bottom: 14px;"><img src="assets/img/3.png" style="max-width: 93%;margin-top: 0px;"></div>
</div>
<h2 class="text-center" style="font-size: 40px;color: #fff;margin-bottom: 7px;padding-top: 42px;">Schedule</h2>
</div>
</div><div class="container" style=" color:#ffffff">
<div class="row">
<div class="col-lg-12">
<!--h2 class="text-center">The Schedule</h2-->
<br>
<p>
</p>
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="img-circle img-responsive rounded-circle" src="https://avatars1.githubusercontent.com/u/21107799?s=460&u=44580399121630577761ddbdf0b2395d9e6cc54f&v=4" alt=""
style="height:100%">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 style="color:#fff">UI Design Webinar</h4>
<h4 class="subheading" style="color:#fff">Akash Hamirwasia</h4>
<h6 class="subsubheading">25th July 3:30 pm to 4:00 pm</h6>
</div>
<div class="timeline-body">
<p class="text" style="color:#eeeeee">
Learn how to make a design and turn your ideas into reality with this action packed session on Figma.
</p>
</div>
</div>
<div class="line"></div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle rounded-circle img-responsive" src="assets/img/irfan.jpg" alt="" style="height:100%">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 style="color:#fff">App Development Webinar</h4>
<h4 class="subheading" style="color:#fff">Irfan Syed</h4>
<h6 class="subsubheading">26th July 3:30 pm to 4:00 pm</h6>
</div>
<div class="timeline-body">
<p class="text" style="color:#eeeeee">
Learn how to turn your design into a functional mobile application with a tutorial on native Android development using Android Studio.
</p>
</div>
</div>
<div class="line"></div>
</li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive rounded-circle" src="assets/img/draw1.jpg" alt="" style="height:100%">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 style="color:#fff">UI Design Challenge</h4>
<h4 class="subheading" style="color:#fff">28th July</h4>
</div>
<div class="timeline-body">
<p class="text" style="color:#eeeeee">
The competition begins with a design challenge where you will be expected to make the design and prototype your idea. Go wild with fun micro-interactions and beautiful and aesthetic designs. Every great app starts with great design so showcase your's here!
</p>
</div>
</div>
<div class="line"></div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive rounded-circle" src="assets/img/phone1.jpg" alt="" style="height:100%">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 style="color:#fff">App Development Challenge</h4>
<h4 class="subheading" style="color:#fff">28th July</h4>
</div>
<div class="timeline-body">
<p class="text" style="color:#eeeeee">
The next stage will engage you in making your design a perfectly functional mobile application. Code your app into existence using the language of your choice, let it be Java, Kotlin, Swift, Flutter or React native. This is your chance to make your dream real!
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<h2 class="text-center" style="font-size: 40px;color: #fff;padding-top: 82px;padding-bottom: 34px;">Frequently Asked Questions</h2>
<div role="tablist" id="accordion" style="margin: auto;max-width: 1000px;padding-bottom: 50px;padding-right: 30px;padding-left: 30px;">
<div class="card" style="padding-bottom: 0px;margin-bottom: 10px;" data-toggle="collapse" href="#accordion .item-1">
<div class="card-header" role="tab">
<h5 class="mb-0"><a data-toggle="collapse" aria-expanded="false" aria-controls="accordion .item-1" href="#accordion .item-1" style="color: #222831;">Is this a team event?</a></h5>
</div>
<div class="collapse item-1" role="tabpanel" data-parent="#accordion">
<div class="card-body">
<p class="card-text">Yes, you can participate in teams of 1-3 people.</p>
</div>
</div>
</div>
<div class="card" style="padding-bottom: 0px;margin-bottom: 10px;">
<div class="card-header" role="tab" data-toggle="collapse" aria-controls="accordion .item-4" href="#accordion .item-4">
<h5 class="mb-0"><a data-toggle="collapse" aria-expanded="false" aria-controls="accordion .item-2" href="#accordion .item-2" style="color: #222831;">I don't know anything in UI Design. What do I do?</a></h5>
</div>
<div class="collapse item-2" role="tabpanel" data-parent="#accordion">
<div class="card-body">
<p class="card-text">Attend our webinar on the 25th July at 3:30 pm to learn all that you need about UI Design from Akash Hamirwasia. More information above!<br></p>
</div>
</div>
</div>
<div class="card" style="padding-bottom: 0px;margin-bottom: 10px;" data-toggle="collapse" aria-controls="accordion .item-5" href="#accordion .item-5">
<div class="card-header" role="tab">
<h5 class="mb-0"><a data-toggle="collapse" aria-expanded="false" aria-controls="accordion .item-3" href="#accordion .item-3" style="color: #222831;">I don't know anything in App Development. What do I do?</a></h5>
</div>
<div class="collapse item-3" role="tabpanel" data-parent="#accordion">
<div class="card-body">
<p class="card-text">Attend our webinar on the 26th July at 3:30 pm to learn all that you need to know about App Dev from Irfan Syed. More information above!</p>
</div>
</div>
</div>
</div>
<div class="footer-dark" style="background-color: #1b262c;">
<footer>
<div class="container">
<p class="copyright" style="padding: 0;padding-top: 0;opacity: 0.81;">Techwarts © 2020</p>
</div>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/smart-forms.min.js"></script>
<script src="assets/js/countdown-timer.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>