-
Notifications
You must be signed in to change notification settings - Fork 1
/
assets.html
331 lines (322 loc) · 32.7 KB
/
assets.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./../Assets/favicon logo.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<script src="download.js" async></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/png" href="Assets/favicon logo.png">
<!-- <script src="download.js" async></script> -->
<title>HackGrid.pkg</title>
</head>
<body>
<section class="main">
<div class="adglogo">
<a href="https://adgvit.com/" style="margin: 0%;">
<img src="Assets/adglogo2.png">
</a>
</div>
<!-- <div class="hackgrid"><p class="hackgrid">Hackgrid</p></div>
<div class="pkg"><p class="pkg">.pkg</p></div> -->
<div class="hackgrid">
<a href="index.html" style="margin: 0%;">
<svg width="342" height="107" viewBox="0 0 342 107" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.4131 66H36.22V45.4789H14.2813V66H4.08826V17.2961H14.2813V37.0747H36.22V17.2961H46.4131V66ZM67.9101 59.4521C70.0928 59.4521 71.9379 58.8221 73.4454 57.562C74.9755 56.2795 75.7406 54.6706 75.7406 52.7355V50.1029L68.1126 50.5754C66.2675 50.7104 64.8387 51.1717 63.8262 51.9592C62.8361 52.7468 62.3411 53.7818 62.3411 55.0644C62.3411 56.4145 62.8474 57.4833 63.8599 58.2708C64.8725 59.0584 66.2225 59.4521 67.9101 59.4521ZM64.67 66.5738C61.1823 66.5738 58.2909 65.55 55.9957 63.5024C53.7006 61.4548 52.553 58.8221 52.553 55.6044C52.553 52.3192 53.7681 49.7429 56.1982 47.8753C58.6284 46.0077 62.1048 44.9388 66.6276 44.6688L75.7406 44.1288V41.7324C75.7406 40.0673 75.1893 38.7623 74.0867 37.8172C73.0067 36.8722 71.5328 36.3996 69.6652 36.3996C67.8651 36.3996 66.3913 36.8046 65.2437 37.6147C64.1187 38.4247 63.4324 39.516 63.1849 40.8886H54.1731C54.3531 37.3334 55.872 34.4758 58.7296 32.3157C61.5873 30.133 65.3787 29.0417 70.104 29.0417C74.7393 29.0417 78.452 30.1443 81.2421 32.3494C84.0323 34.5545 85.4273 37.4797 85.4273 41.1249V66H75.9093V60.4647H75.7068C74.7168 62.3548 73.2092 63.8511 71.1841 64.9537C69.159 66.0338 66.9876 66.5738 64.67 66.5738ZM125.758 43.285H116.611C116.319 41.3274 115.542 39.7523 114.282 38.5597C113.045 37.3672 111.436 36.7709 109.456 36.7709C107.003 36.7709 105.068 37.7609 103.65 39.7411C102.255 41.6987 101.558 44.4101 101.558 47.8753C101.558 51.4079 102.255 54.1531 103.65 56.1107C105.068 58.0683 107.014 59.0471 109.49 59.0471C111.447 59.0471 113.045 58.4958 114.282 57.3933C115.52 56.2682 116.296 54.7156 116.611 52.7355H125.792C125.544 57.0108 123.935 60.4197 120.965 62.9623C117.995 65.505 114.136 66.7763 109.388 66.7763C103.898 66.7763 99.5552 65.1 96.3601 61.7473C93.1649 58.3721 91.5673 53.7481 91.5673 47.8753C91.5673 42.0924 93.1649 37.5134 96.3601 34.1383C99.5777 30.7406 103.898 29.0417 109.321 29.0417C114.136 29.0417 118.018 30.3693 120.965 33.0244C123.935 35.6796 125.533 39.0998 125.758 43.285ZM141.855 44.3313L154.14 29.818H165.312L151.508 45.3439L165.987 66H154.647L144.285 51.2842L141.72 54.0518V66H131.864V17.2961H141.72V44.3313H141.855ZM213.068 45.5464C213.068 52.1842 211.156 57.3933 207.33 61.1735C203.528 64.9537 198.24 66.8438 191.467 66.8438C184.177 66.8438 178.439 64.5937 174.254 60.0934C170.091 55.5932 168.009 49.3941 168.009 41.4962C168.009 33.7107 170.08 27.5904 174.22 23.1351C178.383 18.6799 184.053 16.4523 191.231 16.4523C196.901 16.4523 201.705 17.9824 205.643 21.0425C209.581 24.1027 211.909 28.0967 212.629 33.0244H202.403C201.66 30.4818 200.299 28.4904 198.319 27.0504C196.361 25.6103 194.01 24.8902 191.265 24.8902C187.237 24.8902 184.087 26.3416 181.814 29.2442C179.541 32.1469 178.405 36.1859 178.405 41.3611C178.405 46.6264 179.586 50.7779 181.949 53.8156C184.334 56.8532 187.563 58.3721 191.636 58.3721C194.966 58.3721 197.677 57.4383 199.77 55.5707C201.885 53.7031 202.999 51.2617 203.111 48.2465L203.145 47.4702H192.547V40.0448H213.068V45.5464ZM220.052 66V29.818H229.57V36.3321H229.773C230.403 34.037 231.46 32.2819 232.945 31.0668C234.43 29.8518 236.242 29.2442 238.379 29.2442C239.414 29.2442 240.348 29.368 241.181 29.6155V38.2897C240.258 37.9072 239.066 37.7159 237.603 37.7159C235.173 37.7159 233.283 38.4247 231.933 39.8423C230.583 41.2599 229.908 43.24 229.908 45.7826V66H220.052ZM246.477 66V29.818H256.332V66H246.477ZM255.151 24.3502C254.138 25.3403 252.89 25.8353 251.405 25.8353C249.919 25.8353 248.671 25.3403 247.658 24.3502C246.646 23.3602 246.139 22.1563 246.139 20.7388C246.139 19.2987 246.646 18.0949 247.658 17.1273C248.671 16.1373 249.919 15.6422 251.405 15.6422C252.89 15.6422 254.138 16.1373 255.151 17.1273C256.164 18.0949 256.67 19.2987 256.67 20.7388C256.67 22.1563 256.164 23.3602 255.151 24.3502ZM277.424 66.5738C272.902 66.5738 269.313 64.8974 266.657 61.5448C264.002 58.1921 262.675 53.6243 262.675 47.8415C262.675 42.1037 264.002 37.5697 266.657 34.2395C269.335 30.9093 272.947 29.2442 277.492 29.2442C280.057 29.2442 282.307 29.863 284.242 31.1006C286.2 32.3382 287.629 33.9807 288.529 36.0284H288.731V17.2961H298.587V66H288.866V59.7897H288.697C287.797 61.8373 286.346 63.4799 284.343 64.7174C282.341 65.955 280.034 66.5738 277.424 66.5738ZM280.766 37.1422C278.291 37.1422 276.333 38.1097 274.893 40.0448C273.475 41.9799 272.767 44.6013 272.767 47.909C272.767 51.2392 273.475 53.8606 274.893 55.7732C276.333 57.6858 278.291 58.6421 280.766 58.6421C283.218 58.6421 285.165 57.6858 286.605 55.7732C288.067 53.8381 288.799 51.2167 288.799 47.909C288.799 44.6238 288.067 42.0137 286.605 40.0786C285.165 38.121 283.218 37.1422 280.766 37.1422Z" fill="white"/>
<path d="M269.62 97.3323C269.091 97.8611 268.45 98.1255 267.696 98.1255C266.942 98.1255 266.301 97.8611 265.772 97.3323C265.243 96.8035 264.979 96.1623 264.979 95.4085C264.979 94.6547 265.243 94.0134 265.772 93.4846C266.301 92.9558 266.942 92.6914 267.696 92.6914C268.45 92.6914 269.091 92.9558 269.62 93.4846C270.148 94.0134 270.413 94.6547 270.413 95.4085C270.413 96.1623 270.148 96.8035 269.62 97.3323ZM285.75 79.5451C288.045 79.5451 289.851 80.372 291.167 82.0259C292.495 83.6797 293.159 85.9636 293.159 88.8775C293.159 91.7801 292.506 94.064 291.201 95.7291C289.896 97.3829 288.107 98.2099 285.835 98.2099C284.541 98.2099 283.399 97.9173 282.409 97.3323C281.43 96.736 280.699 95.9204 280.215 94.8853H280.114V103.83H275.186V79.832H280.046V82.9878H280.147C280.642 81.9077 281.374 81.0639 282.341 80.4564C283.32 79.8489 284.456 79.5451 285.75 79.5451ZM284.096 94.244C285.323 94.244 286.296 93.7602 287.016 92.7927C287.747 91.8251 288.113 90.5201 288.113 88.8775C288.113 87.2349 287.747 85.9298 287.016 84.9623C286.296 83.9835 285.323 83.4941 284.096 83.4941C282.893 83.4941 281.925 83.9891 281.194 84.9791C280.462 85.9579 280.097 87.2574 280.097 88.8775C280.097 90.5088 280.457 91.8139 281.177 92.7927C281.908 93.7602 282.881 94.244 284.096 94.244ZM301.898 87.0886L308.04 79.832H313.626L306.724 87.5949L313.964 97.923H308.294L303.113 90.5651L301.83 91.9489V97.923H296.902V73.571H301.83V87.0886H301.898ZM323.968 94.0753C325.206 94.0753 326.185 93.614 326.905 92.6914C327.636 91.7576 328.002 90.4751 328.002 88.8437C328.002 87.2124 327.636 85.9129 326.905 84.9454C326.174 83.9778 325.195 83.4941 323.968 83.4941C322.753 83.4941 321.786 83.9778 321.066 84.9454C320.357 85.9017 320.003 87.2011 320.003 88.8437C320.003 90.4863 320.357 91.7689 321.066 92.6914C321.775 93.614 322.742 94.0753 323.968 94.0753ZM323.884 104.741C321.533 104.741 319.598 104.223 318.079 103.188C316.571 102.164 315.716 100.837 315.514 99.2055H320.34C320.531 99.8356 320.959 100.342 321.623 100.724C322.298 101.118 323.096 101.315 324.019 101.315C325.268 101.315 326.241 100.994 326.939 100.353C327.636 99.7231 327.985 98.8737 327.985 97.8048V94.6322H327.884C327.456 95.611 326.742 96.3985 325.74 96.9948C324.739 97.5798 323.591 97.8723 322.298 97.8723C320.07 97.8723 318.287 97.0623 316.948 95.4422C315.62 93.8221 314.957 91.6114 314.957 88.81C314.957 85.9411 315.62 83.6797 316.948 82.0259C318.276 80.372 320.087 79.5451 322.382 79.5451C323.665 79.5451 324.795 79.8545 325.774 80.4733C326.753 81.092 327.484 81.9302 327.968 82.9878H328.052V79.832H332.913V97.6698C332.913 99.8187 332.086 101.534 330.432 102.817C328.789 104.1 326.607 104.741 323.884 104.741Z" fill="white"/>
</svg>
</a>
</div>
<div class="cards1">
<div class="design card1">
<div class="card-icon">
<svg width="256" height="257" viewBox="0 0 256 257" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="32" y="7" width="192" height="192" rx="41.6" fill="url(#paint0_linear)"/>
</g>
<g style="mix-blend-mode:overlay" opacity="0.5" filter="url(#filter1_f)">
<g clip-path="url(#clip0)">
<path d="M103.844 177.24C114.882 177.24 123.84 167.444 123.84 155.373V133.507H103.844C92.8063 133.507 83.8481 143.303 83.8481 155.373C83.8481 167.444 92.8063 177.24 103.844 177.24Z" fill="black"/>
<path d="M83.8481 111.64C83.8481 99.5698 92.8063 89.7736 103.844 89.7736H123.84V133.507H103.844C92.8063 133.507 83.8481 123.711 83.8481 111.64Z" fill="black"/>
<path d="M83.8506 67.9067C83.8506 55.8363 92.8088 46.04 103.847 46.04H123.843V89.7734H103.847C92.8088 89.7734 83.8506 79.9771 83.8506 67.9067Z" fill="black"/>
<path d="M123.84 46.04H143.836C154.874 46.04 163.832 55.8363 163.832 67.9067C163.832 79.9771 154.874 89.7734 143.836 89.7734H123.84V46.04Z" fill="black"/>
<path d="M163.832 111.64C163.832 123.711 154.874 133.507 143.836 133.507C132.798 133.507 123.84 123.711 123.84 111.64C123.84 99.5698 132.798 89.7736 143.836 89.7736C154.874 89.7736 163.832 99.5698 163.832 111.64Z" fill="black"/>
</g>
</g>
<g filter="url(#filter2_iiiii)">
<g clip-path="url(#clip1)">
<path d="M105.764 168.92C117.862 168.92 127.68 159.124 127.68 147.053V125.187H105.764C93.6671 125.187 83.8489 134.983 83.8489 147.053C83.8489 159.124 93.6671 168.92 105.764 168.92Z" fill="#0ACF83"/>
<path d="M83.8489 103.32C83.8489 91.2498 93.6671 81.4535 105.764 81.4535H127.68V125.187H105.764C93.6671 125.187 83.8489 115.391 83.8489 103.32Z" fill="#A259FF"/>
<path d="M83.8499 59.5868C83.8499 47.5164 93.6681 37.7201 105.766 37.7201H127.681V81.4534H105.766C93.6681 81.4534 83.8499 71.6572 83.8499 59.5868Z" fill="#F24E1E"/>
<path d="M127.68 37.7201H149.596C161.693 37.7201 171.511 47.5164 171.511 59.5868C171.511 71.6572 161.693 81.4534 149.596 81.4534H127.68V37.7201Z" fill="#FF7262"/>
<path d="M171.511 103.32C171.511 115.391 161.693 125.187 149.596 125.187C137.498 125.187 127.68 115.391 127.68 103.32C127.68 91.2498 137.498 81.4535 149.596 81.4535C161.693 81.4535 171.511 91.2498 171.511 103.32Z" fill="#1ABCFE"/>
</g>
</g>
<defs>
<filter id="filter0_d" x="3.8147e-06" y="0.600002" width="256" height="256" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="25.6"/>
<feGaussianBlur stdDeviation="16"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_f" x="77.4401" y="39.64" width="92.8" height="144" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="3.2" result="effect1_foregroundBlur"/>
</filter>
<filter id="filter2_iiiii" x="83.8401" y="18.5201" width="87.68" height="163.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="12.8"/>
<feGaussianBlur stdDeviation="12.8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
<feBlend mode="overlay" in2="shape" result="effect1_innerShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-19.2"/>
<feGaussianBlur stdDeviation="19.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"/>
<feBlend mode="overlay" in2="effect1_innerShadow" result="effect2_innerShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.2"/>
<feGaussianBlur stdDeviation="4.8"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0"/>
<feBlend mode="overlay" in2="effect2_innerShadow" result="effect3_innerShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-25.6"/>
<feGaussianBlur stdDeviation="6.4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
<feBlend mode="overlay" in2="effect3_innerShadow" result="effect4_innerShadow"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="12.8"/>
<feGaussianBlur stdDeviation="6.4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
<feBlend mode="overlay" in2="effect4_innerShadow" result="effect5_innerShadow"/>
</filter>
<linearGradient id="paint0_linear" x1="128" y1="7" x2="128" y2="199" gradientUnits="userSpaceOnUse">
<stop stop-color="#292929"/>
<stop offset="1" stop-color="#121212" stop-opacity="0.94"/>
</linearGradient>
<clipPath id="clip0">
<rect width="80" height="131.2" fill="white" transform="translate(83.8401 46.04)"/>
</clipPath>
<clipPath id="clip1">
<rect width="87.68" height="131.2" fill="white" transform="translate(83.8401 37.7201)"/>
</clipPath>
</defs>
</svg></div>
<div class="card-heading"><p>HackGrid_Design.pkg</p></div>
<div class="card-desc1"><p>Set of Components, Style Guides and Examples to help your design journey</p></div>
<a href="design.html" class="btn">
<div class="card-btn" id="d_btn" style="display: none; cursor: pointer;">
Download
</div>
</a>
<div class="countdown" id="cd">
<p class="text">File will be live after the Event</p>
<p id="time_d" class="time"></p>
</div>
</div>
<div class="frontend card1">
<div class="card-icon">
<svg width="256" height="257" viewBox="0 0 256 257" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="32" y="7" width="192" height="192" rx="41.6" fill="url(#paint0_linear)"/>
</g>
<g filter="url(#filter1_di)">
<path d="M80 47.421H176L167.269 145.995L127.895 157.135L88.7406 145.99L80 47.421ZM158.126 67.5947L97.8743 67.581L98.848 79.5673L145.134 79.5764L143.968 91.9924H113.614L114.711 103.755H142.971L141.298 119.86L127.995 123.535L114.482 119.832L113.623 110.187H101.691L103.017 127.81L128 135.595L152.562 128.6L158.126 67.5993V67.5947Z" fill="#13A9FE"/>
</g>
<defs>
<filter id="filter0_d" x="3.8147e-06" y="0.600002" width="256" height="256" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="25.6"/>
<feGaussianBlur stdDeviation="16"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_di" x="67.3684" y="34.7894" width="121.263" height="134.977" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="6.31579"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="10.1053"/>
<feGaussianBlur stdDeviation="5.05263"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.133333 0 0 0 0 0.862745 0 0 0 0 0.996078 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<linearGradient id="paint0_linear" x1="128" y1="7" x2="128" y2="199" gradientUnits="userSpaceOnUse">
<stop stop-color="#292929"/>
<stop offset="1" stop-color="#121212" stop-opacity="0.94"/>
</linearGradient>
</defs>
</svg></div>
<div class="card-heading"><p>Frontend.pkg</p></div>
<div class="card-desc1"><p>Set of Markup, Style Sheets and Scripts to Build your Frontend</p></div>
<a href="frontend.html" class="btn">
<div class="card-btn" id="f_btn" style="display: none; cursor: pointer;">
Download
</div>
</a>
<div class="countdown" id="cf">
<p class="text">File will be live after the Event</p>
<p id="time_f" class="time"></p>
</div>
</div>
<div class="backend card1">
<div class="card-icon">
<svg width="256" height="257" viewBox="0 0 256 257" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="32" y="7" width="192" height="192" rx="41.6" fill="url(#paint0_linear)"/>
</g>
<g filter="url(#filter1_di)">
<path d="M122.953 40.5332C124.549 39.6404 126.348 39.1716 128.177 39.1716C130.007 39.1716 131.805 39.6404 133.402 40.5332L181.139 67.5009C182.635 68.3525 183.881 69.5818 184.753 71.066C185.624 72.5502 186.091 74.2372 186.105 75.9583V130.053C186.076 131.841 185.565 133.587 184.626 135.108C183.687 136.629 182.354 137.869 180.769 138.696L133.204 165.53C131.577 166.429 129.74 166.875 127.882 166.824C126.024 166.772 124.214 166.224 122.64 165.236L108.368 156.989C107.323 156.522 106.385 155.847 105.611 155.004C106.217 154.187 107.302 154.085 108.183 153.728C110.14 153.029 112.026 152.148 113.819 151.098C114.045 150.965 114.305 150.902 114.567 150.918C114.828 150.934 115.079 151.028 115.287 151.187C119.347 153.517 123.374 155.917 127.459 158.227C128.327 158.732 129.208 158.062 129.949 157.653C145.514 148.853 161.082 140.066 176.652 131.292C176.93 131.153 177.16 130.934 177.311 130.663C177.462 130.392 177.529 130.082 177.501 129.773C177.514 111.93 177.516 94.0857 177.508 76.2391C177.536 75.8924 177.455 75.5455 177.276 75.2469C177.098 74.9483 176.831 74.7128 176.512 74.5732C160.708 65.6712 144.908 56.7649 129.112 47.8544C128.838 47.6661 128.513 47.5653 128.181 47.5653C127.848 47.5653 127.523 47.6661 127.249 47.8544C111.449 56.7564 95.6533 65.6648 79.862 74.5796C79.5415 74.7155 79.2721 74.949 79.0921 75.247C78.9122 75.545 78.8309 75.8922 78.8599 76.2391V129.773C78.8329 130.081 78.9011 130.39 79.0552 130.658C79.2092 130.926 79.4418 131.141 79.7216 131.272C83.9343 133.664 88.1534 136.047 92.3789 138.421C93.5493 139.145 94.8593 139.613 96.2232 139.796C97.5871 139.978 98.9741 139.871 100.294 139.481C101.439 139.05 102.425 138.279 103.12 137.272C103.815 136.264 104.185 135.069 104.181 133.845C104.2 116.1 104.168 98.3559 104.194 80.6242C104.189 80.4359 104.225 80.2489 104.298 80.0752C104.37 79.9016 104.479 79.7452 104.616 79.6163C104.754 79.4875 104.917 79.389 105.094 79.3273C105.272 79.2656 105.461 79.242 105.649 79.2582C107.679 79.2455 109.702 79.2327 111.732 79.2646C111.929 79.2739 112.122 79.3246 112.298 79.4134C112.474 79.5022 112.63 79.6272 112.754 79.7802C112.879 79.9332 112.97 80.1107 113.022 80.3012C113.073 80.4917 113.084 80.6909 113.053 80.8859C113.047 98.7388 113.072 116.592 113.04 134.438C113.176 136.865 112.659 139.283 111.542 141.441C110.425 143.598 108.749 145.417 106.689 146.706C103.939 147.988 100.928 148.612 97.8947 148.529C94.8614 148.445 91.8892 147.658 89.2129 146.228C84.5726 143.911 80.1492 141.185 75.5982 138.696C74.0132 137.87 72.681 136.63 71.7428 135.109C70.8045 133.587 70.2951 131.841 70.2685 130.053V75.9583C70.2821 74.2025 70.7651 72.4824 71.6675 70.9762C72.5698 69.4701 73.8587 68.2327 75.4003 67.3924C91.2555 58.4436 107.108 49.4905 122.959 40.5332H122.953Z" fill="#06BE5B"/>
<path d="M136.785 78.0009C143.791 77.0957 150.911 78.1865 157.325 81.1476C159.65 82.5342 161.571 84.5039 162.9 86.8617C164.229 89.2195 164.919 91.8836 164.902 94.59C164.812 94.9286 164.603 95.2234 164.314 95.4204C164.024 95.6173 163.673 95.7033 163.325 95.6624C161.315 95.6624 159.31 95.6879 157.306 95.6496C156.919 95.6258 156.555 95.458 156.286 95.1792C156.016 94.9004 155.861 94.5308 155.851 94.1432C155.623 92.8329 155.113 91.5878 154.356 90.4944C153.598 89.401 152.612 88.4855 151.466 87.8114C147.65 86.2948 143.529 85.7042 139.44 86.088C136.427 85.9943 133.447 86.7366 130.83 88.2327C129.929 88.9318 129.269 89.8958 128.944 90.9892C128.619 92.0825 128.644 93.2503 129.017 94.3283C129.662 95.8602 131.43 96.3517 132.879 96.8049C141.215 98.9879 150.049 98.7708 158.219 101.637C159.974 102.125 161.594 103.009 162.955 104.221C164.316 105.432 165.381 106.939 166.07 108.626C166.889 111.018 167.087 113.58 166.645 116.069C166.202 118.559 165.135 120.896 163.542 122.86C160.661 125.854 156.916 127.873 152.832 128.636C147.512 129.717 142.056 129.95 136.664 129.326C131.489 129.029 126.528 127.16 122.443 123.971C120.824 122.484 119.554 120.658 118.723 118.623C117.893 116.588 117.521 114.395 117.636 112.2C117.677 111.848 117.854 111.526 118.13 111.304C118.406 111.082 118.758 110.977 119.111 111.013C121.134 110.994 123.151 110.988 125.175 111.013C125.362 111.01 125.548 111.044 125.722 111.112C125.896 111.181 126.054 111.284 126.189 111.415C126.323 111.545 126.43 111.701 126.503 111.873C126.577 112.045 126.615 112.23 126.617 112.417C126.717 113.669 127.071 114.886 127.66 115.995C128.248 117.104 129.058 118.08 130.038 118.864C134.365 120.993 139.199 121.873 143.998 121.405C148.016 121.711 152.026 120.73 155.449 118.603C156.237 117.834 156.811 116.872 157.113 115.813C157.416 114.753 157.436 113.634 157.172 112.564C156.674 110.777 154.81 109.947 153.208 109.405C144.974 106.801 136.051 107.745 127.9 104.809C126.191 104.307 124.61 103.441 123.268 102.27C121.926 101.098 120.854 99.6499 120.126 98.024C119.19 95.5994 118.953 92.9607 119.443 90.4082C119.932 87.8557 121.129 85.4919 122.896 83.5859C126.747 80.185 131.651 78.2129 136.785 78.0009Z" fill="#06BE5B"/>
</g>
<defs>
<filter id="filter0_d" x="3.8147e-06" y="0.600002" width="256" height="256" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="25.6"/>
<feGaussianBlur stdDeviation="16"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_di" x="60.1632" y="29.0664" width="136.047" height="147.867" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="5.05263"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="10.1053"/>
<feGaussianBlur stdDeviation="5.05263"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.913725 0 0 0 0 0.780392 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<linearGradient id="paint0_linear" x1="128" y1="7" x2="128" y2="199" gradientUnits="userSpaceOnUse">
<stop stop-color="#292929"/>
<stop offset="1" stop-color="#121212" stop-opacity="0.94"/>
</linearGradient>
</defs>
</svg></div>
<div class="card-heading"><p>HackGrid_Backend.pkg</p></div>
<div class="card-desc1"><p>Set of Files and Instruction Sets to get up and going with Backend</p></div>
<a href="backend.html" class="btn">
<div class="card-btn" id="b_btn" style="display: none;">
Download
</div>
</a>
<div class="countdown" id="cb">
<p class="text">File will be live after the Event</p>
<p id="time_b" class="time"></p>
</div>
</div>
</div>
</section>
<!--Footer-->
<div class="footer" id="footer">
<div class="inner-footer">
<div class="footer-items">
<!--About ADG-->
<div class="foot1">
<!--<img class="logo-footer" src="Assets/adglogo2 1.png" alt="ADG Logo" style="height: auto; width: 120px; padding-right: 5%;">
<img class="logo-footer" src="Assets/vitvlr.png" alt="VIT Logo" style="height: auto; width: 150px;">-->
<h1 class="headQL">About Us</h1>
<p><br>
Apple Developers Group (ADG) is a name synonymous with excellence, simplicity and dedication.
It is a registered student community at VIT, Vellore established under the Apple University program.
A coterie of talented minds seeking not just success but perfection.
</p>
</div>
</div>
<div class="footer-items">
<!--Quick Links-->
<div class="foot2">
<h1 class="headQL">Quick Links</h1>
<div class="border">
<ul class="social qlinks">
<a href="https://apps.apple.com/in/app/adg-vit/id1545733138" target="_blank"><li>iOS App</li></a>
<a href="https://play.google.com/store/apps/details?id=com.adgvit.externals" target="_blank"><li>Android App</li></a>
<a href="https://adgvit.com/" target="_blank"><li>Website</li></a>
<a href="https://adgvit.com/contact" target="_blank"><li>Contact Us</li></a>
</ul>
</div>
</div>
</div>
<div class="footer-items">
<!--Socials-->
<div class="foot3">
<h1 class="headQL">Socials</h1>
<!-- <h1 class="headQL">Stay Connected</h1> -->
<div class="icons" id="icons">
<a href="mailto: [email protected]" target="_blank">
<i class="fa fa-envelope"></i>
</a>
<a href="https://www.facebook.com/vitios/" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a href="https://www.linkedin.com/company/adgvit/" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
<br>
<a href="https://www.instagram.com/adgvit/" target="_blank">
<i class="fa fa-instagram"></i>
</a>
<a href="https://medium.com/adg-vit" target="_blank">
<i class="fa fa-medium"></i>
</a>
<a href="https://github.com/ADG-VIT" target="_blank">
<i class="fa fa-github"></i>
</a>
</div>
<!-- <div class="mode-toggle">
<label>
<input class='toggle-checkbox' type='checkbox' id="toggle"></input>
<div class='toggle-slot'>
<div class='sun-icon-wrapper'>
<div class="iconify sun-icon" data-icon="feather-sun" data-inline="false"></div>
</div>
<div class='toggle-button'></div>
<div class='moon-icon-wrapper'>
<div class="iconify moon-icon" data-icon="feather-moon" data-inline="false"></div>
</div>
</div>
</label>
</div> -->
</div>
</div>
</div>
<div class="copyright">
<p>
Developed by ADG | ©
<script>
document.write(new Date().getFullYear());
</script>
All rights reserved.
</p>
</div>
</div>
<!-- End Footer -->
</body>
</html>