-
Notifications
You must be signed in to change notification settings - Fork 1
/
formDesign.html
224 lines (215 loc) · 20.2 KB
/
formDesign.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
<!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"/>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="download.js" async></script>
<title>HackGrid_Design.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="cards">
<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="heading"><p>HackGrid_Design.pkg</p></div>
<div class="form-text"><p>Fill the form below to gain access to the file</p></div>
<div class="typeform-widget" data-url="https://form.typeform.com/to/VO2g9a5P?typeform-medium=embed-snippet" style="width: 100%; height: 500px; opacity: 80%;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
<!-- <div class="card-btn" id="d_btn" style="display: none;">
<a href="#" class="btn">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>
</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>