<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Schedule</title>
<style>
table, th, td {
border: solid black;
border-collapse: collapse;
width: 700px;
/* text-align: center; */
}
</style>
</head>
<body>
<div>
<table >
<tr style="font-family: 'Times New Roman', serif;font-size: x-large;">
<td style="text-align: center;" colspan="2"><mark><b><i>My Day</i></b></mark></td>
<tr>
<td>
<center><h3>1.Wake up early</h3></center>
<ul>
<li style="list-style: square;font-size: large;"><b>5 AM</b></li><br>
<li style="list-style: circle;">Walking</li>
<li style="list-style: circle;">Jogging</li>
</ul>
</td>
<td rowspan="3">
<div style="width: 70px;padding-left: 20px;">
<table style="width: 300px;text-align: center;">
<td colspan="2" style="text-align: center; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: large;"><mark><i>Things to do</i></mark></td>
<tr>
<td>
<img src="img/1.png" alt="" width="90px">
</td>
<td><img src="img/2.jpg" alt="" width="90px">
</td>
</tr>
<tr>
<td>
<img src="img/3.jpg" alt="" width="90px">
</td>
<td>
<img src="img/4.jpg" alt="" width="90px">
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<center><h3>2.Breakfast</h3></center>
<ul>
<li style="list-style: square;font-size: large;"><b>7 AM</b></li><br>
<li style="list-style: circle;">Egg</li>
<li style="list-style: circle;">Coffee</li>
</ul>
</td>
</tr>
<tr>
<td>
<center><h3>3.Go to saveetha</h3></center>
<ul>
<li style="list-style: square;font-size: large;"><b>8 AM</b></li><br>
<li style="list-style: circle;">Attend class</li>
<li style="list-style: circle;">to be continued</li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent