Skip to content

Instantly share code, notes, and snippets.

@iaminamcom

iaminamcom/CS101.html

Last active November 8, 2019 15:30
Show Gist options
  • Save iaminamcom/818b8ab7240da2a2700a014eab771838 to your computer and use it in GitHub Desktop.
Save iaminamcom/818b8ab7240da2a2700a014eab771838 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CS101.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
th {
border: 1px solid #000;
padding: 10px;
}
td {
border: 1px solid #000;
padding: 10px;
}
</style>
</head>
<body style="text-align: center;background-color: #add8e6;">
<h1><a href="https://www.vu.edu.pk/">Virtual University of Pakistan</a></h1>
<hr>
<h2 style="color: blue;">Academic qualification form</h2>
<hr>
<table style="border: 3px solid #000;margin: auto;">
<thead>
<tr>
<th colspan="3"><h2><i>Academic Details</i></h2></th>
</tr>
</thead>
<tbody>
<tr>
<th>Degree Title</th>
<th>Obtained marks</th>
<th>Total Marks</th>
</tr>
<tr>
<td style="font-weight: bold;">Matric</td>
<td style="font-weight: bold;">524</td>
<td>1100</td>
</tr>
<tr>
<td style="font-weight: bold;">Intermediate</td>
<td style="font-weight: bold;">566</td>
<td>1100</td>
</tr>
<tr>
<td style="font-weight: bold;">BS Biotechnology</td>
<td colspan="2">
<p style="text-decoration: underline;">Current Semester Courses</p>
<ul>
<li>CS101</li>
<li>MGT101</li>
<li>ISL201</li>
<li>PAK301</li>
<li>ENG101</li>
<li>MTH302</li>
</ul>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
<b>Note:</b> <span style="color: red;">Foreign diploma/Degree holders are required to submit its equalance certificates from concerning authority i.e HEC/IBCC.</span>
</td>
</tr>
</tfoot>
</table>
<br>
<hr>
<p style="color: green;">To do it I found some help from <a href="https://www.w3schools.com/html/html_tables.asp">w3schools</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table">MDN</a> and tried my best to make it resembling replica of given sample.</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment