index.html

<!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" />
    <!-- CSS only -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="app.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <title>My Profile</title>
  </head>

  <body>
    <nav class="navbar">
      <div class="container-fluid">
        <span class="navbar-brand mb-0 h1">Danish Bokhari</span>
      </div>
    </nav>
    <div class="container" id="top">
      <div class="row">
        <div class="col-lg-7 col-s-12">
          <img
            class="pic"
            src="picture.jpg"
            alt="MY picture"
            width="300"
            height="300"
          />
        </div>
        <div class="col-lg-5 col-s-12">
          <h1 class="display-6">Hey Everyone, Welcome To My Page!</h1>
          <div>
            <p>
              I am currently studying at
              <a href="https://www.wlu.edu/" class="W"
                >Washington and Lee University</a
              >. I'm aspiring to major in Computer Science and Math, with a
              minor in Data Science.
            </p>
          </div>
          <div>
            <p>
              In my free time, i tend to scroll through Netflix in search of a
              good movie. Other than that, I'm a huge Liverpool fan. I love to
              play soccer and at times, cricket.
            </p>
          </div>
        </div>
      </div>
    </div>

    <footer class="container-fluid text-center">
      <div>
        <a
          href="https://www.facebook.com/danish.bukhari2/"
          class="fa fa-facebook"
        ></a>
        <a href="https://www.twitter.com" class="fa fa-twitter"></a>
        <a
          href="https://www.linkedin.com/in/mohammed-danish-bokhari-44b8b31bb/"
          class="fa fa-linkedin"
        ></a>
      </div>
      <br />
      <div class="copyright">
        <span>@ 2020-2021 Copyright issued Danish Bokhari</span>
      </div>
    </footer>
  </body>
</html>