diff --git a/Student dashboard.html b/Student dashboard.html deleted file mode 100644 index 227f7e7..0000000 --- a/Student dashboard.html +++ /dev/null @@ -1,201 +0,0 @@ -! - - - - Attendance Dashboard | By Code Info - - - - - -
- - - - -
- - {% extends 'base.html' %} - {% block head %} - Student's Dashboard -{% endblock %} - -{% block body %} - - -
-
-
-
-

{{student_details.name}}'s Dashboard

-
-
-
-
-
-
-
-
-

{{ div_details.year }} {{ div_details.sem }} {{ division }} {{ student_details.roll_no }}

-
-
- - - - - - - - - - - - {% for teacher_email in div_details['teacher_email']: %} - - - - - - - - {% endfor %} - -
SubjectTeacherLectures AttendedLectures ConductedPercentage
- {{ attendance[teacher_email][0] }} - - {{ attendance[teacher_email][1] }} - - {{ attendance[teacher_email][2] }} - - {{ attendance[teacher_email][3] }} - - {{ attendance[teacher_email][4] }} % -
-
-
-
-
-
-{% endblock %} - - diff --git a/index.html b/index.html index 6cec9dc..65da016 100644 --- a/index.html +++ b/index.html @@ -1,147 +1,71 @@ - - - + + - - - - - - -Home Page - + + + - - -
- -
- × - Home - News - Contact - About -
- -
- - ☰ - This is an image!! - Attendance - -
- - - - - - -
- -
- -
-

Present Sir

-
-

An efficient Solutions for both Students and Teachers.

-
-
-
- - - - - - - - - - - - - - - - - - - - - - 
-           
-
- - - - - -

Login

-
-
-
-
-
- -
- -
- -
-
-

- Students -
+ +
+
+ + + MarkAttendence + + +
- -
-
- This project is made by Sanjib Mohanty. -
-
- Contact Me: - - - +
+ + + +
+
+ hero +
+

Attendance Made Simple: With MarkAttendence

+

Explore Our User-Friendly System” is a section that likely emphasizes the ease and convenience of an attendance tracking system

+
+
+ + +
+ +
+

Let's fix your class attendence.

+
+ + +
-
+
+ - + \ No newline at end of file diff --git a/login.html b/login.html index eb1f8f4..8a15766 100644 --- a/login.html +++ b/login.html @@ -1,134 +1,50 @@ - - - - - - - - - Login and Registration Page + + + + + + + + + +
+
+ + + MarkAttendence + + + +
+
+ +
+
+
+
+

Login

+

Login to exeed to next page

+
+ + +
- - - - - - - - -
- - -
- - -
-
- -
- -
-
- - -
- - - -
-
- -
- - -
-
-

Sign Up

- -
- - - -
- -
- - - -
- -
- - - -
- -
- - - -
- -
- -
- - - - - -
-
- +
+ +
+ +

Don't have an account yet. let's SignUp

- - - - - +
+
+ \ No newline at end of file diff --git a/login_script.js b/login_script.js deleted file mode 100644 index 483ea16..0000000 --- a/login_script.js +++ /dev/null @@ -1,11 +0,0 @@ -const logregBox = document.querySelector('.logreg-box'); -const loginLink = document.querySelector('.login-link'); -const registerLink = document.querySelector('.register-link'); - -registerLink.addEventListener('click', () =>{ - logregBox.classList.add('active'); -}); - -loginLink.addEventListener('click', () =>{ - logregBox.classList.remove('active'); -}); \ No newline at end of file diff --git a/login_style.css b/login_style.css deleted file mode 100644 index a54185b..0000000 --- a/login_style.css +++ /dev/null @@ -1,314 +0,0 @@ - -@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&&display=swap'); - -*{ - margin:0; - padding:0; - box-sizing: border-box; - font-family: 'Poppins', sans-serif; -} - -body{ - background: #20113b; -} - -.header{ - position: fixed; - top:0; - left: 0; - width:100%; - padding: 25px 12.5%; /*px-top,bottom, responsive-left,right*/ - background: transparent; - display: flex; - justify-content: space-between; - align-items: center; - z-index:100; -} - -.navbar a{ - position:relative; - font-size: 16px; - color:#e4e4e4; - text-decoration: none; - font-weight: 500; - margin-right: 30px; -} - -.navbar a::after{ - content: ''; /*content property used to add images or extra text that is not a part of html*/ - position: absolute; - left:0; - bottom: -6px; - width: 100%; - height: 2px; - background: #e4e4e4; - border-radius: 5px; - transform: translateY(10px); - opacity: 0; - transition: .5s; -} - -.navbar a:hover::after{ - transform: translateY(0px); - opacity: 1; -} - -.search-bar{ - width:250px; - height:45px; - background-color: transparent; - border: 2px solid #e4e4e4; - border-radius: 6px; - display: flex; - align-items: center; -} - -.search-bar input{ - width:100%; - background: transparent; - border: none; - outline: none; - font-size: 16px; - color: #e4e4e4; - padding-left: 10px; -} - -.search-bar input::placeholder{ - color:#e4e4e4; -} - -.search-bar button{ - width: 40px; - height: 100%; - background: transparent; - border: none; - outline: none; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; -} - -.search-bar button i{ - font-size: 22px; - color: #e4e4e4; -} - -.background{ - width: 100%; - height: 100vh; - background: url('background_image.jpeg') no-repeat; - background-size: cover; - background-position: center; - filter: blur(0px); -} - -.container{ - position: absolute; - top: 50%; - left: 50%; - width: 75%; - transform: translate(-50%, -50%); - height: 550px; - background:rgba(32, 11, 68, 0.8) no-repeat; - backdrop-filter: blur(5px); - background-size: cover; - background-position: center; - border-radius: 20px; - box-shadow:2cm #20113b; - -} - -.container .content{ - position: absolute; - top: 0; - left: 0; - width: 58%; - height: 100%; - background: url('student.png') no-repeat; - background-size: 60%; - background-position: center; - padding: 80px; - color: #e4e4e4; - display: flex; - justify-content: space-between; - flex-direction: column; -} - -.content .logo{ - font-size: 28px; -} - -.text-sci h2{ - font-size: 35px; - line-height: 1; -} - -.text-sci h2 span{ - font-size: 25px; -} - -.text-sci p{ - font-size: 16px; - margin: 20px 0; -} - -.social-icons a i{ - font-size: 22px; - color:#e4e4e4; - margin-right: 10px; - transition: .4s ease; -} - -.social-icons a:hover i{ - transform: scale(1.5); -} - -.container .logreg-box{ - position: absolute; - top: 0; - right: 0; - width: 42%; - height: 100%; - background: transparent; - overflow: hidden; - border-top-right-radius: 20px; - border-bottom-right-radius: 20px; -} - -.logreg-box .form-box{ - position: absolute; - display: flex; - justify-content: center; - align-items: center; - background:#200b4c; - width: 100%; - height: 100%; - backdrop-filter: blur(10px); - color: #e4e4e4; - border-top-right-radius: 20px; - border-bottom-right-radius: 20px; -} - -.logreg-box .form-box.login{ - transform: translateX(0); - transition: transform .6s ease; - transition-delay: .7s; - -} - -.logreg-box.active .form-box.login{ - transform: translateX(430px); - transition-delay: 0s; -} - -.logreg-box .form-box.register{ - transform: translateX(430px); - transition: transform .6s ease; - transition-delay: 0; -} - -.logreg-box.active .form-box.register{ - transform: translateX(0); - transition-delay: .7s; -} - -.form-box h2{ - font-size: 32px; - text-align: center; -} - -.form-box .input-box{ - position: relative; - width: 340px; - height: 50px; - border-bottom: 2px solid ghostwhite; - margin: 30px 0; -} - -.input-box input{ - width: 100%; - height: 100%; - background: transparent; - border: none; - outline: none; - font-size: 16px; - color:#e4e4e4; - font-weight: 500; - padding-right: 28px; -} - -.input-box label{ - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); - font-size: 16px; - font-weight: 500; - pointer-events: none; - transition: .5s ease; -} - -.input-box input:focus~label, -.input-box input:valid~label{ - top: -5px; -} - -.input-box .icon{ - position: absolute; - top: 13px; - right: 0; - font-size: 19px; -} - -.form-box .remember-forgot{ - font-size: 14.5px; - font-weight: 500; - margin: -15px 0 15px; - display: flex; - justify-content: space-between; -} - -.remember-forgot label input{ - accent-color: #e4e4e4; /*This property changes the generic blue tickbox to white*/ - margin-right: 3px; -} - -.remember-forgot a{ - color: #e4e4e4; - text-decoration: none; -} - -.remember-forgot a:hover{ - text-decoration: underline; -} - -.btn{ - width:100%; - height:45px; - background:rgb(182, 43, 110); - border: none; - outline: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; - color: #e4e4e4; - box-shadow: 0 0 10px rgba(0, 0, 0, .5); -} - -.form-box .login-register{ - font-size: 14.5px; - font-weight: 500; - text-align: center; - margin-top: 25px; -} - -.login-register p a{ - color: #e4e4e4; - font-weight: 600; - text-decoration: none; -} - -.login-register p a:hover{ - text-decoration: underline; -} \ No newline at end of file diff --git a/male.jpg b/male.jpg deleted file mode 100644 index 8e0a630..0000000 Binary files a/male.jpg and /dev/null differ diff --git a/sample_image.jpeg b/sample_image.jpeg deleted file mode 100644 index a9b994d..0000000 Binary files a/sample_image.jpeg and /dev/null differ diff --git a/signup.html b/signup.html new file mode 100644 index 0000000..149b5d1 --- /dev/null +++ b/signup.html @@ -0,0 +1,50 @@ + + + + + + + + + +
+
+ + + MarkAttendence + + + +
+
+ +
+
+
+
+

Login

+

Login to exeed to next page

+
+ + +
+ +
+ + +
+ +

have an account. let's login

+
+
+
+ + \ No newline at end of file diff --git a/student.png b/student.png deleted file mode 100644 index 22053ab..0000000 Binary files a/student.png and /dev/null differ diff --git a/style.css b/style.css deleted file mode 100644 index 9cfb6d3..0000000 --- a/style.css +++ /dev/null @@ -1,215 +0,0 @@ -/* import google fonts */ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"); -*{ - margin: 0; - padding: 0; - outline: none; - border: none; - text-decoration: none; - box-sizing: border-box; - font-family: "Poppins", sans-serif; -} -body{ - background: rgb(226, 226, 226); -} -nav{ - position: sticky; - top: 0; - bottom: 0; - height: 100vh; - left: 0; - width: 90px; - /* width: 280px; */ - background: #fff; - overflow: hidden; - transition: 1s; -} -nav:hover{ - width: 280px; - transition: 1s; -} -.logo{ - text-align: center; - display: flex; - margin: 10px 0 0 10px; - padding-bottom: 3rem; -} - -.logo img{ - width: 45px; - height: 45px; - border-radius: 50%; -} -.logo span{ - font-weight: bold; - padding-left: 15px; - font-size: 18px; - text-transform: uppercase; -} -a{ - position: relative; - width: 280px; - font-size: 14px; - color: rgb(85, 83, 83); - display: table; - padding: 10px; -} -nav .fas{ - position: relative; - width: 70px; - height: 40px; - top: 20px; - font-size: 20px; - text-align: center; -} -.nav-item{ - position: relative; - top: 12px; - margin-left: 10px; -} -a:hover{ - background: #eee; -} -a:hover i{ - color: #34AF6D; - transition: 0.5s; -} -.logout{ - position: absolute; - bottom: 0; -} - -.container{ - display: flex; -} - -/* MAin Section */ -.main{ - position: relative; - padding: 20px; - width: 100%; -} -.main-top{ - display: flex; - width: 100%; -} -.main-top i{ - position: absolute; - right: 0; - margin: 10px 30px; - color: rgb(110, 109, 109); - cursor: pointer; -} -.main .users{ - display: flex; - width: 100%; -} -.users .card{ - width: 25%; - margin: 10px; - background: #fff; - text-align: center; - border-radius: 10px; - padding: 10px; - box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1); -} -.users .card img{ - width: 70px; - height: 70px; - border-radius: 50%; -} -.users .card h4{ - text-transform: uppercase; -} -.users .card p{ - font-size: 12px; - margin-bottom: 15px; - text-transform: uppercase; -} -.users table{ - margin: auto; -} -.users .per span{ - padding: 5px; - border-radius: 10px; - background: rgb(223, 223, 223); -} -.users td{ - font-size: 14px; - padding-right: 15px; -} -.users .card button{ - width: 100%; - margin-top: 8px; - padding: 7px; - cursor: pointer; - border-radius: 10px; - background: transparent; - border: 1px solid #4AD489; -} -.users .card button:hover{ - background: #4AD489; - color: #fff; - transition: 0.5s; -} - -/*Attendance List serction */ -.attendance{ - margin-top: 20px; - text-transform: capitalize; -} -.attendance-list{ - width: 100%; - padding: 10px; - margin-top: 10px; - background: #fff; - border-radius: 10px; - box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1); -} -.table{ - border-collapse: collapse; - margin: 25px 0; - font-size: 15px; - min-width: 100%; - overflow: hidden; - border-radius: 5px 5px 0 0; -} -table thead tr{ - color: #fff; - background: #34AF6D; - text-align: left; - font-weight: bold; -} -.table th, -.table td{ - padding: 12px 15px; -} -.table tbody tr{ - border-bottom: 1px solid #ddd; -} -.table tbody tr:nth-of-type(odd){ - background: #f3f3f3; -} -.table tbody tr.active{ - font-weight: bold; - color: #4AD489; -} -.table tbody tr:last-of-type{ - border-bottom: 2px solid #4AD489; -} -.table button{ - padding: 6px 20px; - border-radius: 10px; - cursor: pointer; - background: transparent; - border: 1px solid #4AD489; -} -.table button:hover{ - background: #4AD489; - color: #fff; - transition: 0.5rem; -} - -@media (max-width: 1445px){ - -} diff --git a/teacher dashboard.html b/teacher dashboard.html deleted file mode 100644 index 7f3ffd8..0000000 --- a/teacher dashboard.html +++ /dev/null @@ -1,205 +0,0 @@ -! - - - - Attendance Dashboard | By Code Info - - - - - -
- - - -
-
-

Attendance

- -
-
-
- -

Sam David

-

Ui designer

-
- - - - - - - - - -
85%87%
MonthYear
-
- -
-
- -

Balbina kherr

-

Progammer

-
- - - - - - - - - -
82%85%
MonthYear
-
- -
-
- -

Badan John

-

tester

-
- - - - - - - - - -
94%92%
MonthYear
-
- -
-
- -

Salina micheal

-

Ui designer

-
- - - - - - - - - -
85%82%
MonthYear
-
- -
-
- -
-
-

Attendance List

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IDNameDepartDateJoin TimeLogout TimeDetails
01Sam DavidDesign03-24-228:00AM3:00PM
02Balbina KherrCoding03-24-229:00AM4:00PM
03Badan Johntesting03-24-228:00AM3:00PM
04Sara DavidDesign03-24-228:00AM3:00PM
-
-
-
-
- - - diff --git a/undraw_chore_list_re_2lq8.svg b/undraw_chore_list_re_2lq8.svg new file mode 100644 index 0000000..89e27ca --- /dev/null +++ b/undraw_chore_list_re_2lq8.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/user-icon-female-person-symbol-profile-avatar-sign-vector-18991898.jpg b/user-icon-female-person-symbol-profile-avatar-sign-vector-18991898.jpg deleted file mode 100644 index c3e34bc..0000000 Binary files a/user-icon-female-person-symbol-profile-avatar-sign-vector-18991898.jpg and /dev/null differ