To write a html webpage page to display your slot timetable.
Create a Django-admin Interface.
Create a static folder and inert HTML code.
Create a simple table using <table>
tag in html.
Add header row using <th>
tag.
Add your timetable using <td>
tag.
Execute the program using runserver command.
<html>
<head>
<meta charset="UTF-8">
<title>Second Semester Timetable</title>
<style>
/* Add some basic CSS styling to make it visually appealing */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 20px;
}
h1 {
text-align: center;
}
table {
width: 80%;
margin: 0 auto;
border-collapse: collapse;
background-color: white;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
th, td {
padding: 10px;
text-align: center;
}
th {
background-color: #333;
color: rgb(255, 255, 255);
}
tr:nth-child(even) {
background-color: #ffffff;
}
/* Add black color background to the first row from the left and the five columns of that row */
tr:first-child {
background-color: black;
color: rgb(0, 0, 0);
}
tr:first-child td:nth-child(1), tr:first-child td:nth-child(2), tr:first-child td:nth-child(3), tr:first-child td:nth-child(4), tr:first-child td:nth-child(5), tr:first-child td:nth-child(6) {
background-color: black;
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<h1>Semester Timetable</h1>
<table>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
<tr>
<td>8:00 AM - 10:00 AM</td>
<td>FWAD</td>
<td>CD</td>
<td>DPSD</td>
<td>CA</td>
<td>Mathematics</td>
<td>C++</td>
</tr>
<tr>
<td>10:00 AM - 12:00 AM</td>
<td>ED</td>
<td>MPMC</td>
<td>TOC</td>
<td>INT TO DS</td>
<td>K & DOR</td>
<td>IOT</td>
</tr>
<tr>
<td>12:00 AM - 1:00 PM</td>
<td>Lunch</td>
<td>Lunch</td>
<td>Lunch</td>
<td>Lunch</td>
<td>Lunch</td>
<td>Lunch</td>
</tr>
<tr>
<td>1:00 PM - 3:00 PM</td>
<td>FWAD</td>
<td>CA</td>
<td>CD</td>
<td>DPSD</td>
<td>MATHEMATICS</td>
<td>Elective Course</td>
</tr>
<tr>
<td>3:00 PM - 5:00 PM</td>
<td>MPMC</td>
<td>TOC</td>
<td>IOT</td>
<td>ED</td>
<td>INT TO DS</td>
<td>K & DOR</td>
</tr>
</table>
</body>
</html>
![KFWAD1output pdf](https://private-user-images.githubusercontent.com/64436376/272774412-198f2720-2fb6-44f8-89c9-114ac9c765f2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjUzMDU3MzksIm5iZiI6MTcyNTMwNTQzOSwicGF0aCI6Ii82NDQzNjM3Ni8yNzI3NzQ0MTItMTk4ZjI3MjAtMmZiNi00NGY4LTg5YzktMTE0YWM5Yzc2NWYyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAyVDE5MzAzOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlNWQ5MDhiZTJhYTY2ODRiNjIxMjM0NTRhZGFlZTkyZGZlNDZkMmJlOTUxNDY4MTgyMjMxYjVlMWRmNWU5NjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.J9gNxXr6H4njYQmGViAszkljKUfyLAyg6hfXpww3ZKQ)
The program for creating slot timetable using basic HTML tags is executed successfully.