index.html

<!DOCTYPE html>
<html>

  <head>
        <style type="text/css">
            #logo {
                text-align: center;
                margin-top: 50px;
            }
            body  {
                background-image: url("paper.jpeg");
                background-color: #cccccc;
                background-size: cover;
            }
            
        </style>
        <link rel="stylesheet" href="style.css">


        <title> My Donuts Diary  | Home</title>

        <link rel="icon" href="logo-icon.png" type="image/png">
  </head>

  <body>
      <div class="marginTop50">
        <ul>
            <li> <a href="index.html">Home</a> </li>
            <li> <a href="about-us.html">About Us</a> </li>
            <li> <a href="services.html">Services</a> </li>
            <li> <a href="contact.html">Contact</a> </li>
        </ul> 
      </div>

        <div id="logo">
            <img src = "logo.png" width=300px alt=""/>
        </div>


        <h1 style=font-size:50px;  text-align=center;> 
            My Donuts Diary 
        </h1>

        <h2 style=font-size:30px;  text-align=center; font-family=cursive;>
            Baking Fresh Donuts
        </h2>

        <div>
            <img src = "Donut-Mixes.png" class="pic-center" />
        </div>

        <footer style='text-align: right'>
            <p> @2022 My Donuts Diary<br>
        </footer>
          
        
  </body>

</html>