Euphoric-2025/index.php at main · Samridhi012/Euphoric-2025 · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<?php
session_start();
if (!isset($_SESSION['isAuthenticated']) || $_SESSION['isAuthenticated'] !== true) {
    header("Location: login.html");
    exit;
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Euphoric 2025</title>
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Frijole&display=swap" rel="stylesheet">
     <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
    />
    <link rel="stylesheet" href="assets/css/styles.css">
</head>

<body>
    <!-- Loading Screen -->
    <div id="loading-screen">
      <div class="loader">
        <i class="fa-solid fa-spinner"></i>
        <h2 id="loading-text">Ready for the fest<span class="dots"></span></h2>
      </div>
    </div>

    <div id="navbar-container"></div>

    <div class="content">
        <h1>Euphoric 2025</h1>
        <div class="slider-container">
            <div class="slider">
                <img src="img/image5.jpg" alt="Image 1">
                <img src="img/image2.jpg" alt="Image 2">
                <img src="img/image3.jpg" alt="Image 3">
                <img src="img/image4.jpg" alt="Image 4">
                <img src="img/image1.jpg" alt="Image 5">
            </div>
            <div class="dots">
                <span class="dot active"></span>
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
            </div>
        </div>
        <div class="description-block">
            <p>
                Euphoric 2025, hosted by <b>Sanskar Educational Group</b>, is a grand celebration of talent and creativity. Join us from <b> March 27th to March 29th</b> for a weekend filled with thrilling performances, engaging workshops, and unforgettable memories. Experience the vibrant atmosphere and showcase your skills. From captivating stage shows to interactive art installations, Euphoric 2025 offers something for everyone. Dive into a world of inspiration, connect with fellow enthusiasts, and create lasting bonds. Don't miss this opportunity to be part of an extraordinary event. Register now and prepare for an unforgettable experience!
            </p>
        </div>
        <div class="guests-block">
            <h2>Our Guests</h2>
            <div class="guests-row">
                <div class="guest-box">
                    <h3>To be updated...</h3>
                    <!-- <div class = "guest-image-container">
                        <img src="img/darshan.jpg" alt="Guest 1 Image" class="guest-image">
                        </div>
                        <p class="guest-description">
                            A renowned artist with a passion for innovation. Inspiring audiences with their unique vision.
                        </p> -->
                </div>
                <!-- <div class="guest-box">
                        <h3></h3>
                        <div class = "guest-image-container">
                        <img src="img/mohit.jpg" alt="Guest 2 Image" class="guest-image">
                        </div>
                        <p class="guest-description">
                            An expert in the field of technology. Sharing insights and experiences to empower the next generation.
                        </p>
                    </div> -->
            </div>
        </div>
        <div class="events-block">
            <h2 class="category-heading">Cultural Events</h2>
            <div class="events-row">
                <div class="event-item">Dance</div>
                <div class="event-item">Singing</div>
                <div class="event-item">Poetry</div>
                <div class="event-item">Rangoli</div>
                <div class="event-item">Skit</div>
                <div class="event-item">Nukkad Natak</div>
                <div class="event-item">Mimicry</div>
                <div class="event-item">Musical Instrument</div>
            </div>

            <h2 class="category-heading">Technical Events</h2>
            <div class="events-row">
                <div class="event-item">LAN Gaming</div>
                <div class="event-item">Crossword Puzzle</div>
                <div class="event-item">Extempore</div>
                <div class="event-item">Debate</div>
                <div class="event-item">AD MAD Show</div>
            </div>

            <h2 class="category-heading">Sports Events</h2>
            <div class="events-row">
                <div class="event-item">Cricket</div>
                <div class="event-item">Volleyball</div>
                <div class="event-item">Basketball</div>
                <div class="event-item">Chess</div>
                <div class="event-item">Carrom</div>
                <div class="event-item">400m Relay Race</div>
                <div class="event-item">100m Race</div>
                <div class="event-item">200m Race</div>
                <div class="event-item">Shot Put</div>
                <div class="event-item">Long Jump</div>
                <div class="event-item">Lemon Race</div>
                <div class="event-item">Badminton</div>
                <div class="event-item">Table Tennis</div>
                <div class="event-item">Tug of War</div>
            </div>
        </div>
        <div class="events-block">
            <div class="register-button-container">
                <a href="includes/register-links.php"> <button class="register-btn">Register Now!!</button></a>
            </div>
        </div>
        <div class="gallery-preview">
            <h2>Gallery Highlights</h2>
            <div class="gallery-images scrolling-track">
                <!-- Duplicates for infinite scroll -->
            <img src="img/nimage1.jpg" alt="Gallery Image 2">
            <img src="img/nimage2.jpg" alt="Gallery Image 1">
            <img src="img/nimage3.jpg" alt="Gallery Image 3">
            <img src="img/nimage4.jpg" alt="Gallery Image 4">
            <img src="img/nimage15.jpg" alt="Gallery Image 6">
            <img src="img/nimage14.jpg" alt="Gallery Image 6">
            <img src="img/nimage5.jpg" alt="Gallery Image 6">
            <img src="img/nimage6.jpg" alt="Gallery Image 5">
            <img src="img/nimage7.jpg" alt="Gallery Image 6">
            <img src="img/nimage8.jpg" alt="Gallery Image 6">
            <img src="img/nimage9.jpg" alt="Gallery Image 6">
            <img src="img/nimage10.jpg" alt="Gallery Image 6">
            <img src="img/nimage11.jpg" alt="Gallery Image 6">
            <img src="img/nimage12.jpg" alt="Gallery Image 6">
            </div>
            <a href="gallery.html" class="view-more-btn">View More</a>
        </div>
    </div>

    <button id="backToTop" title="Go to top" aria-label="Scroll to top">⇧</button>

    <div id="footer-container"></div>

    <script src="assets/js/script.js"></script>
     <script>
      document.addEventListener("DOMContentLoaded", function () {
        const loadingScreen = document.getElementById("loading-screen");
        const loadingText = document.getElementById("loading-text");

        const texts = ["Ready for the fest", "Let's go"];

        let index = 0;

        // Change text every 4 seconds
        const textInterval = setInterval(() => {
          index = (index + 1) % texts.length;
          loadingText.style.opacity = 0; // fade out
          setTimeout(() => {
            loadingText.innerHTML = texts[index] + '<span class="dots"></span>';
            loadingText.style.opacity = 1; // fade in
          }, 500);
        }, 4000);

        // Hide loading screen after 6 seconds
        setTimeout(() => {
          clearInterval(textInterval); // stop changing text
          loadingScreen.classList.add("hidden");
        }, 8000); // adjust as needed
      });
    </script>
<script>
    // Load Navbar
    fetch("navbar.html")
        .then(res => res.text())
        .then(data => {
            document.getElementById("navbar-container").innerHTML = data;
        });


    document.addEventListener('DOMContentLoaded', function () {
        const successMessage = document.querySelector('.message.success');
        if (successMessage) {
            setTimeout(function () {
                successMessage.style.opacity = '0';
                setTimeout(function () {
                    successMessage.style.display = 'none';
                }, 300);
            }, 5000);
        }
    });
</script>


</body>

</html>