index.html
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="resource/component.css" />
<script src="resource/modernizr.custom.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/
css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js
/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container">
<h1 class="text-center">Hancie e-Learning Studio</h1>
<ul class="grid cs-style-3">
<li>
<figure>
<img src="Hancie-Phago.jpg" alt="img04">
<figcaption>
<h3>Hancie Phago</h3>
<span>Software Developer</span>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="Hancie-Phago.jpg" alt="img01">
<figcaption>
<h3>Hancie Phago</h3>
<span>Software Developer</span>
</figcaption>
</figure>
</li>
</ul>
</div><!-- /container -->
<script src="resource/toucheffects.js"></script>
</body>
</html>
