index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
      crossorigin="anonymous"
      />
    <link href="style.css" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="icon" type="image/png" href="images/favicon.png">

    <title>Savunma Sanayi Süreç Takip Yazılımı</title>
  </head>

<body>
    <header>
      <!--HEADER-->
        <div class="topbar-area">
        <section class="topbar">
            <address>
                <p><a href="mailto:info@hetabil.com">info@hetabil.com</a></p>
                <p><a href="tel:+90 312 911 12 57">+90 312 911 12 57</a></p>
                <p>Teknopark Ankara</p>
            </address>
        </section>
        </div>
        <section class="header-menu">
          <img class="hetabil-logo" src="images/HETABIL-RENKLI.svg" alt="hetabil-logo">

          <nav class="header-menu-nav">
            <ul>
              <li><a href="https://hetabil.com/anasayfa">Ana Sayfa</a></li>
              <li><a href="https://hetabil.com/hizmetler">Hizmetler</a></li>
              <li><a href="https://hetabil.com/projeler">Projeler</a></li>
              <li><a href="https://hetabil.com/iletisim">İletişim</a></li>
            </ul>
          </nav>
        </section>
    </header>

    <!--  MAIN  -->
    <main>

      <!--PROJE BAŞLIĞI VE GİRİŞ-->
        <div class="title">
        <section class="project-info">
            <div class="project-title">
            <h1 >Savunma Sanayi Süreç Takip Yazılımı <p id="title">STDERP</p></h1>
            </div>
            <div class="project-info-content">
              <p>
             STDERP, savunma sanayi sektöründe faaliyet gösteren firmaların tüm üretim, tedarik ve operasyon süreçlerini 
             uçtan uca yönetebilmesi için MIL ve ISO standartlarına uygun olarak geliştirilmiş kapsamlı bir yazılımdır. 
             Bu yazılım, süreç yönetimini merkezi hale getirerek izlenebilirliği en üst seviyeye taşır, 
             operasyonel verimliliği artırır ve kalite odaklı üretim anlayışını destekler.
              </p>
            </div>
        </section>
        </div>

        <!--Proje Özellikleri-->
        <section class="info-title">
          <h2>Stratejik Süreçler, Akıllı Yönetim</h2>
        </section>
        <section class="info">
          <div class="info-cards">
            <section class="info-card">
              <section class="info-card-title"><h4>Entegre Süreç Yönetimi</h4></section>
              <section class="info-card-content">Satın almadan üretime, kalite kontrolden lojistiğe kadar tüm iş süreçleri tek platformda birleşir. Departmanlar arası veri silolarına son verin.</section>
            </section>
            <section class="info-card">
              <section class="info-card-title"><h4>Kalite & Standart Uyumluluğu</h4></section>
              <section class="info-card-content">MIL ve ISO kalite standartları yazılıma entegre edilmiştir. Süreçleriniz uluslararası normlara otomatik olarak uygun yürütülür.</section>
            </section>
            <section class="info-card">
              <section class="info-card-title"><h4>Tam İzlenebilirlik ve Raporlama</h4></section>
              <section class="info-card-content">Her malzeme ve ürünün tedarik zinciri boyunca tüm hareketleri kayıt altındadır. Denetim ve raporlama süreçleri kolaylaşır.</section>
            </section>
            <section class="info-card">
              <section class="info-card-title"><h4>Özelleştirilebilir Modüller</h4></section>
              <section class="info-card-content">Modüler ve ölçeklenebilir yapısıyla her büyüklükteki savunma sanayi firmasına uygun çözümler sunar. Sadece ihtiyacınız olanı alın.</section>
            </section>
          </div>
        </section>
        

        <!--PROJE GÖRÜNTÜLERİ SLİDE -->
        <section class="slide-section">
            <h2>Projeden Görüntüler</h2>

            <div id="carouselExample" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="images/project-examples/example1.jpeg" class="d-block w-100" alt="example1" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example2.jpeg" class="d-block w-100" alt="example2" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example3.jpeg" class="d-block w-100" alt="example3" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example4.jpeg" class="d-block w-100" alt="example4" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example5.jpeg" class="d-block w-100" alt="example5" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example6.jpeg" class="d-block w-100" alt="example6" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example7.jpeg" class="d-block w-100" alt="example7" />
            </div>
            <div class="carousel-item">
              <img src="images/project-examples/example8.jpeg" class="d-block w-100" alt="example8" />
            </div>
          </div>
          <button
            class="carousel-control-prev"
            type="button"
            data-bs-target="#carouselExample"
            data-bs-slide="prev"
          >
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
          </button>
          <button
            class="carousel-control-next"
            type="button"
            data-bs-target="#carouselExample"
            data-bs-slide="next"
          >
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
          </button>
        </div>
        </section>
            
        <!--PROJE MODULLER-->
        <section class="modul-cards">
          <div class="sub-text">  
            <p>YAZILIM ÖZELLİKLERİ</p>
          </div>
            <h2>Modüler Yapı</h2>
            
            <div class="modul-card-container">
             <div class="card">
                <h3>Temel Tanımlamalar</h3>
                <div class="card-content">
                <p>
                  Sistemin çalışması için gerekli tüm ana verilerin (cari, personel, tezgah, malzeme, takım vb.) tanımlandığı temel kurulum aşamasıdır.
                </p>
                </div>
              </div>
              <div class="card">
                <h3>Teklif</h3>
                <div class="card-content">
                <p>
                  Müşterilere maliyet hesaplama ve yapılabilirlik analiziyle teklif hazırlanır; onaylanan teklifler siparişe dönüştürülür.
                </p>
                </div>
              </div>
              <div class="card">
                <h3>Sipariş</h3>
                <div class="card-content">
                <p>Müşteri siparişlerinin kaydedildiği, takip edildiği ve ilgili belgelerle ilişkilendirilir.</p>
                </div>
              </div>
              <div class="card">
                <h3>Satın Alma</h3>
                <div class="card-content">
                <p>Üretim için gerekli malzeme ve hizmet talepleri oluşturulur, tedarikçilerle yazışmalar yönetilir.</p>
                </div>
              </div>
              <div class="card">
                <h3>Stok</h3>
                <div class="card-content">
                 <p>Depo ve stok hareketleri takip edilir, kritik stok seviyelerinde otomatik satın alma süreci tetiklenir.</p>
                </div>
              </div>
              <div class="card">
                <h3>İş Emri Hazırlama</h3>
                <div class="card-content">
                <p>Siparişlere bağlı üretim emirleri oluşturulur; rota, reçete ve tüm üretim belgeleri yönetilir.</p>
                </div>
              </div>
              <div class="card">
                <h3>Kalite</h3>
                <div class="card-content">
                 <p>Girdi kontrolü, uygunsuzluk yönetimi, ölçüm takibi, cihaz kalibrasyonu ve tedarikçi puanlaması tek çatı altında yürütülür.</p>
                </div>
              </div>
              <div class="card">
                <h3>Sevkiyat</h3>
                <div class="card-content">
                 <p>Tamamlanan ürünler sevk emri, irsaliye ve teslim tutanağıyla müşterilere gönderilir.</p>
                </div>
              </div>
              <div class="card">
                <h3>Yan Sanayi</h3>
                <div class="card-content">
                <p>Dış operasyonlara gönderilen ve geri dönen parçalar takip edilir.</p>
                </div>
              </div>
              <div class="card">
                <h3>Üretim Veri Girişi</h3>
                <div class="card-content">
                <p>Operatörler sahadan iş başlatma, bitirme ve fire girişi yaparak gerçek zamanlı veri sağlar.</p>
                </div>
              </div>
              <div class="card">
                <h3>Ekipman Yönetimi</h3>
                <div class="card-content">
                <p>Kesici takım, aparat, tutucu ve kalıpların giriş-çıkış ve stok takibi yapılır.</p>
                </div>
              </div>
              <div class="card">
                <h3>Raporlar</h3>
                <div class="card-content">
                <p>Tüm süreçlerden gelen veriler sipariş, üretim, kalite, maliyet, personel ve tezgah bazında analiz edilip raporlanır.</p>
                </div>
              </div>
            </div>
        </section>
        
        <!--ULUSLARARASI UYUMLULUK-->
        <div class="international-norm">
        <section class="international-norm-style">
          <section class="international-norm-title">
            <h3>Uluslararası Standartlara Uyumluluk</h3>
            <img src="images/studio-picture.png" alt="studio-picture">
          </section>
          <section class="international-norm-content">
            <p>STDERP, savunma sanayinin zorunlu kıldığı MIL askeri standartları ve ISO kalite normlarını süreç akışlarına entegre ederek denetim süreçlerinizi güvence altına alır.</p>
            <section class="international-norm-content-example">
              <p>MIL-STD</p>
              <p>ISO 9001</p>
            </section>
          </section>
        </section>
        </div>

        <!--RAPORLAMA-->
        
         
        <div class="reporting">
          <section class="reporting-style">
          <section class="reporting-title">
            <h2>24 Farklı Raporlama Türü</h2>
            <p>Çok çeşitli raporlama şekilleri ile verilerinizi analiz edin.</p>
          </section>
          
          <section class="reporting-types">
            <section class="reporting-type">
              <p>Teklif Performans Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Sipariş Performans Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Satın alma Performans Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Yan Sanayide Olan Parçalar Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Sevkiyat Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Üretim Fazlası Parça Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Açık Kapalı Sipariş Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Devam Eden Operasyon Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Biten Operasyon Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Tahmini Maliyet Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Fire Nedeni Dağılım Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Kapasite Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Denetim Bekleyen Parçalar</p>
            </section>
            <section class="reporting-type">
              <p>Tedarikçi Değerlendirme</p>
            </section>
            <section class="reporting-type">
              <p>Personel Çalışma Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Personel Gün Bazlı Top. Çalışma</p>
            </section>
            <section class="reporting-type">
              <p>Personel Yıl-Ay Bazlı Top. Çalışma</p>
            </section>
            <section class="reporting-type">
              <p>Tezgâh Çalışma Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Anlık Tezgâh Durum Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Hatalı Parça – Hurda Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Personelde Olan Kesici Takım Listesi</p>
            </section>
            <section class="reporting-type">
              <p>Açık Sipariş Ciro Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Tarihsel Fiyat Analiz Raporu</p>
            </section>
            <section class="reporting-type">
              <p>Parça Malzeme Sorgulama</p>
            </section>
          </section>
         </section>
        </div>
        
        <!-- İLETİŞİM BİLGİLERİ-->
        <section class="contact">
          <section class="contact-title">
           <h2>İLETİŞİM</h2>
          </section>
          <section class="contact-info">
            <p>STDERP'i detaylı incelemek ve firmanıza özel düzenlemeler için Hetabil Yazılım ekibimizle iletişime geçin</p>
            <p><a href="mailto:info@hetabil.com">info@hetabil.com</a></p>
          </section>
        </section>
    </main>


      
      <!-- FOOTER  -->
      <footer>
  <div class="footer-main">

    <!-- Slogan -->
    <section class="footer-brand">
      <div class="footer-logo">
        <span><img src="images/favicon.png" alt=""></span>
        <div class="nav-logo-dot"></div>
        HETABIL · STDERP
      </div>
      <p class="footer-tagline">Sektörel ve İhtiyaca Yönelik<br>Yazılım Çözümleri</p>
    </section>

    <!-- Hızlı Menü -->
    <section class="footer-col">
      <h4 class="footer-col-title">Hızlı Menü</h4>
      <ul class="footer-links">
        <li><a href="https://hetabil.com/anasayfa">Anasayfa</a></li>
        <li><a href="https://hetabil.com/projeler">Projeler</a></li>
        <li><a href="https://hetabil.com/hizmetler">Hizmetler</a></li>
        <li><a href="https://hetabil.com/iletisim">İletişim</a></li>
      </ul>
    </section>

    <!-- İletişim -->
    <section class="footer-col">
      <h4 class="footer-col-title">İletişim</h4>
      <ul class="footer-contact">
        <li>
          <span>İvedik OSB Mah. 2224. Cad. No:1/116<br>
          Yenimahalle / ANKARA<br>
          Teknopark Ankara TGB Yerleşkesi</span>
        </li>
        <li>
          <a href="tel:+903129111257">+90 312 911 12 57</a>
        </li>
        <li>
          <a href="mailto:info@hetabil.com">info@hetabil.com</a>
        </li>
      </ul>
    </section>

  </div>

  <!-- Copyright-->
  <section class="footer-bottom">
    <span>Copyright © Hetabil Yazılım 2022 – 2026 Tüm Hakları Saklıdır.</span>
  </section>
</footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>