1
1
< html class ="">
2
2
< head >
3
- <!-- Global site tag (gtag.js) - Google Analytics -->
4
3
< script async src ="https://www.googletagmanager.com/gtag/js?id=UA-125870124-1 "> </ script >
5
4
< script >
6
5
window . dataLayer = window . dataLayer || [ ] ;
20
19
< link rel ="stylesheet " href ="assets/custom.css ">
21
20
< link rel ="stylesheet " type ="text/css " href ="assets/css/animate.css ">
22
21
< scriptsrc ="assets/bootstrap.min.js.download"> </ script >
22
+ < script src ="assets/bootstrap.min.js.download "> </ script >
23
23
< script language ="JavaScript " type ="text/javascript " src ="assets/custom.js.download "> </ script >
24
24
25
25
< meta name ="viewport " content ="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no ">
163
163
# hoverbtn : hover {
164
164
background-color : red;
165
165
}
166
+ @media (max-width : 900px ){
166
167
168
+ }
167
169
</ style >
168
170
169
171
< title > Codezoned</ title >
170
172
</ head >
171
173
172
174
< body data-gr-c-s-loaded ="true ">
173
- < header >
175
+ < header style =" position: absolute; " >
174
176
< nav class ="navbar navbar-toggleable-sm navbar-fixed-top " style ="background-color: black; ">
175
177
176
178
< div > < a href ="http://www.codezoned.com " class ="navbar-brand mb-0 " style =""> < img src ="assets/img/CZmainsmall.png " style ="width: 12%; min-width: 150px; "> </ a > </ div >
177
-
179
+
178
180
< button class ="navbar-toggler navbar-toggler-right collapsed " type ="button " data-toggle ="collapse " data-target ="#headerNav " aria-controls ="headerNav " aria-expanded ="false " aria-label ="Toggle navigation ">
179
- < span class ="navbar-toggler-icon "> </ span >
181
+ < span class ="navbar-toggler-icon " style =" color: white; width: 80px; background-color: #343434; padding-top: 2px; margin-top: 5px; " > Menu </ span >
180
182
</ button >
181
183
184
+
185
+
182
186
< div id ="headerNav " class ="navbar-collapse justify-content-end collapse " aria-expanded ="false " style ="">
183
187
< ul class ="navbar-nav ">
184
188
194
198
< a class ="nav-link " href ="https://github.com/codezoned/ScriptsDump " target ="_blank "> ScriptsDump</ a >
195
199
</ li >
196
200
< li class ="nav-item ">
197
- < a class ="nav-link " href ="https://github.com/codezoned/BlogCast " target ="_blank "> Blog Cast </ a >
198
- </ li >
201
+ < a class ="nav-link " href ="https://github.com/codezoned/BlogCast " target ="_blank "> BlogCast </ a >
202
+ </ li >
199
203
< li class ="nav-item ">
200
204
< a class ="nav-link " href ="http://talk.codezoned.com/ " target ="_blank " style ="color:red; "> Forum</ a >
201
205
</ li >
@@ -240,8 +244,58 @@ <h1 class="display-5" style="font-family: profontwindows; word-spacing: -8px; fo
240
244
</ div >
241
245
</ section >
242
246
247
+ < section id ="sec-about " class ="sec-about pt-5 pb-5 " style ="background-color: #222222; ">
248
+ <!-- <div class="container"> -->
249
+ < div class ="row justify-content-center text-center " style ="">
250
+ < div class ="col-md-4 col-lg-8 animated bounceInLeft " id ="animate2 ">
251
+ < h2 class ="display-5 " style ="font-family: profontwindows; word-spacing: -8px; color: white; "> How to Join</ h2 >
252
+ < div class ="row ">
253
+ < div class ="col s12 m12 ">
254
+ < div class ="card darken-1 " style ="background-color: white; min-height: 240px; ">
255
+ < div class ="card-content white-text ">
256
+ < span class ="card-title " style ="color: black; "> < strong > Step 1</ strong > </ span >
257
+ < p style ="color: #9E9E9E "> Join us,,,,,,,,,,,,,,,,,,</ p >
258
+ </ div >
259
+ <!-- <div class="card-action">
260
+ <a href="#"><div class='button -regular center' style="background-color: #2196F3; color: white;" id="hoverbtn">Check it out!</div></a>
261
+
262
+ </div> -->
263
+ </ div >
264
+ </ div >
265
+ < div class ="col s12 m12 ">
266
+ < div class ="card darken-1 " style ="background-color: white; min-height: 240px; ">
267
+ < div class ="card-content white-text ">
268
+ < span class ="card-title " style ="color: black; "> < strong > Step 2</ strong > </ span >
269
+ < p style ="color: #9E9E9E "> zsxdcfvghbjnkml,;.'/.;l,kmjhgvfcdcfvgbhjnkm!</ p >
270
+ </ div >
271
+ <!-- <div class="card-action">
272
+ <a href="#"><div class='button -regular center hoverbtn' style="background-color: #2196F3; color: white;">Check it out!</div></a>
273
+
274
+ </div> -->
275
+ </ div >
276
+ </ div >
277
+
278
+ < div class ="col s12 m12 ">
279
+ < div class ="card darken-1 " style ="background-color: white; min-height: 240px; ">
280
+ < div class ="card-content white-text ">
281
+ < span class ="card-title " style ="color: black; "> < strong > step 3</ strong > </ span >
282
+ < p style ="color: #9E9E9E "> zsxdcfvgbhnjmkjnhbgvfcdx</ p >
283
+ </ div >
284
+ <!-- <div class="card-action">
285
+ <a href="#"><div class='button -regular center hoverbtn' style="background-color: #2196F3; color: white;">Check it out!</div></a>
286
+
287
+ </div> -->
288
+ </ div >
289
+ </ div >
290
+ </ div >
291
+
292
+ </ div >
293
+ </ div >
294
+
295
+ </ section >
296
+ < br > < br >
297
+ < section class ="hero ">
243
298
244
- < section class ="hero ">
245
299
< div class ="container ">
246
300
< div class ="row justify-content-center text-center ">
247
301
< div class ="col-md-10 col-lg-8 animated bounceInRight " id ="animate3 ">
@@ -257,6 +311,7 @@ <h3 class="lead">These are some of the events we are honoured to have organised/
257
311
</ div >
258
312
</ div >
259
313
</ div >
314
+ </ section >
260
315
< section class ="hero ">
261
316
< div class ="jumbotron jumbotron-fluid mb-0 " style ="vertical-align: middle; ">
262
317
< div class ="container row justify-content-center text-center " style ="">
@@ -387,9 +442,11 @@ <h3 class="display-5" style="font-family: quicksand; word-spacing: ;">Some of ou
387
442
</ div >
388
443
389
444
390
- < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
391
445
392
- < script >
446
+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
447
+ < script src ="assets/bootstrap.min.js.download "> </ script >
448
+
449
+ < script >
393
450
394
451
$ ( window ) . scroll ( function ( event ) {
395
452
0 commit comments