forked from GDGVIT/gcpcrashcourse
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (120 loc) · 5.39 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:image:height" content="900">
<meta property="og:image:width" content="1000">
<meta property="og:image" content="https://github.com/dsc-viit/gcp/blob/master/Cloud.jpeg">
<meta name="twitter:image" content="https://github.com/dsc-viit/gcp/blob/master/Cloud.jpeg">
<!-- Title of the webpage -->
<title>#GCPCrashCourse at DSC VIIT</title>
<!-- Linking Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,800&display=swap" rel="stylesheet">
<!-- Linking Jquery CDN -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Linking CSS Files -->
<link rel="stylesheet" href="css/index.css?ver=0.3">
<!-- Linking JS Files -->
<script src="js/index.js?ver=0.3"></script>
<!-- Adding PWA Capabilities -->
<link rel="manifest" href="manifest.json">
<script>
if('serviceWorker' in navigator) {
navigator.serviceWorker.register('js/sw.js')
.then(function() {
console.log('Service Worker Registered');
});
}
</script>
</head>
<body>
<!-- Landing section -->
<div class="main">
<div class="main-content-holder">
<!-- Heading -->
<h1>#30DaysofGoogleCloud</h1>
<!-- DSC Logo -->
<div class="dsc-logo"></div>
<!-- Know More Button -->
<div class="know-more-button">Know More</div>
</div>
</div>
<!-- About Section -->
<div class="main-about">
<!-- About Section -->
<div style="padding-bottom: 40px;">
<!-- About Section Heading -->
<h1>About #30daysofgooglecloud</h1>
<!-- About Section Paragraph -->
<p>Ever thought of learning about Google Cloud Platform? We've got you covered. DSC VIIT in collaboration with Developer Student Clubs and Qwiklabs brings to you #GCPCrashCourse, the best way to get started with Google Cloud Platform.</p>
</div>
<!-- Tracks Section -->
<div style="padding-bottom: 60px;">
<!-- Tracks Section Heading -->
<h1>We have two exciting tracks for you</h1>
<!-- Tracks Section Pargraph -->
<p>Click on a track to get enrolled in it:</p>
<!-- Tracks Section Icons -->
<div class="main-about-icon">
<div class="icon-holder">
<div class="icon data"></div>
<div class="icon-text">Data Science & ML</div>
</div>
<!-- <div class="icon-holder">
<div class="icon android"></div>
<div class="icon-text">Android</div>
</div> -->
<div class="icon-holder">
<div class="icon ml"></div>
<div class="icon-text">Cloud Engineering</div>
</div>
</div>
</div>
<!-- Rewards section -->
<div style="padding-bottom: 60px;">
<!-- Rewards Section Heading -->
<h1>Nothing's fun without rewards</h1>
<!-- Rewards Section Pargraph -->
<p>Any one who completes at least one Track in this month is eligible for Goodies</p>
<!-- Rewards Section Icons -->
<div class="main-about-icon">
<div class="icon-holder">
<div class="icon hoodie"></div>
<div class="icon-text">Hoodies</div>
</div>
<div class="icon-holder">
<div class="icon pen"></div>
<div class="icon-text">Schwags</div>
</div>
<div class="icon-holder">
<div class="icon certificate"></div>
<div class="icon-text">Certification</div>
</div>
</div>
</div>
<!-- Steps section -->
<div style="padding-bottom: 60px;">
<!-- Steps Section Heading -->
<h1>Three Simple Rules</h1>
<!-- Steps Section Pargraph -->
<p>Follow these three simple rules and you're golden:</p>
<!-- Steps Section Icons -->
<div class="main-about-icon">
<div class="icon-holder-two">
<div class="icon-two step-one"></div>
<div class="icon-text-two">Enroll in any mentioned above quest</div>
</div>
<div class="icon-holder-two">
<div class="icon-two step-two"></div>
<div class="icon-text-two">Complete at least 1 track before 31st October (9 AM)</div>
</div>
<div class="icon-holder-two">
<div class="icon-two step-three"></div>
<div class="icon-text-two">Submit the <a href="https://docs.google.com/forms/d/e/1FAIpQLScKoVbnlIQqRJeQRLKvvSVrGL9J30CmIng6UvaRQF6YUWTLBA/viewform" target="_blank">form</a> to join and receive goodies!</div>
</div>
</div>
</div>
</div>
</body>
</html>