mntran24.github.io/misc.html at master · mntran24/mntran24.github.io · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mai website</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  <link rel="stylesheet" href="misc.css" type="text/css">
</head>

<body>

  <nav class="navbar navbar-expand-lg" style="background-color: #585481;">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">
        <img src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/12134/sleeping-owl-clipart-md.png"
          alt="logoplaceholder" width="70" height="me-auto">
      </a>

      <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
        aria-controls="offcanvasNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
        <div class="offcanvas-header">
          <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item">
              <a class="nav-link" href="index.html">HOME</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="interests.html" role="button" data-bs-toggle="dropdown"
                aria-expanded="false">
                INTERESTS
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="interests.html">Food</a></li>
                <li><a class="dropdown-item" href="interests.html#sports">Sports</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#">MISCELLANEOUS</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
  <section id="main">
    <h1>Miscellaneous things about me</h1>
    <p class="big">I have unintentionally watched 4 Tom Hooper movies. Here they are:</p>
    <img src="tom_hooper.jpg" alt="tom hooper movies" width="500" height="auto">
    <p class="big">I am running out of things to add but I still want to fulfill the rubric so here goes some links:</p>
       <div class="small">
    <p><a href="https://storage.googleapis.com/wtf1-com.appspot.com/1/Alpine-2022-Pink-Launch-Angle.jpg">The most beautiful car, in all its pink glory</a></p>
        <p><a href="https://www.womansday.com/life/g32979681/cute-cat-photos/">Cute cat photos</a></p>
        <p><a href="https://unsplash.com/s/photos/cute-dog">In case you don't like cats</a> </p>
        <p><a href="https://www.boredpanda.com/cute-squirrel-photography/?utm_source=google&utm_medium=organic&utm_campaign=organic">In case you don't like dogs either</a> </p>
        <p><a href="https://i.scdn.co/image/ab67616d00001e0208c4b3c9f6b1aea9f1356cb0">And if you don't like any of those animals...</a> </p>
    </div>
  </section>
  <section id="footer">
    <h6>Special thanks to W3schools, StackOverflow, Bootstrap, and those who post demo code online for making this possible.</h6>
  </section>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>

  </body>

  </html>