-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (44 loc) · 2.96 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
<!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="input.css">
<title>:: PSIT ::</title>
</head>
<body>
<div class="container flex">
<div class="left w-[65%] h-[100vh] flex flex-col justify-center items-center">
<img src="bg-14.jpg" class="w-[100%]" alt="">
<div class="chart flex flex-col absolute top-[5%] ">
<img src="pieChart.png " class="w-96">
<img src="2.png" class=" w-96 " alt="">
</div>
<div class="content absolute flex flex-row bg-[rgba(12,7,7,0.74)] mx-20 justify-start items-start top-[65%] text-white h-[36%] w-[65%]">
<div class="lefft py-6 px-4 text-4xl font-bold w-[50%]"> Welcome to PSIT Kanpur
<p class=" font-sans font-normal my-4 text-xl">The access to this website is limited to the institute Management, Faculty and Students only (Login to your accounts to navigate the website). Visitors may kindly visit <b>www.psit.ac.in</b> for information about the institutes.</p>
</div>
<div class="rightt w-[50%]">
<p class="font-sans font-normal my-3 text-xl"><b>Vision</b> : To achieve excellence in professional education and create an ecosystem for the holistic development of all stakeholders</p>
<p class="font-sans font-normal my-1 text-xl"><b>Mission</b> : To provide an environment of effective learning and innovation transforming students into dynamic, responsible and productive professionals in their respective fields, who are capable of adapting to the changing needs of the industry and society.</p>
</div>
</div>
</div>
<div class="right flex flex-col inset-0 justify-center items-center w-[35%] h-[100vh]">
<img src="psit.png" class="my-2 w-52 " alt="">
<div class="flex flex-col space-y-8">
<input type="text" class="border-2 py-2 px-2 rounded-md" placeholder="User ID/ Roll Number">
<input type="password" class="border-2 py-2 px-2 rounded-md" placeholder="Password">
<button class="signin rounded-md py-3 bg-blue-500 text-white cursor-pointer hover:bg-blue-700 text-xl"> Sign me in</button>
<button class="forgot bg-red-400 rounded-md py-3 text-white cursor-pointer hover:bg-red-600 text-xl">Forgot Password</button>
<button class="createUser rounded-md py-3 bg-green-400 text-white cursor-pointer hover:bg-green-600 text-xl">Create New User ( New Admission )</button>
<button class="createParent py-3 rounded-md bg-blue-400 text-white cursor-pointer hover:bg-blue-600 text-xl">Create Parent
Login</button>
<hr>
<p>All Right Reserved © PSIT & Developed By Network Cell </p>
</div>
</div>
</div>
</body>
</html>