<!DOCTYPE HTML>
<html>
<head>
  <title>Webpage of Fatma Ocal</title>
</head>
<body>
  <h1 style="color:black; font-size:40px; text-align:left">Fatma Ocal</h1>
    <nav align="right">
        <a href="" style="color:red; font-size:20px">About</a> |
        <a href="" style="color:red; font-size:20px">Background</a> |
        <a href="" style="color:red; font-size:20px">Education</a> |
        <a href=""style="color:red; font-size:20px">Professional Experience</a> |
        <a href="" style="color:red; font-size:20px">Contact</a>

      <img src="./imgs/contact.png" alt="image of contact" align="right"> <img src="./imgs/linkedin.png" alt="image of linkedin" align="right"><br><br>
  </nav>

 <p style="text-align:center">
  <img src="./imgs/wireframe-index.png" alt="image of wireframe">
</p>

<p style="font-family: Comic sans MS; font-size: 25px; background-color: yellow; text-align: center">Welcome to the my home page:) You will find my blogs <a href="http://f-ocal.github.io/blog/index.html" style="color:red"><strong>here!!!</strong> </a></p>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
  <title>Webpage of Fatma Ocal</title>
</head>
<body>
  <h1 style="color:black; font-size:40px; text-align:left">Fatma Ocal</h1>
    <nav align="right">
        <a href="" style="color:red; font-size:20px">About</a> |
        <a href="" style="color:red; font-size:20px">Background</a> |
        <a href="" style="color:red; font-size:20px">Education</a> |
        <a href=""style="color:red; font-size:20px">Professional Experience</a> |
        <a href="" style="color:red; font-size:20px">Contact</a>
      </nav>
      <img src="./imgs/contact.png" alt="image of contact" align="right"> <img src="./imgs/linkedin.png" alt="image of linkedin" align="right"><br><br>



 <p style="text-align:center">
  <img src="./imgs/wireframe-index.png" alt="image of wireframe">
</p>

<p style="font-family: Comic sans MS; font-size: 25px; background-color: yellow; text-align: center">Welcome to the my home page:) You will find my blogs <a href="http://f-ocal.github.io/blog/index.html" style="color:red"><strong>here!!!</strong> </a></p>
</body>
</html>

Put contact details to the next line
Put contact details to the next line
