-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
137 lines (122 loc) · 8.22 KB
/
about.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
<!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="stylesheet" href="dist/output.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css">
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<script src="script.js"></script>
<title>Get Notes</title>
</head>
<body class="antialiased ease-linear duration-500 ">
<!-- Navbar -->
<header class=" w-screen md:flex md:justify-between md:px-8 text-center md:h-14 py-2">
<div class="flex w-screen justify-between items-center px-6">
<h1 class="text-2xl capitalize">
Get Notes
</h1>
<button type="button" onclick="myFunction()" class="py-4 md:hidden">
<i class="fas fa-align-right"></i>
</button>
</div>
<div class="hidden content-center items-center md:flex">
<nav class="">
<ul class="flex">
<li>
<a href="index.html" class="font-sans uppercase">Home</a>
</li>
<li>
<a href="about.html" class="active text-neutral-00 font-sans uppercase">About</a>
</li>
<li>
<a href="contact.html" class="text-neutral-00 font-sans uppercase"></svg>
Contact</a>
</li>
</ul>
</nav>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="uppercase h-screen w-screen md:hidden">
<nav>
<ul class="grid justify-center items-center content-center text-center space-y-8 py-12">
<li>
<a href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="w-4 h-4 mx-2">
<path
d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z" />
<path
d="M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V21a.75.75 0 01-.75.75H5.625a1.875 1.875 0 01-1.875-1.875v-6.198a2.29 2.29 0 00.091-.086L12 5.43z" />
</svg>
Home</a>
</li>
<li>
<a href="about.html">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-4 h-4 mx-2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
</svg>
About</a>
</li>
<li>
<a href="contact.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="w-4 h-4 mx-2">
<path fill-rule="evenodd"
d="M4.804 21.644A6.707 6.707 0 006 21.75a6.721 6.721 0 003.583-1.029c.774.182 1.584.279 2.417.279 5.322 0 9.75-3.97 9.75-9 0-5.03-4.428-9-9.75-9s-9.75 3.97-9.75 9c0 2.409 1.025 4.587 2.674 6.192.232.226.277.428.254.543a3.73 3.73 0 01-.814 1.686.75.75 0 00.44 1.223zM8.25 10.875a1.125 1.125 0 100 2.25 1.125 1.125 0 000-2.25zM10.875 12a1.125 1.125 0 112.25 0 1.125 1.125 0 01-2.25 0zm4.875-1.125a1.125 1.125 0 100 2.25 1.125 1.125 0 000-2.25z"
clip-rule="evenodd" />
</svg>
Contact</a>
</li>
</ul>
</nav>
</div>
</header>
<svg class="bg-svg absolute hidden md:block -z-50" id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 140" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(62, 172.49, 243, 1)" offset="0%"></stop><stop stop-color="rgba(11, 118.622, 255, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,98L48,81.7C96,65,192,33,288,23.3C384,14,480,28,576,44.3C672,61,768,79,864,91C960,103,1056,107,1152,107.3C1248,107,1344,103,1440,88.7C1536,75,1632,51,1728,53.7C1824,56,1920,84,2016,81.7C2112,79,2208,47,2304,28C2400,9,2496,5,2592,9.3C2688,14,2784,28,2880,37.3C2976,47,3072,51,3168,53.7C3264,56,3360,56,3456,49C3552,42,3648,28,3744,30.3C3840,33,3936,51,4032,58.3C4128,65,4224,61,4320,51.3C4416,42,4512,28,4608,25.7C4704,23,4800,33,4896,49C4992,65,5088,89,5184,102.7C5280,117,5376,121,5472,107.3C5568,93,5664,61,5760,58.3C5856,56,5952,84,6048,86.3C6144,89,6240,65,6336,63C6432,61,6528,79,6624,93.3C6720,107,6816,117,6864,121.3L6912,126L6912,140L6864,140C6816,140,6720,140,6624,140C6528,140,6432,140,6336,140C6240,140,6144,140,6048,140C5952,140,5856,140,5760,140C5664,140,5568,140,5472,140C5376,140,5280,140,5184,140C5088,140,4992,140,4896,140C4800,140,4704,140,4608,140C4512,140,4416,140,4320,140C4224,140,4128,140,4032,140C3936,140,3840,140,3744,140C3648,140,3552,140,3456,140C3360,140,3264,140,3168,140C3072,140,2976,140,2880,140C2784,140,2688,140,2592,140C2496,140,2400,140,2304,140C2208,140,2112,140,2016,140C1920,140,1824,140,1728,140C1632,140,1536,140,1440,140C1344,140,1248,140,1152,140C1056,140,960,140,864,140C768,140,672,140,576,140C480,140,384,140,288,140C192,140,96,140,48,140L0,140Z"></path></svg>
<!-- Toggle Dark-Mode -->
<div class=" md:flex justify-center font-sans text-lg">
<div class="flex w-screen md:justify-end md:pr-14 items-center content-center py-6 justify-center">
Light
<form>
<input onclick="toggle(this.form)" id="checkbox" name="checkbox" type="checkbox"/>
<label for="checkbox">
</label>
</form>
Dark
</div>
</div>
<section class="">
<div class="flex flex-wrap items-center md:ml-12 mx-6">
<div class="block lg:w-1/2">
<div class="text-justify capitalize text-lg" id="about-discription">
<h1 class="font-bold font-sans text-blue-500 text-center text-2xl md:text-3xl lg:text-5xl pb-4" id="about">About us</h1>
A small step initiated by B.Tech students of Vit bhopal university 22 batch to enhance the learning technique of upcoming batches, We have tried to cover most of the material from correspondences faculty per subjects generally offered in 1st sem in B.Tech programs in Vit Bhopal University, Moreover we will also try to add more content on it so that everyone should get more option in choosing the convinient material.
</div>
<div class="capitalize my-4 lg:my-16 text-center">
<div id="dev" class="font-bold font-sans text-blue-500 text-2xl md:text-3xl lg:text-4xl">
<h1>
developer
</h1>
</div>
<div class="mt-6 text-xl space-y-2 lg:space-x-3" id="developers">
<div>Sharad Jadhav</div>
<!-- <div>Divyansh Sharma</div> -->
<!-- <div>Chahat Upadhyay</div> -->
</div>
</div>
</div>
<div class="flex justify-center mx-auto md:-mt-6 lg:pt-24">
<img class="w-96" src="assets/Shared workspace-rafiki.svg" alt="" srcset="">
</div>
</div>
</section>
<footer class="text-center py-4 md:py-3 font-sans">
<div>
© TeamShinchan
</div>
</footer>
</body>
</html>