<!DOCTYPE html>
<html>
  <head>
    <title>Hello, World!</title>
    
  </head>
  <body>
    <table border="2" style="color:orange;border-collapse:collapse;">
      <tr>
        <td>Student name</td>
        <td calspan="3">Compulsory</td>
        <td>Optional</td>
      </tr>
      <tr>
      <td rowspan="3">Harry porter</td>
         <td rowspan="3">Bangla</td>
         <td rowspan="3">English</td>
         <td rowspan="3">ICT</td>
         <td rowspan="3">Physics</td>
      </tr>
      <tr>
        <td>Math</td>
        
      </tr>
      
      <tr>
        <td>Biology</td>
        
      </tr>
    </table>
  </body>
</html>

index.html

body{
  padding: 25px;
}
.title {
	color: #5C6AC4;
}

styles.css

function showTime() {
	document.getElementById('currentTime').innerHTML = new Date().toUTCString();
}
showTime();
setInterval(function () {
	showTime();
}, 1000);