- 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-->