BOOTSTRAP/contact.html at main · Mystery7878/BOOTSTRAP · 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
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/bootstrap/css/bootstrap.css">
</head>
<body>
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
              <a class="navbar-brand" href="#"><img src="/IMAGE/FB_IMG_16331215026453736.jpg" width="50" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="index.html">Home</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link active" href="media.html">media</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link active" href="about.html">about us</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link active" href="contact.html">contact us</a>
                    <li class="nav-item">
                      <a class="nav-link active" href="form.html">register</a>
                    </li>
                  </li>
                </ul>
              </div>
            </div>
        </nav>
    <div class="container mt-3">
          <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa voluptate sapiente mollitia, ducimus sunt quae voluptatem cumque officiis ad laborum non ratione corporis quis ipsum quibusdam officia aspernatur temporibus autem!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio error odio eligendi magnam in, expedita sed recusandae labore ipsum aperiam aliquam. Illum veritatis dolor et nulla doloremque consectetur voluptatum soluta.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda cupiditate voluptatem quos vel tenetur! Quibusdam dicta magnam quaerat eligendi assumenda possimus iste, laboriosam adipisci ipsa et ullam facere maiores eveniet!
          </p>
    </div>
          <script src="bootstrap/bootstrap/js/bootstrap.js"></script>
          <script src="bootstrap/bootstrap/js/popper.min.js"></script>
</body>
</html>