-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (41 loc) · 1.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
<title>IBG Collection</title>
<!-- Link Bootstrap CSS -->
<link rel=“stylesheet” href=“https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css” integrity=“sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh” crossorigin=“anonymous”>
</head>
<body>
<!-- Header -->
<header class=“bg-primary text-white text-center py-2”>
<h1>My Webpage</h1>
</header>
<!-- Navigation bar -->
<nav class=“navbar navbar-expand-sm bg-light navbar-light”>
<ul class=“navbar-nav”>
<li class=“nav-item active”>
<a class=“nav-link” href=“#”>Home</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#”>About</a>
</li>
<li class=“nav-item”>
<a class=“nav-link” href=“#”>Contact</a>
</li>
</ul>
</nav>
<!-- Main content area -->
<main class=“container my-4”>
<h2>Welcome to my webpage</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at dui eu dolor varius ullamcorper. Donec non nibh a tellus bibendum commodo in non lectus. Fusce vitae elit at libero varius lobortis. Integer euismod malesuada tellus, eu commodo velit commodo vel. Sed quis enim lorem. Fusce varius eget purus sit amet sollicitudin.</p>
</main>
<!-- Footer -->
<footer class=“bg-dark text-white text-center py-2">
<p>Copyright © 2021</p>
</footer>
<!-- Link Bootstrap JS -->
<script src=“https://code.jquery.com/jquery-3.5.1.slim.min.js” integrity=“sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj” crossorigin=“anonymous”></script>
<script src=“https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js”></script>
<script src=“https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js” integrity=“sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM” crossorigin=“anonymous”></script>
</body>
</html>