Untitled

<!DOCTYPE html>
<html lang="en">
<head></head>
<style>
.navbar {
    overflow: hidden;
    background-color:lightblue;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    }
.navbar a.right {
    float: right;
    padding:20px;
    }
.main {
    background-color: #aaa;
    padding: 50px;
    }
</style>

<body>
    <div class="navbar">
            <a font-size:40px>Shirley Wang</a>
            <a href=" " class="right">About  </a >
            <a href="#" class="right">Portfolio  </a >
            <a href="#" class="right">Contact  </a >
          </div>
<div class></div>
<div class="main">
        <h2> About Me </h2>
        <hr>
        <img src="IMG_3228.JPG" width="150" height="200">
        <p>This is about me balabalabala</p >
        <p>This is also about me balabalabala</p >

      </div>

<!-- <p style="text-align:start">This is a pragraph.</p> -->
</body>
</html>