-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (134 loc) · 11.6 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
<!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">
<title>learnit</title>
<!-- <link rel="stylesheet" href="style.css"> -->
<link href="https://unpkg.com/tailwindcss@^2.0/dist/tailwind.min.css" rel="stylesheet">
<style>
*{
text-align: center;
}
body{
background-color: palevioletred;
}
button{
border: 1%, blueviolet;
}
</style>
<link rel="shortcut icon" href="g.ico" type="image/x-icon">
<script src="script.js"></script>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
</head>
<header class="text-gray-600 body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center">
<span class="ml-3 text-xl">Welcome to learnit website.</span>
</nav>
</div>
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-gray-900" href="https://www.youtube.com/channel/UC2gHbYpHIcTLJiO5Ak9Lh6g?sub_confirmation=1"><button class="hpb" id="subscribe">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg>
Subscribe</button></a>
<a class="mr-5 hover:text-gray-900" href="mailto:learnit.contactus@gmail.com"><button class="hpb" id="contact">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="green" class="bi bi-envelope-paper-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6.5 9.5 3 7.5v-6A1.5 1.5 0 0 1 4.5 0h7A1.5 1.5 0 0 1 13 1.5v6l-3.5 2L8 8.75l-1.5.75ZM1.059 3.635 2 3.133v3.753L0 5.713V5.4a2 2 0 0 1 1.059-1.765ZM16 5.713l-2 1.173V3.133l.941.502A2 2 0 0 1 16 5.4v.313Zm0 1.16-5.693 3.337L16 13.372v-6.5Zm-8 3.199 7.941 4.412A2 2 0 0 1 14 16H2a2 2 0 0 1-1.941-1.516L8 10.072Zm-8 3.3 5.693-3.162L0 6.873v6.5Z"/>
</svg>
Contact</button></a>
<a class="mr-5 hover:text-gray-900" href="/learnit/Help/"><button class="hpb" id="help" >
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="grey" class="bi bi-headset" viewBox="0 0 16 16">
<path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z"/>
</svg>
Help</button></a>
<a class="mr-5 hover:text-gray-900" href="/learnit/Support/"><button class="hpb" id="support">
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 6.27975C16 6.88118 15.7625 7.45883 15.3383 7.88611C14.3619 8.87007 13.415 9.89605 12.4021 10.8443C12.17 11.0585 11.8017 11.0507 11.5795 10.8268L8.6615 7.88611C7.7795 6.99725 7.7795 5.56225 8.6615 4.67339C9.55218 3.77579 11.0032 3.77579 11.8938 4.67339L11.9999 4.78027L12.1059 4.67345C12.533 4.24286 13.1146 4 13.7221 4C14.3297 4 14.9113 4.24284 15.3383 4.67339C15.7625 5.10073 16 5.67835 16 6.27975Z" stroke="red" stroke="fill" fill="red"/> <path d="M18 20L21.8243 16.1757C21.9368 16.0632 22 15.9106 22 15.7515V10.5C22 9.67157 21.3284 9 20.5 9V9C19.6716 9 19 9.67157 19 10.5V15" stroke="grey" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 16L18.8581 15.1419C18.949 15.051 19 14.9278 19 14.7994V14.7994C19 14.6159 18.8963 14.4482 18.7322 14.3661L18.2893 14.1447C17.5194 13.7597 16.5894 13.9106 15.9807 14.5193L15.0858 15.4142C14.7107 15.7893 14.5 16.298 14.5 16.8284V20" stroke="grey" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 20L2.17574 16.1757C2.06321 16.0632 2 15.9106 2 15.7515V10.5C2 9.67157 2.67157 9 3.5 9V9C4.32843 9 5 9.67157 5 10.5V15" stroke="grey" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 16L5.14187 15.1419C5.05103 15.051 5 14.9278 5 14.7994V14.7994C5 14.6159 5.10366 14.4482 5.26776 14.3661L5.71067 14.1447C6.48064 13.7597 7.41059 13.9106 8.01931 14.5193L8.91421 15.4142C9.28929 15.7893 9.5 16.298 9.5 16.8284V20" stroke="grey" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Support</button></a>
</nav>
</div>
</header>
<body>
<div class="body">
<h1>Please select your details</h1>
<form method="post">
Class <br> <select name="Class" id="cl">
<option name="Class" class="cl" value="1">1</option>
<option name="Class" class="cl" value="2">2</option>
<option name="Class" class="cl" value="3">3</option>
<option name="Class" class="cl" value="4">4</option>
<option name="Class" class="cl" value="5">5</option>
<option name="Class" class="cl" value="6">6</option>
<option name="Class" class="cl" value="7">7</option>
<option name="Class" class="cl" value="8">8</option>
<option name="Class" class="cl" value="9">9</option>
<option name="Class" class="cl" value="10">10</option>
</select>
<br><br> Medium <br><select name="med" id="md">
<option value="en">English Medium</option>
<option value="kn">Kannada Medium</option>
</select>
<br><br> Subject <br><select name="sub" id="sbj">
<option value="en">English</option>
<option value="kn">Kannada</option>
<option value="hn">Hindi</option>
<option value="mt">Maths</option>
<option value="sc">Science</option>
<option value="ss">Social</option>
<option value="pe">PE</option>
</select>
<br><br><br>
<button>Submit</button>
<hr>
</form>
</div>
</body>
<footer>
<form action="mailto:learnit.contactus@gmail.com" method="post" style="background-color: rgba(106, 255, 106, 0.55);">
Rate us: Click on this star <br>
<div aria-required="true" class="divstar" id="divstar" >
<p onclick="func1(),value=1" id="star01" style="display: inline-flex; font-size: x-large;"> <input type="radio" name="rating" id="star1" hidden value=1 > <label for="star1" id=ratedstar class="pspan" style="display: block;" oninput="otpt1()" onclick="value=1, otpt1()" value="0">★</label></p>
<p onclick="func2(),value=1" id="star02" style="display: inline-flex; font-size: x-large;"> <input type="radio" name="rating" id="star2" hidden value=2 > <label for="star2" id=ratedstar class="pspan" style="display: block;" oninput="otpt2()" onclick="value=1, otpt2()" value="0">★</label></p>
<p onclick="func3(),value=1" id="star03" style="display: inline-flex; font-size: x-large;"> <input type="radio" name="rating" id="star3" hidden value=3 > <label for="star3" id=ratedstar class="pspan" style="display: block;" oninput="otpt3()" onclick="value=1, otpt3()" value="0">★</label></p>
<p onclick="func4(),value=1" id="star04" style="display: inline-flex; font-size: x-large;"> <input type="radio" name="rating" id="star4" hidden value=4 > <label for="star4" id=ratedstar class="pspan" style="display: block;" oninput="otpt4()" onclick="value=1, otpt4()" value="0">★</label></p>
<p onclick="func5(),value=1" id="star05" style="display: inline-flex; font-size: x-large;"> <input type="radio" name="rating" id="star5" hidden value=5 > <label for="star5" id=ratedstar class="pspan" style="display: block;" oninput="otpt5()" onclick="value=1, otpt5()" value="0">★</label></p>
</div>
<br>
<button mailto:learnit.contactus@gmail.com type="submit" style="border: black; border-radius:10% ; background-color: aqua;">Submit</button>
<br>
<span id="wsh" name="wsh">Thanks for visiting. </span>
</footer>
<footer class="text-gray-600 body-font">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<span class="ml-3 text-xl">Learnit</span>
</a>
<p class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4">© 2022 learnit —
<a href="https://twitter.com/learnit3994587" class="text-gray-600 ml-1" rel="noopener noreferrer" target="_blank">@learnit</a>
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a href="https://www.facebook.com/people/Learnit-Web/100083107697777/" class="text-gray-500">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a href="https://twitter.com/learnit3994587" class="ml-3 text-gray-500">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<!-- <pre> </pre> -->
<a href="https://discord.gg/Ezar9DCbkH" class="ml-3 text-gray-500">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
</svg>
</a>
</span>
</div>
</form>
</footer>
</html>