<!DOCTYPE HTML>
<html>
<head>
  <title>Fatma Ocal Index File</title>
</head>
<body>

  <nav>
    <h1>Fatma Ocal</h1>
      <a href="">About</a> |
      <a href="">Background</a> |
      <a href="">Education</a> |
      <a href="">Professional Experience</a> |
      <a href="">Contact</a>
  </nav>
  <img src="./imgs/linkedin.png" alt="linkedin">  <img src="./imgs/contact.png" alt="contact">
 <p>
  <img src="./imgs/wireframe-index.png" alt="wireframe"></p>
<p style="font size: 15px">Welcome to the my home page :) You will find the list of the blogs in the next page. Please continue roll down!!!</p>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
  <title>Fatma Ocal Index File</title>
</head>
<body>

  <nav>
    <h1 style="color:black; font-size: 30px">Fatma Ocal</h1>
      <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/linkedin.png" alt="linkedin">  <img src="./imgs/contact.png" alt="contact">
 <p>
  <img src="./imgs/wireframe-index.png" alt="wireframe"></p>
<p style="font-family: Comic sans MS; font-size: 25px; background-color: yellow">Welcome to the my home page:) You will find the list of the blogs in the next page. </p>
</body>
</html>

Change the color and font of the texts
Change the color and font of the texts
