tedx-site/tema.html at main · denizhelheim/tedx-site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TEDxYEAL - Tema</title>
    <link rel="icon" type="image/jpeg" href="assets/tedxlogo_kucuk.jpeg">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="page-hidden">
    <header>
        <nav class="navbar">
            <div class="logo">
                <img src="assets/tedxlogo_kucuk.jpeg" alt="TEDx Logo">
            </div>
            <ul class="menu">
                <li><a href="index.html">Anasayfa</a></li>
                <li><a href="tema.html" class="active">Tema</a></li>
                <li><a href="kadromuz.html">Kadromuz</a></li>
                <li><a href="konusmacilar.html">Konuşmacılar</a></li>
                <li><a href="basvurular.html">Başvurular</a></li>
                <li><a href="hakkinda.html">Hakkında</a></li>
                <li><a href="sponsorlar.html">Sponsorlar</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </header>

    <main>
        <section class="hero-image-container">
            <img src="assets/ilkkivilcim.jpg" alt="İlk Kıvılcım - 22 Haziran 2026" class="hero-poster">
        </section>

        <section class="theme-content">
            <div class="theme-text">
                <p>
                    Her şey bir anla başlar. Sessizliğin en derin yerinde, henüz adı konmamış bir ihtimalin kalbinde doğar ilk kıvılcım. Görünmezdir önce; ne bir gölge düşürür ne de bir ses çıkarır. Ama varlığı, karanlığın düzenini bozan bir fısıltı gibidir. Çünkü karanlık, en çok kendisini sona erdirecek olan o küçük ışığı saklar içinde.
                </p>
                <p>
                    İlk kıvılcım, bir düşüncenin cesaretle tanıştığı andır. Alışılmışın kıyısında duran bir zihnin, bilinmeyene doğru attığı titrek ama kararlı adımdır. Bir sorunun sorulmaya cüret ettiği, bir hayalin gerçeğe dönüşmeyi ilk kez mümkün gördüğü o kırılgan eşiktir. Henüz ateş değildir; ama ateşi vaat eder. Henüz bir devrim değildir; ama devrimin habercisidir.
                </p>
                <p>
                    O, büyüklüğünü başlangıcının küçüklüğünden alır. Çünkü en uzun yolculuklar, en sessiz kararlarla başlar. En parlak ışıklar, en karanlık anların içinden doğar. Ve her değişim, önce bir kalpte yanar, sonra dünyaya yayılır.
                </p>
                <p class="theme-conclusion">
                    İlk kıvılcım, yalnızca bir başlangıç değildir. O, henüz var olmayanın ilk kanıtıdır.
                </p>
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>TEDxYEAL</h3>
                <p>Geleceği bir kıvılcımla aydınlatıyoruz.</p>
            </div>
            <div class="footer-section">
                <h4>Hızlı Bağlantılar</h4>
                <ul>
                    <li><a href="index.html">Anasayfa</a></li>
                    <li><a href="tema.html">Tema</a></li>
                    <li><a href="kadromuz.html">Kadromuz</a></li>
                    <li><a href="konusmacilar.html">Konuşmacılar</a></li>
                    <li><a href="basvurular.html">Başvurular</a></li>
                    <li><a href="hakkinda.html">Hakkında</a></li>
                    <li><a href="sponsorlar.html">Sponsorlar</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h4>Bizi Takip Edin</h4>
                <div class="social-links">
                    <a href="https://www.instagram.com/tedxyeal/" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2026 TEDxYEAL. Tüm hakları saklıdır.</p>
            <p>Bu bağımsız TEDx etkinliği TED lisansı altında işletilmektedir.</p>
            <p>#AteşiYak</p>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>