Index.html
<html>
<head>
<title>
Home
</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<center>
<h2 id="head">
Bilal
Javed
</h2>
<p>Lorem ipsum, dolor sit amet consectetur
<br>
<br>
adipisicing elit. Culpa ab alias quisquam qui! Eum at soluta nisi
distinctio,
<br> eveniet sapiente perferendis autem aspernatur vero aliquid. Reprehenderit veritatis praesentium
enim eaque!
</p>
<hr>
<h2 id="head2">
Studies
</h2>
</center>
<ol>
<li>
BScs
</li>
<li>
Inter
</li>
<li>
Matric
</li>
</ol>
<hr>
<ul>
<li>
hello
</li>
<li>
dummy
</li>
</ul>
<hr>
<dl>
<dt>
Computer
</dt>
<dd>
Computer is electronic machine
</dd>
<dt>
Internet
</dt>
<dd>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores rerum molestiae molestias soluta incidunt
perferendis impedit quam alias perspiciatis nobis dolore, cum distinctio, autem quaerat modi eos saepe
exercitationem deleniti.
</dd>
</dl>
<hr>
<h2 align="center" id="head3">
Result Card
</h2>
<table align="center" border="20" cellpadding="20" cellspacing="0">
<thead>
<tr>
<th>
Name
</th>
<th>
Total Marks
</th>
<th>
Obtained Marks
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ali</td>
<td>
520
</td>
<td>
400
</td>
</tr>
<tr>
<td>
danial
</td>
<td>
520
</td>
<td>
200
</td>
</tr>
</tbody>
</table>
</body>
</html>
Style.css
/* h2 {
color: blueviolet;
} */
/* css for p tag */
/* p {
background-color: blue;
padding: 20px;
} */
#head {
color: turquoise;
}
#head2 {
color: blue;
}
#head3 {
color: brown;
}
#head,
#head2,
#head3 {
padding: 10px;
border-radius: 10px;
margin: 20px;
background-color: red;
}
Comments
Post a Comment