-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cf56d99
commit 1606b02
Showing
4 changed files
with
96 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Login</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
| <body class="font-sans bg-gray-100"> | ||
| <section class="text-gray-600 body-font"> | ||
| <div class="container px-8 py-28 mx-auto flex flex-wrap items-center"> | ||
| <div class="lg:w-2/6 md:w-1/2 bg-gray-100 rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0"> | ||
| <h2 class="text-gray-900 text-lg font-medium title-font mb-5"> | ||
| Login | ||
| </h2> | ||
| <div class="relative mb-4"> | ||
| <label for="full-name" class="leading-7 text-sm text-gray-600"> | ||
| Full Name | ||
| </label> | ||
| <input type="text" id="full-name" name="full-name" | ||
| class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"> | ||
| </div> | ||
| <div class="relative mb-4"> | ||
| <label for="email" class="leading-7 text-sm text-gray-600"> | ||
| Password | ||
| </label> | ||
| <input type="email" id="email" name="email" | ||
| class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"> | ||
| </div> | ||
| <button | ||
| class="text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg"> | ||
| Login | ||
| </button> | ||
| <a href="/teacher.html" class="text-white mt-5 text-center bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg"> | ||
| Teacher Page (Demo Button) | ||
| </a> | ||
| </div> | ||
| <div class="lg:w-3/5 md:w-1/2 md:pr-16 lg:pr-0 pr-0"> | ||
| <img src="/img.png" alt="image" class="w-full h-full object-contain"> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Student</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
| <body class="font-sans bg-gray-100 h-screen"> | ||
| <div class="flex h-screen"> | ||
| <div class="w-1/4 h-full bg-gray-300 p-10 flex flex-col items-center gap-3"> | ||
| <img src="/img.png" alt="logo" class="object-contain w-60"> | ||
| <h2 class="text-2xl font-bold text-gray-800 py-10">Username</h2> | ||
| <button class="text-xl w-full text-gray-100 px-5 py-1 rounded bg-black">Profile</button> | ||
| <button class="text-xl w-full text-gray-100 px-5 py-1 rounded bg-black">Check-In</button> | ||
| <a href="/index.html" class="text-xl w-full text-center text-gray-100 px-5 py-1 rounded bg-black">Logout</a> | ||
| </div> | ||
| <div class="w-3/4 h-screen p-5"> | ||
| <div class="bg-gray-300 rounded w-full h-full"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Teacher</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
| <body class="font-sans bg-gray-100 h-screen"> | ||
| <div class="flex h-screen"> | ||
| <div class="w-1/4 h-full bg-gray-300 p-10 flex flex-col items-center gap-3"> | ||
| <img src="/img.png" alt="logo" class="object-contain w-60"> | ||
| <h2 class="text-2xl font-bold text-gray-800 py-10">Username</h2> | ||
| <button class="text-xl w-full text-gray-100 px-5 py-1 rounded bg-black">Profile</button> | ||
| <button class="text-xl w-full text-gray-100 px-5 py-1 rounded bg-black">Attendence</button> | ||
| <a href="/index.html" class="text-xl w-full text-center text-gray-100 px-5 py-1 rounded bg-black">Logout</a> | ||
| <a href="/student.html" class="text-xl w-full text-center text-gray-100 px-5 py-1 rounded bg-black">Student Page (Demo Button)</a> | ||
| </div> | ||
| <div class="w-3/4 h-screen p-5"> | ||
| <div class="bg-gray-300 rounded w-full h-full"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |