angplee.github.io/index.html at main · angplee/angplee.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
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="mystyle.css">

    <title>Hello, world!</title>
  </head>
  <body>
    <nav>
      <ul>
        <li><strong>Home</strong></li>
        <li><a href="contact.html">Contact Us</a></li>
      </ul>
    </nav>
    <h1>Hello, world! Test!</h1>
    <p>Lorem ipsum dolor sit amet, <a href="#info">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <p>Adipiscing elit duis tristique sollicitudin nibh sit. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tempus egestas sed sed risus pretium quam vulputate dignissim suspendisse. Commodo viverra maecenas accumsan lacus vel facilisis volutpat. Sodales ut eu sem integer vitae. Habitant morbi tristique senectus et netus et. Montes nascetur ridiculus mus mauris. Amet justo donec enim diam. Cursus turpis massa tincidunt dui ut. Sagittis purus sit amet volutpat consequat mauris nunc congue nisi. Ipsum faucibus vitae aliquet nec ullamcorper. Suscipit adipiscing bibendum est ultricies. Suspendisse sed nisi lacus sed viverra tellus in hac.</p>
    <p>Quisque egestas diam in arcu cursus euismod quis viverra. Donec et odio pellentesque diam volutpat commodo. Amet mauris commodo quis imperdiet. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Aliquam malesuada bibendum arcu vitae elementum. Viverra ipsum nunc aliquet bibendum enim facilisis. Mi bibendum neque egestas congue quisque. Non enim praesent elementum facilisis leo. Nec feugiat nisl pretium fusce. Gravida quis blandit turpis cursus in hac habitasse platea. Tristique senectus et netus et malesuada.    </p>
    <h1 id="info">Another headline!</h1>
    <p>Lorem ipsum dolor sit amet, <a href="#info">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>