ebmun/index.html at main · samanyugoyal2010/ebmun · 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
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EBMUN - East Bay Model United Nations</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <div class="container">
            <a href="index.html" class="logo">EBMUN</a>
            <button class="menu-toggle" onclick="toggleMenu()">☰</button>
            <ul id="nav-menu">
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="committees.html">Committees</a></li>
                <li><a href="schedule.html">Schedule</a></li>
                <li><a href="registration.html">Registration</a></li>
                <li><a href="position-paper-guide.html">Position Paper Guide</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
    </nav>

    <div class="hero">
        <h1>EBMUN 2026</h1>
        <p class="hero-dates">March 28, 2026</p>
        <a href="registration.html" class="hero-button">REGISTRATION</a>
    </div>

    <main>
        <div class="container">
            <section>
                <h2>Welcome to EBMUN 2026</h2>
                <div class="card">
                    <p>
                        Join us for the East Bay Model United Nations Conference at California High School in San Ramon.
                        EBMUN brings together students from across the region to engage in diplomatic dialogue,
                        debate critical global issues, and develop skills in negotiation, public speaking, and international relations.
                    </p>
                    <p>
                        Our conference provides an authentic Model UN experience with diverse committees,
                        experienced staff, and opportunities for delegates to make their voices heard on the world stage.
                    </p>
                </div>
            </section>

            <section>
                <h2>Quick Links</h2>
                <div class="committees-grid">
                    <div class="committee-card">
                        <h3>Register Now</h3>
                        <p>Secure your spot at EBMUN 2026. Registration is now open for all delegates.</p>
                        <a href="registration.html">→ Register</a>
                    </div>
                    <div class="committee-card">
                        <h3>View Committees</h3>
                        <p>Explore the diverse range of committees and topics available at this year's conference.</p>
                        <a href="committees.html">→ Committees</a>
                    </div>
                    <div class="committee-card">
                        <h3>Conference Schedule</h3>
                        <p>Plan your day with our detailed schedule of events and sessions.</p>
                        <a href="schedule.html">→ Schedule</a>
                    </div>
                </div>
            </section>

            <section>
                <h2>Important Dates</h2>
                <div class="card">
                    <p><strong>Conference Date:</strong> March 28, 2026</p>
                    <p class="placeholder">
                        [Add registration deadlines, early bird pricing dates, position paper submission deadlines, etc.]
                    </p>
                </div>
            </section>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2026 EBMUN - East Bay Model United Nations</p>
            <p>California High School, San Ramon</p>
        </div>
    </footer>

    <script>
        function toggleMenu() {
            const menu = document.getElementById('nav-menu');
            menu.classList.toggle('active');
        }
    </script>
</body>
</html>