Monthly Challenge
Let's make magic together ⋆˙⟡
April 2025
Codédex Community
Top Posts
Newest
Sonny Li
Gold rank
September: Class Schedule Challenge 🎒
Welcome to the Back to School season! Let's build a website to display your weekly class schedule and get you ready for the semester.
📜 Challenge Rules
Use HTML, CSS, JavaScript to build a class schedule that includes:
- The days and times of your classes for the week (Monday - Friday).
- Any breaks or after-school activities (lunch, sports, club, etc.)
- A table with fancy borders.
- A solid background color or image.
- Cool font family and types.
The HTML should provide the structure of your schedule, while the CSS gives it a visual appeal.
🗳️ Submission
Post your solution code + a screenshot of your website in this channel by Friday, September 29th, and the winner will be voted on by the community!
🏆 Challenge Prize
The winner will receive a brand new Fall Collection swag pack (bucket hat, a hoodie, an enamel keychain, and a surprise item), perfect for the Back to School season!
You will also receive a badge that'll be displayed on your Codédex profile.
Eric Wynn Romere
Gold rank
5 minutes left!
Milan Grujičić
Gold rank
Submission @milan2
My submission for 2023 September's monthly challenge.
Github repo: https://github.com/MilanGrujicic/2023_class_schedule
HTML - index.html:
<!DOCTYPE html>
<html>
<head>
<title>A Class Schedule</title>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<link rel="icon" tpe="image/x-icon" href="media/calendar_favicon.png">
<link href='https://fonts.googleapis.com/css?family=Anonymous Pro' rel='stylesheet'>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name="description" content="A basic class schedule">
<meta name="keywords" content="schedule,school">
<meta name="author" content="Milan_Grujicic">
<script src='main.js'></script>
</head>
<body>
<h1>A Class Schedule</h1>
<h2>Semester 1/2 2023</h2>
<table border=1 frame=void rules=rows>
<thead>
<tr class="header_table">
<th class="empty"></th>
<th>MONDAY</th>
<th>TUESDAY</th>
<th>WEDNESDAY</th>
<th>THURSDAY</th>
<th>FRIDAY</th>
</tr>
</thead>
<tbody>
<tr>
<td class="header_table">08:00</td>
<td>
<div>MATH</div>
<div>Geometry Gina</div>
</td>
<td>
<div>PHYSICS</div>
<div>Dr. Book Worm</div>
</td>
<td>
<div>BIOLOGY</div>
<div>Mr. Brainiac Brawn</div>
</td>
<td>
<div>BIOLOGY</div>
<div>Mr. Brainiac Brawn</div>
</td>
<td></td>
</tr>
<tr>
<td class="header_table">09:00</td>
<td></td>
<td>
<div>MATH</div>
<div>Geometry Gina</div>
</td>
<td></td>
<td>
<div>ENGLISH</div>
<div>Miss Wizbang</div>
</td>
<td></td>
</tr>
<tr>
<td class="header_table">10:00</td>
<td>
<div>CHEMISTRY</div>
<div>Calculus Carl</div>
</td>
<td></td>
<td>
<div>PHYSICS</div>
<div>Dr. Book Worm</div>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class="header_table">11:00</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<div>CHEMISTRY</div>
<div>Calculus Carl</div>
</td>
</tr>
<tr>
<td class="header_table">12:00</td>
<td>LUNCH</td>
<td>LUNCH</td>
<td>LUNCH</td>
<td>LUNCH</td>
<td>LUNCH</td>
</tr>
<tr>
<td class="header_table">13:00</td>
<td>
<div>ENGLISH</div>
<div>Miss Wizbang</div>
</td>
<td></td>
<td>CHESS PRACTICE</td>
<td>CHESS PRACTICE</td>
<td></td>
</tr>
<tr>
<td class="header_table">14:00</td>
<td></td>
<td></td>
<td>CHESS PRACTICE</td>
<td>CHESS PRACTICE</td>
<td>ACTING</td>
</tr>
<tr>
<td class="header_table">15:00</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>ACTING</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
const api_url ="https://zenquotes.io/api/quotes/";
async function getapi(url)
{
const response = await fetch(url);
var data = await response.json();
console.log(data);
}
getapi(api_url);
</script>
</body>
<footer>
Made by <a href="https://github.com/MilanGrujicic" target="_blank" class="link">@Milan_Grujicic</a>
</footer>
</html>
CSS - main.css:
* {
font-family: "Anonymous Pro";
}
body {
background-image: url("media/background_image.jpg");
background-size: 100% 100%;
background-size: cover;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
font-family: sans; color: white;
}
footer {
position: absolute;
width: 50%;
bottom: 10px;
color:white;
}
h1,h2 {
text-align-last: center;
}
table {
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
background: rgba(0,0,0,0.4);
}
.header_table {
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
color: black;
}
th, td {
padding: 25px;
text-align: center;
vertical-align: middle;
}
td{
border-spacing: 100px;
}
.link {
color:beige;
text-decoration: none;
}
.link:hover {
color:white
}
Michael Cook
Bronze rank
Monthly Challenge Submission : )
Here is my code!
HTML:
<!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="styles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap" rel="stylesheet">
<title>My Class Schedule</title>
</head>
<body>
<div class="schedule">
<h1>Fall Class Schedule</h1>
<div class="cont">
<img src="cat_sleep.gif" alt="Falling leaves GIF">
</div>
<h3>2023</h3>
<table>
<thead>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
</thead>
<tbody>
<tr class="event">
<td class="time">9:00 AM</td>
<td>
<div class="class-Math">
<div class="subject">Linear Algebra</div>
<div class="course">MTH 210</div>
<div class="instructor">Mr. Zappa</div>
<div class="time">9:00-10:00</div>
</div>
</td>
<td></td>
<td>
<div class="class-Math">
<div class="subject">Linear Algebra</div>
<div class="course">MTH 210</div>
<div class="instructor">Mr. Zappa</div>
<div class="time">9:00-10:00</div>
</div>
</td>
<tr class="event">
<td class="time">10:00 AM</td>
<td></td>
<td>
<div class="class-Cloud">
<div class="subject">Cloud Computing</div>
<div class="course">CS 153</div>
<div class="instructor">Mrs. Jett</div>
<div class="time">10:00-11:00</div>
</div>
</td>
</tr>
<tr class="event">
<td class="time">11:00 AM</td>
<td></td>
<td></td>
<td>
</td>
</tr>
<tr class="event">
<td class="time">12:00 PM</td>
<td></td>
<td></td>
<td></td>
<td>
<div class="class-Band">
<div class="subject">Band Practice</div>
<div class="time">12:00-1:00</div>
</div>
</td>
</tr>
<tr class="event">
<td class="time">1:00 PM</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>
<div class="class-Club">
<div class="subject">Lacrosse Practice</div>
<div class="time">1:00-2:00</div>
</div>
</td>
</tr>
<tr class="event">
<td class="time">2:00 PM</td>
<td>
<div class="class-FF">
<div class="subject">Fables & FairyTales</div>
<div class="course">ENG 223</div>
<div class="instructor">Mrs Joplin</div>
<div class="time">2:00-3:00</div>
</div>
</td>
<td></td>
<td>
<div class="class-FF">
<div class="subject">Fables & FairyTales</div>
<div class="course">ENG 223</div>
<div class="instructor">Mrs Joplin</div>
<div class="time">2:00-3:00</div>
</div>
</td>
</tr>
<tr class="event">
<td class="time">3:00 PM</td>
<td></td>
<td>
<div class="class-Club">
<div class="subject">Lacrosse Practice</div>
<div class="time">3:00-4:00</div>
</div>
</td>
</tr>
<tr class="event">
<td class="time">4:00 PM</td>
<td></td>
<td>
<div class="class-Math">
<div class="subject">Computer Forensics</div>
<div class="course">CS 350</div>
<div class="instructor">Mr. Rose</div>
<div class="time">4:00-5:00</div>
</div>
</td>
</tr>
</table>
</div>
<footer>
<p>© 2023 September Codedex Challenge<br>MikesCookie</p>
</footer>
</html>
CSS:
body, h1 {
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
background-image: url('Tumblr_sky.gif');
background-size: cover;
background-repeat: no-repeat;
}
.schedule {
max-width: 800px;
margin: 0 auto;
padding: 20px;
border-radius: 8px;
}
h1 {
text-align: center;
color: white;
font-size: 32px;
font-family: 'Bebas Neue', sans-serif;
}
h3 {text-align: center;
color: white;
font-size: 32px;
font-family: 'Bebas Neue', sans-serif;
margin-top: 0px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
table th, table td {
padding: 15px;
text-align: left;
}
table th {
background-color: rgba(189, 90, 242, 0.5);
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-family: 'Bebas Neue', sans-serif;
}
tr {
border-bottom: 1px solid #ae1ae9;
}
td {
border-radius: 25%;
padding: 25px;
margin: 10px;
}
footer {
text-align: center;
font-family: 'Bebas Neue', sans-serif;
color: #fff;
}
.class-Math {
background-color: rgba(0, 38, 255, 0.226);
border-radius:7px;
font-size: small;
font-family: 'Julius Sans One', sans-serif;
color: rgba(0, 0, 0, 0.7)
}
.class-Cloud {
background-color: rgba(179, 0, 255, 0.236);
border-radius: 10px;
font-size: small;
font-family: 'Julius Sans One', sans-serif;
color: rgba(0, 0, 0, 0.7)
}
.class-FF {
background-color: rgba(244, 36, 230, 0.271);
border-radius: 5px;
font-size: small;
font-family: 'Julius Sans One', sans-serif;
color: rgba(0, 0, 0, 0.7)
}
.class-Club {
background-color: rgba(116, 36, 244, 0.271);
border-radius: 5px;
font-size: small;
font-family: 'Julius Sans One', sans-serif;
color: rgba(0, 0, 0, 0.7)
}
.class-Band {
background-color: rgba(78, 36, 244, 0.271);
border-radius: 5px;
font-size: small;
font-family: 'Julius Sans One', sans-serif;
color: rgba(0, 0, 0, 0.7)
}
.cont {
text-align: center;
margin-top: 5px;
}
.cont img {
display: block;
margin: 0 auto;
width: 65px;
}
Hannah Kuklinski
Gold rank
This is my submission :)
<!DOCTYPE html>
<html>
<head>
<!--metadata-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<!--about the website-->
<meta name="author" content="Hannah Kuklinski">
<link rel="stylesheet" href="/HTML/class_schedule.css">
<title>Fall Schedule 2023</title>
</head>
<main>
<h1>Fall Semester 2023</h1>
<table>
<thead>
<tr>
<th class="daysOfTheWeek"></th>
<th class="daysOfTheWeek">Monday</th>
<th class="daysOfTheWeek">Tuesday</th>
<th class="daysOfTheWeek">Wednesday</th>
<th class="daysOfTheWeek">Thursday</th>
<th class="daysOfTheWeek">Friday</th>
</tr>
</thead>
<tbody>
<tr>
<th>9:00am </th>
<td></td>
<td rowspan="2" class="big-ideas">
<p>Big Ideas In Computing
<br>and Information</p>
<br>Dr. Adam Lee
<br>Cathedral of Learning G24
<br>9:30am - 10:45am</td>
<td></td>
<td rowspan="2" class="big-ideas">
<p>Big Ideas In Computing
<br>and Information</p>
<br>Dr. Adam Lee
<br>Cathedral of Learning G24
<br>9:30am - 10:45am</td>
</td>
<td></td>
</tr>
<tr>
<th>10:00am </th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>11:00am</th>
<td rowspan="2" class="big-ideas-lab">
<p>Big Ideas In Computing
<br>and Information: LAB</p>
<br>TBD
<br>Sennott Square 5505
<br>11:00am- 12:50pm
</td>
<td rowspan="2" class="discrete-structures">
<p>Discrete Structures for CS</p>
<br>Dr. William Garrison
<br>Sennott Square 5502
<br>11:00am- 12:15pm
</td>
<td rowspan="2" class="intermediate-programming-lab">
<p>Intermediate Programming <br> with Java: LAB</p>
<br>TBD
<br>Information Science 501
<br>11:00am- 12:50pm
</td>
<td rowspan="2" class="discrete-structures">
<p>Discrete Structures for CS</p>
<br>Dr. William Garrison
<br>Sennott Square 5502
<br>11:00am- 12:15pm
</td>
<td></td>
</tr>
<tr>
<th>12:00pm</th>
<td></td>
</tr>
<tr>
<th>1:00pm</th>
<td></td>
<td rowspan="2" class="intermediate-programming">
<p>Intermediate Programming <br> with Java</p>
<br>Dr. John Ramirez
<br> Cathedral of Learning G8
<br>1:00pm - 2:15pm
</td>
<td></td>
<td rowspan="2" class="intermediate-programming">
<p>Intermediate Programming <br> with Java</p>
<br>Dr. John Ramirez
<br> Cathedral of Learning G8
<br>1:00pm - 2:15pm
</td>
<td class="discrete-structures-lab">
<p>Discrete Structures
<br>for CS: LAB</p>
<br>TBD
<br>Information Science Building 405
<br>1:00pm - 1:50pm
</td>
</tr>
<tr>
<th>2:00pm</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>3:00pm</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan="7"class="work">
<p>Starbucks</p>
<br> 3:45pm - 9:30pm
</td>
</tr>
<tr>
<th>4:00pm</th>
<td></td>
<td></td>
<td rowspan="6"class="work">
<p>Starbucks</p>
<br>4:00pm - 9:30pm
</td>
<td></td>
</tr>
<tr>
<th>5:00pm</th>
<td></td>
<td rowspan="6" class="work-cleanplay">
<p>Starbucks</p>
<br>Cleanplay!
<br>5:30pm -10:30pm
</td>
<td></td>
</tr>
<tr>
<th>6:00pm</th>
<td rowspan="3" class="intermediate-python">
<p>Intermediate Programming <br> with Python</p>
<br>Kamil Akhuseyinoglu
<br>Information Science Building 411
<br> 6:00pm - 8:30pm
</td>
<td class="csc">
<p>Computer Science Club</p>
<br>Sennott Square 5317
<br>6:00-7:00pm
</td>
</tr>
<tr>
<th>7:00pm</th>
<td class="wics">
<p>Women in <br>Computer Science Club</p>
<br>Sennott Square 5317
<br>7:00pm - 8:00pm
</td>
<tr>
<th>8:00pm</th>
<td></td>
</tr>
<tr>
<th>9:00pm</th>
<td></td>
<td></td>
</tr>
<tr>
<th>10:00pm</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>11:00pm</th>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</main>
</html>
this is my CSS file:
h1{
text-align:center;
justify-content: center;
}
body {
font-family:Verdana, Geneva, Tahoma, sans-serif;
background-image: url("https://collegevine.imgix.net/cda87169-2d6c-4abc-85d8-4877e9bb0e47.jpg");
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
font-size: 18px;
}
/*FOR THE TABLE*/
table{
width:100%;
padding: 15px;
text-align:center;
background-color: rgba(255,255,255,0.3);
}
td{
border-radius: 10%;
height: 70px;
}
th {
font-size: 24px;
font-weight: 800;
padding-left: 10px;
padding-right: 10px;
color: black;
}
/*for the headings of the Days of the Week*/
.daysOfTheWeek {
text-decoration: underline black 2px;
font-size: 26px;
padding: 0px 10px 20px 10px;
margin: 0 10px 0 10px;
}
/*For each class type*/
.big-ideas {
text-align:center;
border: 1px solid black;
background-color: rgba(155,220,246, 0.7);
}
.big-ideas-lab{
border: 1px solid black;
background-color: rgba(114, 204, 255, 0.6);
padding-bottom: 50px;
}
p{
font-weight: 800;
font-size: 20px;
text-align:center;
padding: 5px;
}
.discrete-structures{
border: 1px solid black;
padding-bottom: 40px;
background-color: rgba(255, 60, 60, 0.5);
}
.discrete-structures-lab{
border: 1px solid black;
background-color: rgba(255, 172, 114, 0.3);
padding-bottom: 50px;
}
.intermediate-programming{
border: 1px solid black;
background-color: rgba(229,246,155, 1);
}
.intermediate-programming-lab {
border: 1px solid black;
background-color: rgba(229,246,155, 0.5);
}
/*Activities, Club, and Work Shift Types */
.work {
font-size: 20px;
border: 1px solid black;
}
.work-cleanplay {
border: 1px solid black;
}
.work, .work-cleanplay {
background-color: rgba(170,226,163,0.7);
}
.wics {
border: 1px solid black;
background-color: rgba(250,105,156, 0.6);
padding-bottom: 50px;
}
.intermediate-python {
border: 1px solid black;
background-color: rgba(92,207,69, 0.8);
}
.csc {
border: 1px solid black;
background-color: rgba(3,26,216, 0.5);
padding-bottom: 50px;
}
Catarina
Bronze rank
Hello everyone! Here's my entry for September's challenge!
index.html:
<!DOCTYPE html>
<html>
<title>Class Schedule</title>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="header">
<div class="student-info">
<p>Student: _________</p>
<p>Year: ____/____</p>
</div>
<h1>Class Schedule</h1>
</div>
<table class="timetable">
<thead>
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
</thead>
<tbody>
<tr>
<td>08:10 - 09:00</td>
<td class="spanish">Spanish</td>
<td class="history">History</td>
<td class="gym">Gym</td>
<td> </td>
<td class="spanish">Spanish</td>
</tr>
<tr>
<td>09:10 - 10:00</td>
<td class="gym">Gym</td>
<td class="geography">Geography</td>
<td class="gym">Gym</td>
<td> </td>
<td class="history">History</td>
</tr>
<tr>
<td>10:10 - 11:00</td>
<td class="gym">Gym</td>
<td class="biology">Biology</td>
<td class="english">English</td>
<td> </td>
<td class="science">Science</td>
</tr>
<tr>
<td>11:10 - 12:00</td>
<td> </td>
<td class="biology">Biology</td>
<td class="math">Math</td>
<td class="clubs">Book Club</td>
<td class="english">English</td>
</tr>
<tr>
<td>12:10 - 13:00</td>
<td>Lunch</td>
<td>Lunch</td>
<td class="history">History</td>
<td>Lunch</td>
<td>Lunch</td>
</tr>
<tr>
<td>13:10 - 14:00</td>
<td class="science">Science</td>
<td class="math">Math</td>
<td>Lunch</td>
<td class="science">Science</td>
<td class="history">History</td>
</tr>
<tr>
<td>14:10 - 15:00</td>
<td class="english">English</td>
<td class="math">Math</td>
<td> </td>
<td class="math">Math</td>
<td class="math">Math</td>
</tr>
<tr>
<td>15:10- 16:00</td>
<td class="english">English</td>
<td class="science">Science</td>
<td> </td>
<td class="history">History</td>
<td class="math">Math</td>
</tr>
<tr>
<td>16:10 - 17:00</td>
<td class="math">Math</td>
<td> </td>
<td> </td>
<td class="english">English</td>
<td> </td>
</tr>
<tr>
<td>17:10 - 18:00</td>
<td class="clubs">Violin</td>
<td class="clubs">Code Club</td>
<td> </td>
<td class="english">English</td>
<td> </td>
</tr>
<tr>
<td>18:10 - 19:00</td>
<td class="clubs">Violin</td>
<td class="clubs">Code Club</td>
<td> </td>
<td class="biology">Biology</td>
<td> </td>
</tr>
<tr>
<td>19:10 - 20:00</td>
<td> </td>
<td class="clubs">Code Club</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<div class="footer">
<a href="https://www.codedex.io/@27programing27" target="_blank">@27programing27</a> Codédex September Challange
</div>
</body>
</html>
styles.css:
body {
background-image: url('https://images.pexels.com/photos/1323712/pexels-photo-1323712.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); /* Substitua 'caminho-para-sua-imagem.jpg' pelo caminho real da sua imagem de fundo */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.timetable{
text-align: center;
background-color: #FAF9F6;
border-collapse: collapse;
margin: 25px auto;
font-size: 0.85em;
min-width: 400px;
width: 90%;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 20px rgba(57, 79, 73, 0.15
);
}
.header {
font-family:'Times New Roman', Times, serif;
display: flex;
justify-content: space-between;
align-items: center;
color: #394f49;
padding: 10px;
margin-right: 50px;
margin-left: 50px;
min-width: 400px;
}
.student-info {
font-size: 1.2em;
text-align: center;
}
.student-info p {
margin: 0;
}
h1 {
text-align: center;
margin: 0;
}
.timetable thead tr {
background-color: #394f49;
color: #FAF9F6;
text-align: center;
font-weight: bold;
}
td.math {
background-color: #B98B73A0;
}
td.spanish {
background-color: #CB997EA0;
}
td.history {
background-color: #DDBEA9A0;
}
td.science {
background-color: #FFE8D6A0;
}
td.gym {
background-color: #D4C7B0A0;
}
td.biology {
background-color: #B7B7A4A0;
}
td.geography {
background-color: #A5A58DA0;
}
td.clubs {
background-color: #6B705CA0;
}
td.english {
background-color: #e0afa0A0;
}
.timetable td{
border-radius: 15px;
}
.timetable th,
.timetable td{
padding: 12px 15px;
}
.timetable tbody tr{
font-family:'Times New Roman', Times, serif;
border-bottom: 1px solid #535A2F;
}
.timetable tbody tr:last-child {
border-bottom: none;
}
.timetable tbody tr:nth-of-type(even){
background-color: #E8E8E8;
}
.footer {
position:relative;
bottom: 0;
color: rgba(18, 18, 18, 0.70);
text-align: center;
font-size: 0.75em;
font-family: Arial, sans-serif;
}
Codédex News
See all
Upcoming Events
Apr
16
Smash Karts Tournament
Wed Apr 16th @ 3:00pm ET
Apr
23
Node.js Workshop
Wed Apr 23rd @ 3:00pm ET
May
7
Resume Review Workshop
Wed May 7th @ 3:00pm ET
Community Guidelines
Review our Code of Conduct
© 2025 Niteowl, Inc. · Terms · Privacy Policy