From f56181e62662537d9db50cc47448396f765dc2fd Mon Sep 17 00:00:00 2001
From: Ekta Agrawal <119687476+EktaAgrawal08@users.noreply.github.com>
Date: Mon, 21 Oct 2024 13:19:58 +0530
Subject: [PATCH 1/6] index.html
---
Week1-Task/index.html | 73 +++++++++++++++++++++++++++++++++++++++++++
1 file changed, 73 insertions(+)
create mode 100644 Week1-Task/index.html
diff --git a/Week1-Task/index.html b/Week1-Task/index.html
new file mode 100644
index 0000000..de4fce9
--- /dev/null
+++ b/Week1-Task/index.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+ Class Timetable
+
+
+
+
+
+
+
+
+
+
From 7e70cbb017ddf5af92139cbeb46014c158856702 Mon Sep 17 00:00:00 2001
From: Ekta Agrawal <119687476+EktaAgrawal08@users.noreply.github.com>
Date: Mon, 21 Oct 2024 13:21:39 +0530
Subject: [PATCH 2/6] Add files via upload
---
Week1-Task/script.js | 28 +++++++++++++++
Week1-Task/style.css | 82 ++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 110 insertions(+)
create mode 100644 Week1-Task/script.js
create mode 100644 Week1-Task/style.css
diff --git a/Week1-Task/script.js b/Week1-Task/script.js
new file mode 100644
index 0000000..a0fceaf
--- /dev/null
+++ b/Week1-Task/script.js
@@ -0,0 +1,28 @@
+function showTeacher(subject) {
+ const teacher = {
+ 'PROGRAMMING BASICS': 'Prof. Ram Kumar
Email: ram_kumar@btech.edu
Room: B-101, Contact: 9991234567',
+ 'DATABASE SYSTEMS': 'Prof. Shalini Mehta
Email: shalini_mehta@btech.edu
Room: B-102, Contact: 9987654321',
+ 'NETWORKING': 'Prof. Amit Kumar
Email: amit_kumar@btech.edu
Room: B-103, Contact: 9976543210',
+ 'WEB DEVELOPMENT': 'Prof. Nisha Gupta
Email: nisha_gupta@btech.edu
Room: B-104, Contact: 9965432109',
+ 'SOFTWARE TESTING': 'Prof. Rakesh Sharma
Email: rakesh_sharma@btech.edu
Room: B-105, Contact: 9954321098',
+ 'PROGRAMMING LAB': 'Prof. Anil Raj
Email: anil_raj@btech.edu
Lab: L-201, Contact: 9943210987',
+ 'DATABASE SYSTEMS LAB': 'Prof. Priya Singh
Email: priya_singh@btech.edu
Lab: L-202, Contact: 9932109876',
+ 'NETWORKING LAB': 'Prof. Sunil Kumar
Email: sunil_kumar@btech.edu
Lab: L-203, Contact: 9921098765',
+ 'WEB DEVELOPMENT LAB': 'Prof. Seema Verma
Email: seema_verma@btech.edu
Lab: L-204, Contact: 9910987654',
+ 'Lunch': 'Enjoy your Lunch Break!'
+ };
+
+ document.getElementById('details').innerHTML = teacher[subject];
+ document.getElementById('teacher').style.display = 'flex';
+}
+
+function closeModal() {
+ document.getElementById('teacher').style.display = 'none';
+}
+
+window.onclick = function(event) {
+ const modal = document.getElementById('teacher');
+ if (event.target == modal) {
+ modal.style.display = 'none';
+ }
+}
diff --git a/Week1-Task/style.css b/Week1-Task/style.css
new file mode 100644
index 0000000..8ce4097
--- /dev/null
+++ b/Week1-Task/style.css
@@ -0,0 +1,82 @@
+body {
+ background-color: #f0f4f8;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ width: 80%;
+ margin: 50px auto;
+ padding: 20px;
+ background-color: #fefefe;
+ border-radius: 10px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.title {
+ text-align: center;
+ color: #2c3e50;
+ margin-bottom: 20px;
+ font-size: 28px;
+}
+
+.timetable {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 16px;
+}
+
+.timetable th {
+ background-color: #34495e;
+ color: #fff;
+ padding: 15px;
+ border: 1px solid #ddd;
+}
+
+.timetable td {
+ padding: 15px;
+ border: 1px solid #ddd;
+ text-align: center;
+ cursor: pointer;
+}
+
+.lunch {
+ background-color: #bdc3c7;
+ font-weight: bold;
+}
+
+.timetable tbody tr:hover td {
+ background-color: #ecf0f1;
+}
+
+.modal {
+ display: none;
+ position: fixed;
+ z-index: 1;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ justify-content: center;
+ align-items: center;
+}
+
+.content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 10px;
+ width: 50%;
+ text-align: center;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.close {
+ position: absolute;
+ top: 10px;
+ right: 20px;
+ font-size: 24px;
+ cursor: pointer;
+ color: #e74c3c;
+}
From 4ed9f19f2aeaad230972ed51ac8468073ce97d2c Mon Sep 17 00:00:00 2001
From: Ekta Agrawal <119687476+EktaAgrawal08@users.noreply.github.com>
Date: Mon, 18 Nov 2024 13:37:49 +0530
Subject: [PATCH 3/6] Delete Week1-Task directory
---
Week1-Task/index.html | 73 --------------------------------------
Week1-Task/script.js | 28 ---------------
Week1-Task/style.css | 82 -------------------------------------------
3 files changed, 183 deletions(-)
delete mode 100644 Week1-Task/index.html
delete mode 100644 Week1-Task/script.js
delete mode 100644 Week1-Task/style.css
diff --git a/Week1-Task/index.html b/Week1-Task/index.html
deleted file mode 100644
index de4fce9..0000000
--- a/Week1-Task/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
- Class Timetable
-
-
-
-
-
-
-
-
-
-
diff --git a/Week1-Task/script.js b/Week1-Task/script.js
deleted file mode 100644
index a0fceaf..0000000
--- a/Week1-Task/script.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function showTeacher(subject) {
- const teacher = {
- 'PROGRAMMING BASICS': 'Prof. Ram Kumar
Email: ram_kumar@btech.edu
Room: B-101, Contact: 9991234567',
- 'DATABASE SYSTEMS': 'Prof. Shalini Mehta
Email: shalini_mehta@btech.edu
Room: B-102, Contact: 9987654321',
- 'NETWORKING': 'Prof. Amit Kumar
Email: amit_kumar@btech.edu
Room: B-103, Contact: 9976543210',
- 'WEB DEVELOPMENT': 'Prof. Nisha Gupta
Email: nisha_gupta@btech.edu
Room: B-104, Contact: 9965432109',
- 'SOFTWARE TESTING': 'Prof. Rakesh Sharma
Email: rakesh_sharma@btech.edu
Room: B-105, Contact: 9954321098',
- 'PROGRAMMING LAB': 'Prof. Anil Raj
Email: anil_raj@btech.edu
Lab: L-201, Contact: 9943210987',
- 'DATABASE SYSTEMS LAB': 'Prof. Priya Singh
Email: priya_singh@btech.edu
Lab: L-202, Contact: 9932109876',
- 'NETWORKING LAB': 'Prof. Sunil Kumar
Email: sunil_kumar@btech.edu
Lab: L-203, Contact: 9921098765',
- 'WEB DEVELOPMENT LAB': 'Prof. Seema Verma
Email: seema_verma@btech.edu
Lab: L-204, Contact: 9910987654',
- 'Lunch': 'Enjoy your Lunch Break!'
- };
-
- document.getElementById('details').innerHTML = teacher[subject];
- document.getElementById('teacher').style.display = 'flex';
-}
-
-function closeModal() {
- document.getElementById('teacher').style.display = 'none';
-}
-
-window.onclick = function(event) {
- const modal = document.getElementById('teacher');
- if (event.target == modal) {
- modal.style.display = 'none';
- }
-}
diff --git a/Week1-Task/style.css b/Week1-Task/style.css
deleted file mode 100644
index 8ce4097..0000000
--- a/Week1-Task/style.css
+++ /dev/null
@@ -1,82 +0,0 @@
-body {
- background-color: #f0f4f8;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- margin: 0;
- padding: 0;
-}
-
-.container {
- width: 80%;
- margin: 50px auto;
- padding: 20px;
- background-color: #fefefe;
- border-radius: 10px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
-
-.title {
- text-align: center;
- color: #2c3e50;
- margin-bottom: 20px;
- font-size: 28px;
-}
-
-.timetable {
- width: 100%;
- border-collapse: collapse;
- font-size: 16px;
-}
-
-.timetable th {
- background-color: #34495e;
- color: #fff;
- padding: 15px;
- border: 1px solid #ddd;
-}
-
-.timetable td {
- padding: 15px;
- border: 1px solid #ddd;
- text-align: center;
- cursor: pointer;
-}
-
-.lunch {
- background-color: #bdc3c7;
- font-weight: bold;
-}
-
-.timetable tbody tr:hover td {
- background-color: #ecf0f1;
-}
-
-.modal {
- display: none;
- position: fixed;
- z-index: 1;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
- justify-content: center;
- align-items: center;
-}
-
-.content {
- background-color: #fff;
- padding: 20px;
- border-radius: 10px;
- width: 50%;
- text-align: center;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
-
-.close {
- position: absolute;
- top: 10px;
- right: 20px;
- font-size: 24px;
- cursor: pointer;
- color: #e74c3c;
-}
From 2a0b861fe6b09e8f3a114436a30b36eef9c2932c Mon Sep 17 00:00:00 2001
From: Ekta Agrawal
Date: Mon, 18 Nov 2024 13:39:54 +0530
Subject: [PATCH 4/6] Added Files
---
Week-1/index.html | 73 +++++++++++++++++++++++++++++++++++++++++
Week-1/script.js | 28 ++++++++++++++++
Week-1/style.css | 82 +++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 183 insertions(+)
create mode 100644 Week-1/index.html
create mode 100644 Week-1/script.js
create mode 100644 Week-1/style.css
diff --git a/Week-1/index.html b/Week-1/index.html
new file mode 100644
index 0000000..de4fce9
--- /dev/null
+++ b/Week-1/index.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+ Class Timetable
+
+
+
+
+
+
+
+
+
+
diff --git a/Week-1/script.js b/Week-1/script.js
new file mode 100644
index 0000000..b3dbe51
--- /dev/null
+++ b/Week-1/script.js
@@ -0,0 +1,28 @@
+function showTeacher(subject) {
+ const teacher = {
+ 'PROGRAMMING BASICS': 'Prof. Ram Kumar
Email: ram_kumar@btech.edu
Room: B-101, Contact: 9991234567',
+ 'DATABASE SYSTEMS': 'Prof. Shalini Mehta
Email: shalini_mehta@btech.edu
Room: B-102, Contact: 9987654321',
+ 'NETWORKING': 'Prof. Amit Kumar
Email: amit_kumar@btech.edu
Room: B-103, Contact: 9976543210',
+ 'WEB DEVELOPMENT': 'Prof. Nisha Gupta
Email: nisha_gupta@btech.edu
Room: B-104, Contact: 9965432109',
+ 'SOFTWARE TESTING': 'Prof. Rakesh Sharma
Email: rakesh_sharma@btech.edu
Room: B-105, Contact: 9954321098',
+ 'PROGRAMMING LAB': 'Prof. Anil Raj
Email: anil_raj@btech.edu
Lab: L-201, Contact: 9943210987',
+ 'DATABASE SYSTEMS LAB': 'Prof. Priya Singh
Email: priya_singh@btech.edu
Lab: L-202, Contact: 9932109876',
+ 'NETWORKING LAB': 'Prof. Sunil Kumar
Email: sunil_kumar@btech.edu
Lab: L-203, Contact: 9921098765',
+ 'WEB DEVELOPMENT LAB': 'Prof. Seema Verma
Email: seema_verma@btech.edu
Lab: L-204, Contact: 9910987654',
+ 'Lunch': 'Enjoy your Lunch Break!'
+ };
+
+ document.getElementById('details').innerHTML = teacher[subject];
+ document.getElementById('teacher').style.display = 'flex';
+}
+
+function closeModal() {
+ document.getElementById('teacher').style.display = 'none';
+}
+
+window.onclick = function(event) {
+ const modal = document.getElementById('teacher');
+ if (event.target == modal) {
+ modal.style.display = 'none';
+ }
+}
diff --git a/Week-1/style.css b/Week-1/style.css
new file mode 100644
index 0000000..21b3417
--- /dev/null
+++ b/Week-1/style.css
@@ -0,0 +1,82 @@
+body {
+ background-color: #f0f4f8;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ width: 80%;
+ margin: 50px auto;
+ padding: 20px;
+ background-color: #fefefe;
+ border-radius: 10px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.title {
+ text-align: center;
+ color: #2c3e50;
+ margin-bottom: 20px;
+ font-size: 28px;
+}
+
+.timetable {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 16px;
+}
+
+.timetable th {
+ background-color: #34495e;
+ color: #fff;
+ padding: 15px;
+ border: 1px solid #ddd;
+}
+
+.timetable td {
+ padding: 15px;
+ border: 1px solid #ddd;
+ text-align: center;
+ cursor: pointer;
+}
+
+.lunch {
+ background-color: #bdc3c7;
+ font-weight: bold;
+}
+
+.timetable tbody tr:hover td {
+ background-color: #ecf0f1;
+}
+
+.modal {
+ display: none;
+ position: fixed;
+ z-index: 1;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ justify-content: center;
+ align-items: center;
+}
+
+.content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 10px;
+ width: 50%;
+ text-align: center;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.close {
+ position: absolute;
+ top: 10px;
+ right: 20px;
+ font-size: 24px;
+ cursor: pointer;
+ color: #e74c3c;
+}
From 87301f645c29371203385f8647f2c14b18b5b177 Mon Sep 17 00:00:00 2001
From: Ekta Agrawal
Date: Mon, 18 Nov 2024 13:51:06 +0530
Subject: [PATCH 5/6] Added Files
---
Week-1/index.html | 73 -----------------------------------------
Week-1/script.js | 28 ----------------
Week-1/style.css | 82 -----------------------------------------------
3 files changed, 183 deletions(-)
delete mode 100644 Week-1/index.html
delete mode 100644 Week-1/script.js
delete mode 100644 Week-1/style.css
diff --git a/Week-1/index.html b/Week-1/index.html
deleted file mode 100644
index de4fce9..0000000
--- a/Week-1/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
- Class Timetable
-
-
-
-
-
-
-
-
-
-
diff --git a/Week-1/script.js b/Week-1/script.js
deleted file mode 100644
index b3dbe51..0000000
--- a/Week-1/script.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function showTeacher(subject) {
- const teacher = {
- 'PROGRAMMING BASICS': 'Prof. Ram Kumar
Email: ram_kumar@btech.edu
Room: B-101, Contact: 9991234567',
- 'DATABASE SYSTEMS': 'Prof. Shalini Mehta
Email: shalini_mehta@btech.edu
Room: B-102, Contact: 9987654321',
- 'NETWORKING': 'Prof. Amit Kumar
Email: amit_kumar@btech.edu
Room: B-103, Contact: 9976543210',
- 'WEB DEVELOPMENT': 'Prof. Nisha Gupta
Email: nisha_gupta@btech.edu
Room: B-104, Contact: 9965432109',
- 'SOFTWARE TESTING': 'Prof. Rakesh Sharma
Email: rakesh_sharma@btech.edu
Room: B-105, Contact: 9954321098',
- 'PROGRAMMING LAB': 'Prof. Anil Raj
Email: anil_raj@btech.edu
Lab: L-201, Contact: 9943210987',
- 'DATABASE SYSTEMS LAB': 'Prof. Priya Singh
Email: priya_singh@btech.edu
Lab: L-202, Contact: 9932109876',
- 'NETWORKING LAB': 'Prof. Sunil Kumar
Email: sunil_kumar@btech.edu
Lab: L-203, Contact: 9921098765',
- 'WEB DEVELOPMENT LAB': 'Prof. Seema Verma
Email: seema_verma@btech.edu
Lab: L-204, Contact: 9910987654',
- 'Lunch': 'Enjoy your Lunch Break!'
- };
-
- document.getElementById('details').innerHTML = teacher[subject];
- document.getElementById('teacher').style.display = 'flex';
-}
-
-function closeModal() {
- document.getElementById('teacher').style.display = 'none';
-}
-
-window.onclick = function(event) {
- const modal = document.getElementById('teacher');
- if (event.target == modal) {
- modal.style.display = 'none';
- }
-}
diff --git a/Week-1/style.css b/Week-1/style.css
deleted file mode 100644
index 21b3417..0000000
--- a/Week-1/style.css
+++ /dev/null
@@ -1,82 +0,0 @@
-body {
- background-color: #f0f4f8;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- margin: 0;
- padding: 0;
-}
-
-.container {
- width: 80%;
- margin: 50px auto;
- padding: 20px;
- background-color: #fefefe;
- border-radius: 10px;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
-
-.title {
- text-align: center;
- color: #2c3e50;
- margin-bottom: 20px;
- font-size: 28px;
-}
-
-.timetable {
- width: 100%;
- border-collapse: collapse;
- font-size: 16px;
-}
-
-.timetable th {
- background-color: #34495e;
- color: #fff;
- padding: 15px;
- border: 1px solid #ddd;
-}
-
-.timetable td {
- padding: 15px;
- border: 1px solid #ddd;
- text-align: center;
- cursor: pointer;
-}
-
-.lunch {
- background-color: #bdc3c7;
- font-weight: bold;
-}
-
-.timetable tbody tr:hover td {
- background-color: #ecf0f1;
-}
-
-.modal {
- display: none;
- position: fixed;
- z-index: 1;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
- justify-content: center;
- align-items: center;
-}
-
-.content {
- background-color: #fff;
- padding: 20px;
- border-radius: 10px;
- width: 50%;
- text-align: center;
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}
-
-.close {
- position: absolute;
- top: 10px;
- right: 20px;
- font-size: 24px;
- cursor: pointer;
- color: #e74c3c;
-}
From f20e0ad13a30bcd1ae6e3e84096dc781ecce5957 Mon Sep 17 00:00:00 2001
From: Ekta Agrawal
Date: Mon, 18 Nov 2024 13:53:15 +0530
Subject: [PATCH 6/6] Added Files
---
index.html | 73 ++++++++++++++++++++++++++++++++++++++++++++++++
script.js | 28 +++++++++++++++++++
style.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 183 insertions(+)
create mode 100644 index.html
create mode 100644 script.js
create mode 100644 style.css
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de4fce9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+ Class Timetable
+
+
+
+
+
+
+
+
+
+
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..b3dbe51
--- /dev/null
+++ b/script.js
@@ -0,0 +1,28 @@
+function showTeacher(subject) {
+ const teacher = {
+ 'PROGRAMMING BASICS': 'Prof. Ram Kumar
Email: ram_kumar@btech.edu
Room: B-101, Contact: 9991234567',
+ 'DATABASE SYSTEMS': 'Prof. Shalini Mehta
Email: shalini_mehta@btech.edu
Room: B-102, Contact: 9987654321',
+ 'NETWORKING': 'Prof. Amit Kumar
Email: amit_kumar@btech.edu
Room: B-103, Contact: 9976543210',
+ 'WEB DEVELOPMENT': 'Prof. Nisha Gupta
Email: nisha_gupta@btech.edu
Room: B-104, Contact: 9965432109',
+ 'SOFTWARE TESTING': 'Prof. Rakesh Sharma
Email: rakesh_sharma@btech.edu
Room: B-105, Contact: 9954321098',
+ 'PROGRAMMING LAB': 'Prof. Anil Raj
Email: anil_raj@btech.edu
Lab: L-201, Contact: 9943210987',
+ 'DATABASE SYSTEMS LAB': 'Prof. Priya Singh
Email: priya_singh@btech.edu
Lab: L-202, Contact: 9932109876',
+ 'NETWORKING LAB': 'Prof. Sunil Kumar
Email: sunil_kumar@btech.edu
Lab: L-203, Contact: 9921098765',
+ 'WEB DEVELOPMENT LAB': 'Prof. Seema Verma
Email: seema_verma@btech.edu
Lab: L-204, Contact: 9910987654',
+ 'Lunch': 'Enjoy your Lunch Break!'
+ };
+
+ document.getElementById('details').innerHTML = teacher[subject];
+ document.getElementById('teacher').style.display = 'flex';
+}
+
+function closeModal() {
+ document.getElementById('teacher').style.display = 'none';
+}
+
+window.onclick = function(event) {
+ const modal = document.getElementById('teacher');
+ if (event.target == modal) {
+ modal.style.display = 'none';
+ }
+}
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..21b3417
--- /dev/null
+++ b/style.css
@@ -0,0 +1,82 @@
+body {
+ background-color: #f0f4f8;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ width: 80%;
+ margin: 50px auto;
+ padding: 20px;
+ background-color: #fefefe;
+ border-radius: 10px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.title {
+ text-align: center;
+ color: #2c3e50;
+ margin-bottom: 20px;
+ font-size: 28px;
+}
+
+.timetable {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 16px;
+}
+
+.timetable th {
+ background-color: #34495e;
+ color: #fff;
+ padding: 15px;
+ border: 1px solid #ddd;
+}
+
+.timetable td {
+ padding: 15px;
+ border: 1px solid #ddd;
+ text-align: center;
+ cursor: pointer;
+}
+
+.lunch {
+ background-color: #bdc3c7;
+ font-weight: bold;
+}
+
+.timetable tbody tr:hover td {
+ background-color: #ecf0f1;
+}
+
+.modal {
+ display: none;
+ position: fixed;
+ z-index: 1;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ justify-content: center;
+ align-items: center;
+}
+
+.content {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 10px;
+ width: 50%;
+ text-align: center;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.close {
+ position: absolute;
+ top: 10px;
+ right: 20px;
+ font-size: 24px;
+ cursor: pointer;
+ color: #e74c3c;
+}