
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Evde Güçlen</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 class="dropdown">
    <a href="#">GİRİŞ / KAYIT</a>
    <div class="dropdown-content">
        <a href="giris.php">Giriş Yap</a>
        <a href="kayit.php">Kayıt Ol</a>
    </div>
</li>
        </ul>
    </nav>

    <main>
        <div class="image-container">
            <img src="spor1.jpg" alt="Spor 1" class="table-img">
            <div class="intro-section">
                <h2 class="section-title">EVDEGÜÇLEN NEDİR ?</h2>
                <p class="intro-text">
                    Evdegüçlen, İnsanlar için evde spor yapmayı kolaylaştırmayı amaçlayan, insanları evde spor yapmaya teşvik eden ve bu konuda onlara hem spor hem beslenme konusunda yardımcı olan bir platformdur.
                </p>
 <img src="spor5.png" alt="Spor 5" class="table-img small-img">
                <h2 class="section-title">EVDEGÜÇLEN'İ NASIL KULLANABİLİRİM ?</h2>
                <p class="intro-text">
                    Evdegüçlen'i kullanabilmek için herhangi bir ücret ödemenize gerek yoktur, giriş kısmından giriş yaparak, hesabınız yoksa yeni bir hesap oluşturarak web sitemize girdikten sonra spor hareketleri beslenme takvimi gibi alanlardan yararlanarak evinizde sporunuzu yapabilirsiniz, elbette spor salonu vb yerlerde de hareketlerimizi kullanarak çalışmalarınızı sürdürebilirsiniz. Ayrıca spor hareketlerinin faydası kısmından da spor yapmanın faydalarını öğrenebilirsiniz. Evde güçlen spor aleti menümüzden de ileride tasarlamayı planladığımız spor aletimiz hakkında bilgi alabilirsiniz.
                </p>
                <img src="spor2.webp" alt="Spor 2" class="table-img small-img">
            </div>
        </div>
    </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>