<html>
<head>
<title>My NYU Courses</title>
<style>
body {
font-family: 'Arial', sans-serif;
padding: 20px;
background-color: #f4f4f4;
}
h1 {
color: #2c3e50;
/* border-bottom: 2px solid #3498db; */
border-bottom: 2px solid #492F92;
padding-bottom: 10px;
margin-bottom: 20px;
}
p {
color: #7f8c8d;
}
table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
th, td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #d1d1d1;
}
th {
background-color: #492F92;
color: #ffffff;
}
a {
color: #492F92;
text-decoration: none;
border: 1px solid #492F92;
padding: 5px 10px;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
}
a:hover {
background-color: #492F92;
color: #ffffff;
}
</style>
</head>
<body>
<h1>My NYU Courses</h1>
<p>Here is the table listing the courses I take this semester.</p>
<table>
<tr>
<th></th> <th>Course Code</th> <th>Course Name</th> <th>Professor</th> <th>Classday</th> <th>Class Mode</th>
</tr>
<tr>
<th>Course 1</th> <td>MASY 1260</td> <td>Research Process & Methodology</td> <td>Williams</td> <td>Monday</td> <td>Online</td>
</tr>
<tr>
<th>Course 2</th> <td>MASY 3220</td> <td>Information Security Management</td> <td>Ortiz</td> <td>Tuesday</td> <td>Online</td>
</tr>
<tr>
<th>Course 3</th> <td>MASY 3540</td> <td>Database Technologies for Web Applications</td> <td>Sultan</td> <td>Wednesday</td> <td>Offline</td>
</tr>
<tr>
<th>Course 4</th> <td>MASY 4100</td> <td>Applied Project</td> <td>Moskowitz</td> <td>Thursday</td> <td>Offline</td>
</tr>
</table>
<br>
<a href='http://samsultan.com'>Sam Sultan</a>
</body>
</html>