mywork.html

<!doctype html>
<html>
<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">
<title>my work</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css">
</head>

<body style="padding-top: 70px" class="container">
<div class="container">
  <nav class="navbar fixed-top navbar-expand-lg navbar-light"> 
      <a class="navbar-brand logo wrapper-left" style="color: #6567C3" href="#"><img src="images/logo.png"></a>
    <ul class="navbar nav ml-auto mr-0 justify-content-center">
      <li class="nav-item">
        <a class="nav-link" href="./index.html">Home</a>
        </li>
      <li class="nav-item">
        <a class="nav-link active" href="./mywork.html">My Work</a>
        </li>
      <li class="nav-item">
        <a class="nav-link wrapper-right" href="./about.html">About Me</a>
        </li>
    </ul>
    </nav>
</div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
</body>
</html>