Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<div class="container text-center">
<h2 class="bg-success mt-3 p-4 text-white">
hello world
</h2>
<!-- <h2 class="bg-info">
hello world
</h2>
<h2 class="bg-primary">
hello world
</h2>
<h2 class="bg-danger">
hello world
</h2>
<h2 class="bg-dark">
hello world
</h2>
<h2 class="bg-light text-black">
hello world
</h2>
<h2 class="bg-secondary">
hello world
</h2>
<h2 class="bg-warning">
hello world
</h2> -->
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Incidunt, est suscipit! Perspiciatis natus aperiam
tempore fugit vel nam nemo. Obcaecati explicabo pariatur a placeat est commodi nulla, nemo inventore quae.
</p>
<hr>
<h2 class="bg-success mt-3 p-4 text-white rounded">
Studies
</h2>
<table class="table table-bordered table-hover ">
<tr class="table-dark">
<th>
Degree
</th>
<th>
Institute
</th>
<th>
Year
</th>
<th>
Grade
</th>
</tr>
<tr>
<td>BSCS</td>
<td>UNI</td>
<td>2018</td>
<td>B</td>
</tr>
<tr>
<td>ICS</td>
<td>BISE</td>
<td>2014</td>
<td>B</td>
</tr>
<tr>
<td>Matric</td>
<td>BISE</td>
<td>2012</td>
<td>A</td>
</tr>
</table>
<div class="bg-info rounded-circle" style="height: 0400px; width: 400px;">
</div>
</div>
</body>
</html>
Comments
Post a Comment