htmlcss/minproj1.html at master · jsonimac/htmlcss · GitHub

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
<!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">
    <link rel="stylesheet" href="./css/projectstyle.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/bootstrap.min.js" type="text/javascript"></script>
    <title>Mini Project1</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg sticky-top p-0">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">
                <img src="./img/images.png" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
                PH Tourist Spot
            </a>
            <button class="navbar-toggler m-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
            <ul class="navbar-nav">
                <li class="nav-item">
                <a class="nav-link active p-3" aria-current="page" href="#">Home</a>
                </li>
                <li class="nav-item ">
                <a class="nav-link p-3" href="#">Tourist Spots</a>
                </li>
                <li class="nav-item ">
                <a class="nav-link p-3" href="#">About</a>
                </li>
            </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        <section>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio sunt beatae, inventore ratione numquam a consectetur, eius saepe natus, in ullam vero. Reiciendis nihil error, nulla voluptate aliquam obcaecati nostrum illum fugiat architecto expedita ad pariatur officia, odio commodi, magni repellendus iure sunt sint! Laboriosam corporis natus debitis ratione in alias provident exercitationem. Aliquam itaque eligendi fugit a? Est cumque in, mollitia similique error repellendus neque voluptatem alias, ex non aliquam laudantium? Libero suscipit quod sit error atque officiis, voluptate, velit vero dolorem autem minima, ipsum quo impedit? Illum nam voluptate enim. Rerum vitae atque hic alias molestias maxime dignissimos!</p>
        </section>
    </div>
</body>
</html>