-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_permanent.html
251 lines (202 loc) · 11.3 KB
/
index_permanent.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#37474F">
<meta name="msapplication-navbutton-color" content="#37474F">
<meta name="apple-mobile-web-app-status-bar-style" content="#37474F">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>DotSlash | Events</title>
<!-- fonts -->
<link href="./base/css/bold-font.css" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet"> -->
<!-- css helpers -->
<link rel="stylesheet" type="text/css" href="./base/css/flexboxgrid.min.css">
<link rel="stylesheet" type="text/css" href="./base/css/fontello-embedded.css">
<link rel="stylesheet" type="text/css" href="./base/css/app.css">
<!-- scripts -->
<script type="text/javascript" src="./base/js/app.js"></script>
</head>
<body>
<nav class="app-nav">
<span class="title">DotSlash Events</span>
</nav>
<section class="app-section">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="app-card gradient-bg">
<div class="intro">
<div class="basic">
<span class="date">25 JAN</span>
<span class="time">01:40</span>
</div>
<div class="logos">
<div class="avatars">
<div class="logo-size">
<img src="./base/assets/avatars/teja.jpg" class="logo avatar" />
</div>
<div class="logo-size">
<img src="./base/assets/avatars/pra.jpg" class="logo avatar" />
</div>
</div>
<span class="title">Web Dev Bootcamp</span>
</div>
<span class="venue"><span class="icon-location"></span> SEMINAR HALL</span>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 for-mobile mp-collapsed-content">
<div class="app-card m-rsvp gradient-mobile-blocked-bg">
RSVP
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-md-9 col-lg-9 mp-collapsed-content">
<div class="app-card no-corners light-shadow white-bg">
<div class="event-article">
<div class="content-section">
<div class="title">
But, Why?
</div>
<div class="content">
A website development tool provides companies with a podium for this necessary web presence and allows them to get in touch with millions of web surfers all over the world, widening the range of their potential customers. This doesn't just make the companies accessible, but accessible to the global population. It also gives businesses the chance to portray themselves in the ways they want to be seen, with a platform that's built on their terms and can effectively market the services or products that they offer. In addition, a website will make businesses look more reliable if they're represented in a professional way. To develop a website in accordance with specific criteria, the business can either hire a developer or do it themselves by choosing from the best web development software, which will assist in creating polished websites.
Website development can include anything from simply programming the data of a website to adding client liaison, content, network security and web server configuration, e-commerce development and more. It usually ranges from creating the simplest, plain text to the most difficult web-based applications, social network services and electronic business.
A great way to reinforce the personal recommendations of other clients is through professional website development.
</div>
</div>
<div class="content-section spaced">
<div class="title">
Contents?
</div>
<div class="content">
The current talk will be aimed to introduce you with the technologies you might end up using regularly while on your journey of Web Development. The plan is to showcase a product developed in-house by the DotSlash Community and then go on and talk about all the design choices and technologies used during the entire process, we believe this will help you with understanding the components and integrations that make up an actual and functional WebApp. Anyways, here is a broad plan of what we will be talking about:
<ul>
<li>Web Stack Technologies in General</li>
<li>Basics of Front-End Development (HTML, CSS, JS)</li>
<li>Backends Systems, Integration flows with Front Ends</li>
</ul>
</div>
</div>
<div class="content-section padded spaced">
<div class="title">
Prerequisites
</div>
<div class="content">
All we expect from you is your ability to turn the computer on.
<br/>Carrying a laptop is optional though recommened.
</div>
</div>
<div class="content-section spaced">
<div class="title padded">
Speakers
</div>
<div class="content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 mp-speaker">
<div class="row middle-xs middle-sm middle-md middle-lg">
<div class="col-xs-4 col-sm-4 col-md-3 col-md-3">
<div class="speaker">
<img src="./base/assets/avatars/teja.jpg" class="avatar" style="" />
</div>
</div>
<div class="col-xs-8 col-sm-8 col-md-9 col-md-9">
<div class="speaker">
<span class="block">Kilari Teja</span>
<span class="block">3<sup>rd</sup> Year, CSE</span>
<span class="block">
<!-- <a href="" class="icon icon-facebook-official fb"></a> -->
<a href="https://github.com/ksdme" class="icon icon-github-circled github-hover gh" target="blank"></a>
<a href="https://medium.com/@ksdme" class="icon icon-medium md" target="blank"></a>
</span>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="row middle-xs middle-sm middle-md middle-lg">
<div class="col-xs-4 col-sm-4 col-md-3 col-md-3">
<div class="speaker">
<img src="./base/assets/avatars/pra.jpg" class="avatar" style="" />
</div>
</div>
<div class="col-xs-8 col-sm-8 col-md-9 col-md-9">
<div class="speaker">
<span class="block">Prashant Singh</span>
<span class="block">3<sup>rd</sup> Year, CSE</span>
<span class="block">
<a href="https://www.facebook.com/itsprashantsingh" class="icon icon-facebook-official fb" target="blank"></a>
<a href="https://github.com/prashantxc" class="icon icon-github-circled github-hover gh" target="blank"></a>
<a href="https://medium.com/@prashantxc" class="icon icon-medium md" target="blank"></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-section trivial last mobile spaced">
<div class="title padded">
Coordinators
</div>
<div class="content">
<div class="co-ordinator-list">
<div class="row center-xs center-sm center-md center-lg">
<div class="col-xs-6 col-sm-6 col-md-2 col-lg-2">
<div class="co-ordinator">
<img src="./base/assets/avatars/shivu.jpg" class="avatar co-ord-avatar"><br>
<span class="name">Shivangi Rai</span>
<span class="phone">8368696546</span>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-2 col-lg-2">
<div class="co-ordinator">
<img src="./base/assets/avatars/abhi.jpg" class="avatar co-ord-avatar"><br>
<span class="name">Abhishek</span>
<span class="phone">9716618420</span>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-2 col-lg-2 mp-coord-row">
<div class="co-ordinator">
<img src="./base/assets/avatars/teja.jpg" class="avatar co-ord-avatar"><br>
<span class="name">Kilari Teja</span>
<span class="phone">9911027503</span>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-2 col-lg-2 mp-coord-row">
<div class="co-ordinator">
<img src="./base/assets/avatars/pra.jpg" class="avatar co-ord-avatar"><br>
<span class="name">Prashant</span>
<span class="phone">9873646957</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="love-section for-large">
Made with <span class="icon-heart" style="color: red;"></span> for DotSlash Community
</div>
</div>
</div>
</section>
<section class="app-bottom">
<div class="app-card no-corners white-bg">
<div class="bottom-content">
<form class="form for-large">
<input type="text" class="text disabled" placeholder="Your Name" disabled>
<input type="email" class="email disabled" placeholder="Your Email" disabled>
<!-- <input type="submit" class="rsvp gradient-bg" value="RSVP"> -->
<input type="submit" class="rsvp disabled" value="RSVP" disabled>
</form>
<div class="love-section mobile for-mobile">
Made with <span class="icon-heart" style="color: red;"></span> for DotSlash Community
</div>
</div>
</div>
</section>
</body>
</html>
<!--
Change the Title Font and adjust the padding
-->