039-Personal-Portfolio/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Personal Portfolio</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
    <link href="style.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <header class="container">
      <div class="row">
        <h1 class="col-sm-6">Derek Dhammaloka</h1>
        <nav class="col-sm-6 text-right">
          <a href="about.html">About Me</a>
          <a href="education.html">Education</a>
          <a href="experience.html">Experience</a>
        </nav>
      </div>
    </header>

    <section class="jumbotron">
      <div class="container">
        <div class="row">
          <h2>Graduate Full Stack Developer</h2>
          <h3>HTML, CSS, JavaScript, Python</h3>
        </div>
      </div>
    </section>

    <footer class="container">
      <div class="row">
        <p class="col-sm-4">&copy; 2023 Derek Dhammaloka</p>
        <div class="col-sm-2">
          <a href="https://www.linkedin.com/in/derekdhammaloka/" target="_blank">LinkedIn</a>
        </div>
        <div class="col-sm-2"><a href="https://www.github.com/derektypist" target="_blank">GitHub</a></div>
        <div class="col-sm-2"><a href="https://www.credential.net/00077928-d6ee-477d-9c14-7417d32e16f0#gs.acv5h6" target="_blank">View Certificate</a></div>
        <div class="col-sm-2"><a href="https://www.pinterest.co.uk/derekthesec/" target="_blank">Pinterest</a></div>
      </div>
    </footer>
  </body>
</html>