-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (103 loc) · 9.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Quiz Web App</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" rel="stylesheet">
</head>
<body>
<div class="mainContainer">
<div class="logo">
<svg class="animate__animated animate__fadeInLeft" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="128" height="128" viewBox="0 0 172 172"
style=" fill:#000000;">
<defs>
<radialGradient cx="1175.33244" cy="113.59256" r="947.57756" gradientUnits="userSpaceOnUse"
id="color-1_119103_gr1">
<stop offset="0" stop-color="#cccccc"></stop>
<stop offset="0.226" stop-color="#cccccc"></stop>
<stop offset="0.513" stop-color="#cccccc"></stop>
<stop offset="0.778" stop-color="#cccccc"></stop>
<stop offset="1" stop-color="#ecf0f1"></stop>
</radialGradient>
<linearGradient x1="80.625" y1="155.875" x2="80.625" y2="32.25" gradientUnits="userSpaceOnUse"
id="color-2_119103_gr2">
<stop offset="0" stop-color="#2077e2"></stop>
<stop offset="0.237" stop-color="#2582e5"></stop>
<stop offset="0.658" stop-color="#34a1ec"></stop>
<stop offset="1" stop-color="#42bef3"></stop>
</linearGradient>
<linearGradient x1="96.75" y1="139.75" x2="96.75" y2="16.125" gradientUnits="userSpaceOnUse"
id="color-3_119103_gr3">
<stop offset="0" stop-color="#49cff0"></stop>
<stop offset="0.214" stop-color="#54d3f2"></stop>
<stop offset="0.595" stop-color="#73dff8"></stop>
<stop offset="1" stop-color="#9aedff"></stop>
</linearGradient>
<linearGradient x1="96.75" y1="139.75" x2="96.75" y2="16.125" gradientUnits="userSpaceOnUse"
id="color-4_119103_gr4">
<stop offset="0" stop-color="#41bfec"></stop>
<stop offset="0.232" stop-color="#4cc5ef"></stop>
<stop offset="0.644" stop-color="#6bd4f6"></stop>
<stop offset="1" stop-color="#8ae4fd"></stop>
</linearGradient>
<linearGradient x1="109.86231" y1="48.70019" x2="127.14563" y2="31.41687" gradientUnits="userSpaceOnUse"
id="color-5_119103_gr5">
<stop offset="0" stop-color="#c6effd"></stop>
<stop offset="0.375" stop-color="#b7ecfd"></stop>
<stop offset="1" stop-color="#95e6fd"></stop>
</linearGradient>
<linearGradient x1="124.96875" y1="59.34806" x2="124.96875" y2="43.22306" gradientUnits="userSpaceOnUse"
id="color-6_119103_gr6">
<stop offset="0" stop-color="#42c6ee"></stop>
<stop offset="0.48" stop-color="#3bc3ed"></stop>
<stop offset="1" stop-color="#2ebeea"></stop>
</linearGradient>
</defs>
<g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
font-size="none" text-anchor="none" style="mix-blend-mode: normal">
<path d="M0,172v-172h172v172z" fill="none"></path>
<g>
<path
d="M0,81.96875v0c0,-3.71144 3.00731,-6.71875 6.71875,-6.71875v0c3.71144,0 6.71875,3.00731 6.71875,6.71875v0c0,3.71144 -3.00731,6.71875 -6.71875,6.71875v0c-3.71144,0 -6.71875,-3.00731 -6.71875,-6.71875zM155.875,110.1875h6.18662c5.09281,0 9.65888,-3.81356 9.92494,-8.901c0.28487,-5.42337 -4.03125,-9.9115 -9.39281,-9.9115h-6.47956c-2.59344,0 -5.00144,-1.73344 -5.504,-4.2785c-0.6665,-3.37013 1.81944,-6.33175 5.03637,-6.46613c4.07963,-0.172 7.75344,-3.02612 8.2345,-7.08156c0.57781,-4.89394 -3.23037,-9.04881 -8.00606,-9.04881h-11.56162c-5.09281,0 -9.65888,-3.81356 -9.92494,-8.901c-0.28487,-5.42337 4.03125,-9.9115 9.39281,-9.9115h6.71875c5.09281,0 9.65887,-3.81356 9.92494,-8.901c0.28487,-5.42338 -4.02856,-9.9115 -9.39281,-9.9115h-94.59462v10.75h-27.68662c-5.09281,0 -9.65887,3.81356 -9.92494,8.901c-0.28488,5.42337 4.03125,9.9115 9.39281,9.9115h20.15625v18.8125h-24.1875c-3.71144,0 -6.71875,3.00731 -6.71875,6.71875v0c0,3.71144 3.00731,6.71875 6.71875,6.71875h1.34375c3.71144,0 6.71875,3.00731 6.71875,6.71875v0c0,3.71144 -3.00731,6.71875 -6.71875,6.71875h-17.01187c-4.3645,0 -8.28019,3.268 -8.50862,7.62981c-0.24187,4.64938 3.45613,8.49519 8.05175,8.49519h13.14994c2.67675,0 5.16,1.83019 5.59,4.472c0.54556,3.36744 -2.03712,6.278 -5.30244,6.278h-2.23062c-4.3645,0 -8.28019,3.268 -8.50863,7.62981c-0.24187,4.64938 3.45613,8.49519 8.05175,8.49519h102.125v-2.6875h34.53975c4.25163,0 8.07056,-3.12287 8.43069,-7.35837c0.40581,-4.78106 -3.36475,-8.78813 -8.06787,-8.76663c-2.76275,0.01075 -5.46369,-1.16637 -6.80475,-3.57975c-3.46419,-6.22962 0.94869,-12.54525 6.83969,-12.54525zM155.875,110.1875h6.18662c5.09281,0 9.65888,-3.81356 9.92494,-8.901c0.28487,-5.42337 -4.03125,-9.9115 -9.39281,-9.9115h-6.47956c-2.59344,0 -5.00144,-1.73344 -5.504,-4.2785c-0.6665,-3.37013 1.81944,-6.33175 5.03637,-6.46613c4.07963,-0.172 7.75344,-3.02612 8.2345,-7.08156c0.57781,-4.89394 -3.23037,-9.04881 -8.00606,-9.04881h-11.56162c-5.09281,0 -9.65888,-3.81356 -9.92494,-8.901c-0.28487,-5.42337 4.03125,-9.9115 9.39281,-9.9115h6.71875c5.09281,0 9.65887,-3.81356 9.92494,-8.901c0.28487,-5.42338 -4.02856,-9.9115 -9.39281,-9.9115h-94.59462v10.75h-27.68662c-5.09281,0 -9.65887,3.81356 -9.92494,8.901c-0.28488,5.42337 4.03125,9.9115 9.39281,9.9115h20.15625v18.8125h-24.1875c-3.71144,0 -6.71875,3.00731 -6.71875,6.71875v0c0,3.71144 3.00731,6.71875 6.71875,6.71875h1.34375c3.71144,0 6.71875,3.00731 6.71875,6.71875v0c0,3.71144 -3.00731,6.71875 -6.71875,6.71875h-17.01187c-4.3645,0 -8.28019,3.268 -8.50862,7.62981c-0.24187,4.64938 3.45613,8.49519 8.05175,8.49519h13.14994c2.67675,0 5.16,1.83019 5.59,4.472c0.54556,3.36744 -2.03712,6.278 -5.30244,6.278h-2.23062c-4.3645,0 -8.28019,3.268 -8.50863,7.62981c-0.24187,4.64938 3.45613,8.49519 8.05175,8.49519h102.125v-2.6875h34.53975c4.25163,0 8.07056,-3.12287 8.43069,-7.35837c0.40581,-4.78106 -3.36475,-8.78813 -8.06787,-8.76663c-2.76275,0.01075 -5.46369,-1.16637 -6.80475,-3.57975c-3.46419,-6.22962 0.94869,-12.54525 6.83969,-12.54525z"
fill="url(#color-1_119103_gr1)"></path>
<path
d="M118.25,155.875h-75.25c-4.45319,0 -8.0625,-3.60931 -8.0625,-8.0625v-107.5c0,-4.45319 3.60931,-8.0625 8.0625,-8.0625h39.65944c2.13925,0 4.18981,0.84925 5.70019,2.36231l35.59056,35.59056c1.51306,1.51037 2.36231,3.56094 2.36231,5.70019v71.90944c0,4.45319 -3.60931,8.0625 -8.0625,8.0625z"
fill="url(#color-2_119103_gr2)"></path>
<path
d="M134.375,139.75h-75.25c-4.45319,0 -8.0625,-3.60931 -8.0625,-8.0625v-107.5c0,-4.45319 3.60931,-8.0625 8.0625,-8.0625h48.375l34.9375,34.9375v80.625c0,4.45319 -3.60931,8.0625 -8.0625,8.0625z"
fill="url(#color-3_119103_gr3)"></path>
<path
d="M134.375,139.75h-75.25c-4.45319,0 -8.0625,-3.60931 -8.0625,-8.0625v-107.5c0,-4.45319 3.60931,-8.0625 8.0625,-8.0625h45.03444c2.13925,0 4.18981,0.84925 5.70019,2.36231l30.21556,30.21556c1.51306,1.51038 2.36231,3.56094 2.36231,5.70019v77.28444c0,4.45319 -3.60931,8.0625 -8.0625,8.0625z"
fill="url(#color-4_119103_gr4)"></path>
<path
d="M140.07519,48.70019l-30.21288,-30.21287c-0.688,-0.688 -1.49425,-1.21475 -2.36231,-1.6125v26.12519c0,4.45319 3.60931,8.0625 8.0625,8.0625h26.12519c-0.39506,-0.86806 -0.9245,-1.67431 -1.6125,-2.36231z"
fill="url(#color-5_119103_gr5)"></path>
<path
d="M142.4375,54.40306c0,-1.16638 -0.27412,-2.29781 -0.74981,-3.34056h-26.12519c-4.45319,0 -8.0625,-3.60931 -8.0625,-8.0625v8.0625c0,4.45319 3.60931,8.0625 8.0625,8.0625h26.875z"
fill="url(#color-6_119103_gr6)"></path>
<g fill="#f1fcff">
<path
d="M95.40625,102.125c-2.22794,0 -4.03125,-1.80331 -4.03125,-4.03125c0,-6.6865 3.73025,-10.277 6.7295,-13.158c2.64181,-2.54237 4.0205,-3.99363 4.0205,-6.708c0,-5.49863 -6.03075,-5.65719 -6.71875,-5.65719c-2.26556,0 -6.24037,0.97019 -6.75906,4.601c-0.31444,2.20375 -2.37306,3.73025 -4.56069,3.4185c-2.20375,-0.31713 -3.73562,-2.35694 -3.4185,-4.56069c1.13412,-7.91738 8.43606,-11.524 14.74094,-11.524c7.34494,0 14.78125,4.71388 14.78125,13.71969c0,6.26994 -3.60125,9.73413 -6.49569,12.51569c-2.71975,2.61763 -4.257,4.24894 -4.257,7.353c0,2.22794 -1.80331,4.03125 -4.03125,4.03125zM95.40625,107.5c-2.2264,0 -4.03125,1.80485 -4.03125,4.03125c0,2.2264 1.80485,4.03125 4.03125,4.03125c2.2264,0 4.03125,-1.80485 4.03125,-4.03125c0,-2.2264 -1.80485,-4.03125 -4.03125,-4.03125z">
</path>
</g>
</g>
</g>
</svg>
<h1 id='heading' class="animate__animated animate__fadeInRight">Test your Skills</h1>
</div>
<div id="getData" class="userName animate__animated">
<div class="container">
<form class="form">
<input type="text" class="form__field" placeholder="Your Full Name" />
<a style="color: white;" onclick="startQuiz(event)" type="button" class="btn btn--primary btn--inside uppercase">Start</a>
</form>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>