<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ALETİN FAYDALARI VE KULLANIŞI</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>
<style>
  body {
    background-image: url('images/spor-salonu.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
</style>
    <header>
        <div class="logo-container">
            <img src="logo1.png" alt="Evde Güçlen Logo" class="logo">
            <h1>EVDE GÜÇLEN</h1>
            <img src="logo1.png" alt="Evde Güçlen Logo" class="logo">
        </div>
    </header>

    <nav class="main-menu">
        <ul>
            <li><a href="index.php">ANA SAYFA</a></li>
            <li class="dropdown">
                <a href="#">SPOR HAREKETLERİ</a>
                <div class="dropdown-content">
                    <a href="kiloverdiren.php" target="_blank">KİLO VERDİREN HAREKETLER</a>

                    <a href="egzersizhareket.php" target="_blank">GÜNLÜK EGZERSİZ HAREKETLERİ</a>
                    <a href="kasyaptiran.php" target="_blank">KAS YAPTIRAN HAREKETLER</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="#">BESLENME TAKVİMİ</a>
                <div class="dropdown-content">
                    <a href="sabahmenu.php" target="_blank">SABAH MENÜSÜ</a>
                    <a href="oglemenu.php" target="_blank">ÖĞLEN MENÜSÜ</a>
                    <a href="aksammenu.php" target="_blank">AKŞAM MENÜSÜ</a>
                </div>
            </li>
            <li><a href="hareketfayda.php"  target="_blank">SPOR HAREKETLERİNİN FAYDALARI</a></li>
            <li class="dropdown">
                <a href="#">EVDE GÜÇLEN SPOR ALETİ</a>
                <div class="dropdown-content">
                    <a href="aletfayda.php"  target="_blank">ALETİN FAYDALARI VE KULLANIŞI</a>
                    <a href="aletsat.php"  target="_blank">ALETİ SATIN AL</a>
                </div>
            </li>
            <li><a href="sunumlar.php">RAPORLAR</a></li>
            <li><a href="sunucu.php">SUNUCU İŞLETİM SİSTEMİ</a></li>
            <li><a href="#" class="giris">GİRİŞ / KAYIT</a></li>
        </ul>
    </nav>

    <main>
    <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f8f9fa;
      color: #333;
      line-height: 1.7;
      padding: 1rem;
    }

    .section {
      background-color: white;
      border-radius: 1rem;
      box-shadow: 0 4px 8px rgba(0,0,0,0.05);
      padding: 2rem;
      margin-bottom: 2rem;
    }

    h1 {
      color: #e94560;
      margin-bottom: 1rem;
      font-size: 1.8rem;
    }
h2 {
      color: #e94560;
      margin-bottom: 1rem;
      font-size: 1.8rem;
    }


    h3 {
      color: #0d6efd;
      margin-top: 1.5rem;
      font-size: 1.4rem;
    }

    ul {
      padding-left: 1.5rem;
    }

    ul li {
      margin-bottom: 0.5rem;
    }

    .highlight {
      background-color: #eaf4ff;
      border-left: 4px solid #0d6efd;
      padding: 1rem;
      border-radius: 0.5rem;
      margin-top: 1rem;
    }

    .emoji {
      font-size: 1.4rem;
      margin-right: 0.5rem;
    }
  </style>

  <section class="section">
    
    <h2>Aletimizin amaçları nelerdir?</h2>

<p>Bu aletin amaçları  evde egzersiz yapmak isteyip nasıl yapılacağını bilmeyen kişilerin hareketleri düzgün yapmasına olanak sağlamaktır.
tabi aletimiz sadece bunla sınırlı kalmıyor görme engelliler için sesle komut verme duyma engelliler içinse ışıksal uyarı mekanizması imkanı sunmaktadır.
 </p>

<h2>Aletimizi nasıl kullanabilirsiniz?</h2>
<p>aletimizi kullanmak için ilk önce aleti el ve ayak bileklerinize takıyorsunuz sonra sesli yada yazılı bir şekilde kilo yeme içme spor vakitleri boy bulunduğunuz çevreyi ve engeliniz yada sağlık probleminiz varsa belirtiyorsunuz.
</p>

<h3>aletin kullanımı:</h3>
<p>
mavi, kırmızı ve yeşil 3 düğme var.
 
1.düğme yeşil: yukardaki gibi  bilgilerinizi giriyorsunuz

2 düğme kırmızı: bastığınızda size ilk önce yeme içme ve egzersiz programı hazırlar ve bunlardan seçenek sunar 1 haftalık program, 1 aylık program ve 1 yıllık program bunları kırmızı düğmeye 1 2 veya 3 kere basarak seçiminizi yaparsınız.

3.düğme mavi: bastığınızda  programı başlatır ve sesli yada ışıksal bir sekelde size hareketleri yaptırmaya başlar gün sonundaysa yaptığınız hareketleri ne kadar iyi bir şekilde yaptığınızla ilgili size bilgi verir.

<h2> Aletimizin görselleri aşşağıda verilmiştir </h2>
<img src="alet-gorsel1.jpeg" alt="Aletin görünümü" style="width:100%; max-width:600px; border-radius: 12px; margin: 1rem 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"><br><br>

<img src="alet-gorsel2.jpeg" alt="Aletin kullanımı sırasında örnek" style="width:100%; max-width:600px; border-radius: 12px; margin: 1rem 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
</p>
    </main>

    <footer>
        <div class="footer-left">
            <h3>Hakkında</h3>
            <p>Site Sahibi: İbrahim Eren ÖZCAN</p>
            <p>Proje Sahibi: KARTALLAR Ekibi</p>
            <p>Ekip Arkadaşları: İbrahim Eren ÖZCAN, Melih Selahattin Kurt, Muhammet Emin Elmacı</p>
        </div>
        
        <div class="footer-right">
            <h3>İletişim Bilgileri</h3>
            <p><i class="fas fa-map-marker-alt"></i> <strong>Adres:</strong> Karabük Yenice MYO</p>
            <p><i class="fas fa-phone-alt"></i> <strong>Telefon No:</strong> 555 006 1903</p>
            <p><i class="fas fa-envelope"></i> <strong>Mail Adresi:</strong> ozcaneren2018@gmail.com</p>
            <p><i class="fab fa-instagram"></i> 
                <strong>Instagram:</strong> 
                <a href="https://instagram.com/erenn06_" target="_blank" style="color: white; text-decoration: underline;">
                    @erenn06_
                </a>
            </p>
        </div>
    </footer>

    <!-- Sosyal Medya İkonları -->
    <div class="social-icons">
        <a href="https://instagram.com/erenn06_" target="_blank"><i class="fab fa-instagram"></i></a>
        <!-- Diğer sosyal medya ikonlarını ekleyebilirsin -->
    </div>

    <!-- Yukarı dön butonu -->
    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Yukarı Çık">↑</button>

    <script>
        // Yukarı dön butonunu göster/gizle
        window.onscroll = function() {
            const btn = document.getElementById("scrollToTopBtn");
            if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
                btn.style.display = "block";
            } else {
                btn.style.display = "none";
            }
        };

        // Yukarı dön fonksiyonu
        function scrollToTop() {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }
    </script>
</body>
</html>

