-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
341 lines (308 loc) · 15.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
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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Crazy Amigos</title>
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500i,600" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
</head>
<body>
<div id="bodywrapper">
<div class="scrolltop">
<a href="#top" class="scrollup"></a>
</div>
<div class="graphics">
<div class="circle smallcircle">
</div>
<div class="circle mediumcircle">
</div>
<div class="circle largecircle">
</div>
</div>
<div class="wrapper">
<header>
<div class="logo">
<img src="images/logo.png" alt="logo">
</div>
<nav id="catopnav" class="topnav">
<a href="">Home</a>
<a href="#aboutus">About us</a>
<a href="#projects">Projects</a>
<a href="#investors">Investors</a>
<a href="#sponsors">Sponsors</a>
<a href="#teams">Team</a>
<a href="#startups">Startups</a>
<a href="#joinus">Join us</a>
<a href="javascript:void(0);" class="hamburger" onclick="myFunction()">☰</a>
</nav>
</header>
<section class="hero">
<img src="images/center-logo.png" alt="hero-image">
<h4>Finding empty space!</h4>
</section>
<!-- .......................................................About us........................................... -->
<section class="aboutus" id="aboutus">
<div class="maincontent">
<div class="heading">
<h1>About us</h1>
<div class="underline"></div>
</div>
<p>
Crazy amigos is an open source community where you can learn, share and get connected to the
real-time technological world. Grab the opportunity to be part of this professional learning and
sharing community and get hands-on experience in real time projects.
</p>
</div>
<div class="backimg">
<div id="crazyguy"></div>
<img src="images/monkey1.png" alt="monkey1" id="monkey1">
</div>
<div class="box">
<div class="featurebox">
<div class="icon">
<img src="images/icon1.png" alt="icon1">
</div>
<h4>Practical Knowledge! Hands-on experience on live projects!</h4>
</div>
<div class="featurebox">
<div class="icon">
<img src="images/icon2.png" alt="icon1">
</div>
<h4>Share Your Perspectives
See Your Ideas Getting Shaped
Help The Young To Be One Like You
</h4>
</div>
<div class="featurebox">
<div class="icon">
<img src="images/icon3.png" alt="icon1">
</div>
<h4>Crazy Amigos does all these at FREE OF COST!
</h4>
</div>
</div>
</section>
<!-- .......................................................Projects........................................... -->
<section class="projects" id="projects">
<div class="yellowback"></div>
<div class="yellowbackcontent">
<div class="maincontent">
<div class="heading">
<h1>Projects</h1>
<div class="underline"></div>
</div>
<p>
<i><b>“Everything begins with an idea”,</b></i> -- <b>Earl Nightingale</b><br><br>
A good idea becomes a great idea when you let it out and we are the platform! Yes, we at Crazy
Amigos conduct idea presentation events every year to encourage new ideas. It is an ideal
platform to learn from and get opportunity to work with the peers of the industry.<br><br>
</p>
<h1>1. <a href="" onclick="yengTab()">
<img src="images/yenglogo.png" alt="yenglogo" id="yeng">
</a>
</h1>
<p>
Companies, government organization and such entities willing to have open source projects are
also part of the event. The success of our very first project <span><a href="#" onclick="yengTab()">Yeng</a></span>
shows how open the technical world is to welcome the young ideas.<br><br>
So, make sure you don’t miss our upcoming event!
</p>
<h1>2.   Pitch your idea:</h1>
<form method="POST" id="ideaForm"
action="https://script.google.com/macros/s/AKfycbzJ1fRJ9RcxzvJQVwo6H-MfOYRaIZYaEu3raQHVnRIMzQ7bTl0/exec">
<label for="title">Title</label>
<input type="text" id="title" name="title">
<label for="phone">Phone no.</label>
<input type="text" id="phones" name="phone">
<label for="phone">Email</label>
<input type="email" id="email" name="email">
<span id="email-invalid" style="display:none">
Must be a valid email address
</span>
<label for="description">Description</label>
<textarea name="description" id="description" cols="30" rows="10"></textarea>
<button type="submit">Submit</button>
</form>
<!-- Customise the Thankyou Message People See when they submit the form: -->
<div style="display:none;" id="ideaSuccess_message">
<h2><em>Thanks</em> for your idea!
We will get back to you soon!</h2>
</div>
</div>
<div class="backimg">
<img src="images/monkey2.png" alt="monkey2" id="monkey2">
</div>
</div>
<div class="yellowdrops">
<img src="images/yellowdrops.png" alt="yellowdrops">
</div>
</section>
<!-- .......................................................Investors........................................... -->
<section class="investors" id="investors">
<div class="backimg">
<img src="images/investor.png" alt="investor" id="investor">
<img src="images/monkey3.png" alt="monkey3" id="monkey3">
</div>
<div class="maincontent">
<div class="heading">
<h1>Investors</h1>
<div class="underline"></div>
</div>
<div class="greyback">
<p>
<b>Looking forward to invest in innovative ideas and new technology products?</b><br>
Yes? Then come join the Crazy Amigos!<br><br>
With our first project Yeng being a successful one, we have a handful of innovative open source
projects in the queue for you to invest on and be a part of the innovative products that the
generation needs.<br><br>
Not just that, do you wish to join us for discussion on different investment plans or on the
possibilities and future of new ideas?
</p>
</div>
</div>
</section>
<!-- .......................................................Sponsors........................................... -->
<section class="sponsors" id="sponsors">
<div class="backimg">
<img src="images/crazy.png" alt="crazy" id="crazy">
<img src="images/amigos.png" alt="amigos" id="amigos">
</div>
<div class="maincontent">
<div class="heading">
<h1>Sponsors</h1>
<div class="underline"></div>
</div>
<div class="colcontainer">
<p>
<b>Event Sponsors</b><br>
We have numerous event sponsors in the main cities of India, extending all the resources
necessary while holding the idea pitching events, products launching event so on and so
forth.<br>
We are also happy to take free sessions in colleges and companies on supporting us necessary
space and resources.
</p>
<p>
<b>Technical Support</b><br>
Right from the beginning, Crazy Amigos have had great technical support from Big-name companies
in the industry.<br>
And we are continually receiving many more as well. Apart from the goodwill, sponsors get worthy
visibility that benefits them in future as well.
</p>
</div>
</div>
</section>
<!-- .......................................................Teams........................................... -->
<section class="teams" id="teams">
<div class="maincontent">
<div class="heading">
<h1>Teams</h1>
<div class="underline"></div>
</div>
<div class="colcontainer">
<div class="teamcircle">
<img src="images/teamcircle.png" alt="teamcircle">
</div>
<div class="teamcontent">
<p>
<b>Organizing Team</b><br>
We host official events, manage mentorship programs and coordinate everything related to the
open source community.
</p>
<p>
<b>Business Development Team</b><br>
Dynamic individuals marketing our open source projects, conducting seminars in colleges and
companies and other similar business development programs.
</p>
</div>
</div>
<div class="teamcontent1">
<p>
<b>HR Team</b><br>
The HR team focuses on strengthening collective effort put by every individual in Crazy Amigos.
and Yeng.
</p>
</div>
</div>
</section>
<!-- .......................................................Startups........................................... -->
<section class="startups" id="startups">
<div class="circle largecircle2"></div>
<div class="maincontent">
<div class="heading">
<h1>Startups</h1>
<div class="underline"></div>
</div>
<p>
<b>Can Crazy Amigos Help Me With My Start-Up?</b><br>
Yes! We are always there to help you. Candidates aspiring to be a part of our open source project
have this question in their mind.<br><br>
<b>Will I be able to start my own entity? Will Crazy Amigos help me?</b><br>
Crazy Amigos always believing in knowledge and support wherever, whenever and whomsoever possible.
Candidates, who are part of our open source projects, are free to decide on their future.<br><br>
Through the training, you can continue working with our projects, look for a job or even start your
own entity.<br><br>
<b>We are always there!</b> Just let us know and Crazy Amigos are there.
</p>
</div>
</section>
<!-- .......................................................Join Us........................................... -->
<section class="joinus" id="joinus">
<div class="backimg">
<img src="images/center-logo.png" alt="form background img">
</div>
<div class="backoverlay">
<div class="maincontent">
<div class="heading">
<h1>Join Us</h1>
<div class="underline"></div>
</div>
<form method="POST" id="joinForm"
action="https://script.google.com/macros/s/AKfycbx2OpaMeihiPtXWwccdnqaBkD3u7anqmKJB840B6RZjuf7Tuu0/exec">
<label for="name">Name</label>
<input type="text" id="name" name="name">
<label for="email">email id</label>
<input type="text" id="emails" name="email">
<span id="" style="display:none; color: red;" >
Must be a valid email address
</span>
<label for="phone">Phone no.</label>
<input type="text" id="phone" name="phone">
<label for="description">Description</label>
<textarea name="description" id="descriptions" style="width: 100%" cols="30" rows="10"></textarea>
<button type="submit">Join</button>
</form>
<div style="display:none; width: 100%;height:400px;color: yellow;" id="joinSuccess_message">
<h2><em>Thanks</em> for Join Us!
We will get back to you soon!</h2>
</div>
</div>
</div>
</section>
<!-- .......................................................Contacts........................................... -->
<section class="contacts" id="contacts">
<div class="maincontent">
<div class="heading">
<h1>Contacts</h1>
<div class="underline"></div>
</div>
<p>
<b>talk@crazyamigos.io</b><br><br>
<span>Community Lead</span><br>
<b>Nikhil Kilivayil</b><br>
+91 9995471353<br>
talk@crazyamigos.io / nikhilkilivayil@gmail.com
</p>
</div>
</section>
</div>
<!-- .......................................................Footer........................................... -->
<footer>
<h2>Gracias Amigos !</h2>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/main.js"></script>
<script src="js/google-form.js"></script>
</body>
</html>