calısma

<title>Ana Sayfa</title>

• Ana Sayfa

        <li> <a href="aboutus.html">Hakkımızda</a>

        </li> 
        
        <li>
            <a href="contact.html">İletişim</a>

        </li>
    </ul>
</nav>

<!--Content - Start-->
<section>
    <!--Articles Star-->
    <article>
        <h2>BirinciYazı</h2>
        <img src="https://picsum.photos/200/300" alt="foto">
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, iure?</p>
       <p>Lorem ipsum dolor sit amet.</p>
       <ol>
           <li>Lorem, ipsum dolor.</li>
           <li>Tempora, beatae corrupti.</li>
           <li>Neque, fugit similique.</li>
       </ol>
    </article>
    <article>
        <h2>İkinci Yazı</h2>
        <img src="https://picsum.photos/id/300/400" alt="foto">
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, iure?</p>
       <p>Lorem ipsum dolor sit amet.</p>

       <ul>
        <li>Lorem, ipsum dolor.</li>
        <li>Tempora, beatae corrupti.</li>
        <li>Neque, fugit similique.</li>
    </ul>        </article>

    <article>
        <h2>Üçüncü Yazı</h2>
        <img src="https://picsum.photos/400/500" alt="foto">
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, iure?</p>
       <p>Lorem ipsum dolor sit amet.</p>
    </article>        <!--Articles End-->
</section>
    
<!--Content - End-->

<!-- Footer - Start-->

<article>
    <h2>BirinciYazı</h2>
    <img src="https://picsum.photos/200/300" alt="foto">
   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, iure?</p>
   <p>Lorem ipsum dolor sit amet.</p>
   <ol>
       <li>Lorem, ipsum dolor.</li>
       <li>Tempora, beatae corrupti.</li>
       <li>Neque, fugit similique.</li>
   </ol>
</article>
<!-- Footer - End-->