index.html

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css" />
    <title>Simple-CSS Project | Anasayfa</title>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="temel-gereklilikler.html" target="_blank">Temel Egitim Gerekleri</a></li>
          <li><a href="hakkimizda.html" target="_blank">Hakkımızda</a></li>
          <li><a href="iletisim-formu.html" target="_blank">İletişim Formu</a></li>
        </ul>
      </nav>
    </header>
    <blockquote>
      <p>Simple CSS ile Hazırlanmış Bir Site...</p>
      <p><cite>– Anonim</cite></p>
    </blockquote>

    <section>
      <h2>Front-End Temel Gereklilikleri</h2>
      <p>Modern bir frontend developer olmak için sahip olmanız gereken temel yeterlilikler.. </p>
    </section>

    <article>
      <h2>HTML</h2>
      <img src="./img/HTML5.png" alt="html gorseli" width="300">
      <p>
        HTML5, İnternet'in çekirdek teknolojilerinden HTML işaretleme standardının beşinci sürümüdür.
      </p>
    </article>

    <article>
      <h2>CSS</h2>
      <img src="./img/CSS3.png" alt="css gorseli" width="300">
      <p>
        Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.
      </p>
    </article>

    <article>
      <h2>JavaScript</h2>
      <img src="./img/JS.png" alt="js gorseli" width="300">
      <p>
        JavaScript(genellikle JS olarak kısaltılır), HTML ve CSS ile birlikte World Wide Web'in temel teknolojilerinden biri olan programlama dilidir. Web sitelerinin %97'sinden fazlası, web sayfası hareketleri için istemci tarafında JavaScript kullanırlar ve kullanılan kodlar genellikle üçüncü taraf kitaplıkları içerir. Tüm büyük web tarayıcılarında, kaynak kodunu kullanıcıların cihazlarında yürütebilmek için özel bir JavaScript motoru bulunur.
      </p>
    </article>


    <article>
      <h2>Yararlı Olabilecek Kütüphaneler</h2>
      <details>
        <summary>CSS</summary>
        <img src="./img/Bootstrap_logo.svg.png" alt="bootstrap gorseli" width="200">
      <p>Yararlanabileceğiniz CSS Kütüphaneleri: </p>
      <ul>
        <li>Bootstrap</li>
        <li>Tailwind</li>
        <li>Foundation</li>
      </ul>
      </details>
      <details>
        <summary>JavaScript</summary>
        <img src="./img/React-icon.svg.png" alt="react gorseli" width="200">
      <p>Yararlanabileceğiniz JS Kütüphaneleri: </p>
      <ul>
        <li>React</li>
        <li>Angular</li>
        <li>Vue</li>
      </ul>
      </details>
    </article>
  </body>
</html>