Hugging Face's logo

Spaces:
KERAAUMA
/
ucfuw
Running

App Files Community
KERAAUMA commited on
Commit
1faeeb0
·
verified ·
1 Parent(s): d411480

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +439 -0
  2. prompts.txt +2 -1
index.html ADDED
@@ -0,0 +1,439 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Home | University Christian Fellowship</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Poppins:wght@300;400;600&display=swap');
11
+
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ }
15
+
16
+ .heading-font {
17
+ font-family: 'Playfair Display', serif;
18
+ }
19
+
20
+ .hero-section {
21
+ background: linear-gradient(135deg, rgba(29, 78, 216, 0.9) 0%, rgba(101, 42, 132, 0.8) 100%), url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
22
+ background-size: cover;
23
+ background-position: center;
24
+ }
25
+
26
+ .nav-link {
27
+ position: relative;
28
+ }
29
+
30
+ .nav-link::after {
31
+ content: '';
32
+ position: absolute;
33
+ width: 0;
34
+ height: 2px;
35
+ bottom: -2px;
36
+ left: 0;
37
+ background-color: #1d4ed8;
38
+ transition: width 0.3s ease;
39
+ }
40
+
41
+ .nav-link:hover::after {
42
+ width: 100%;
43
+ }
44
+
45
+ .event-card:hover {
46
+ transform: translateY(-5px);
47
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
48
+ }
49
+
50
+ .testimonial-card {
51
+ transition: all 0.3s ease;
52
+ }
53
+
54
+ .testimonial-card:hover {
55
+ transform: translateY(-5px);
56
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
57
+ }
58
+
59
+ .social-icon {
60
+ transition: all 0.3s ease;
61
+ }
62
+
63
+ .social-icon:hover {
64
+ transform: scale(1.1);
65
+ }
66
+ </style>
67
+ </head>
68
+ <body class="bg-gray-50">
69
+ <!-- Navigation -->
70
+ <nav class="bg-white shadow-md sticky top-0 z-50">
71
+ <div class="container mx-auto px-6 py-3">
72
+ <div class="flex justify-between items-center">
73
+ <div class="flex items-center space-x-4">
74
+ <div class="flex items-center">
75
+ <i class="fas fa-cross text-blue-700 text-2xl mr-2"></i>
76
+ <span class="heading-font text-xl font-bold text-blue-800">UCF</span>
77
+ </div>
78
+ <div class="hidden md:flex space-x-8">
79
+ <a href="index.html" class="nav-link text-blue-700 hover:text-blue-800 font-medium">Home</a>
80
+ <a href="about.html" class="nav-link text-gray-700 hover:text-blue-700">About</a>
81
+ <a href="events.html" class="nav-link text-gray-700 hover:text-blue-700">Events</a>
82
+ <a href="sermons.html" class="nav-link text-gray-700 hover:text-blue-700">Sermons</a>
83
+ <a href="connect.html" class="nav-link text-gray-700 hover:text-blue-700">Connect</a>
84
+ </div>
85
+ </div>
86
+ <div class="flex items-center space-x-4">
87
+ <a href="give.html" class="hidden md:block bg-blue-700 hover:bg-blue-800 text-white px-4 py-2 rounded-md transition duration-300">Give</a>
88
+ <button class="md:hidden focus:outline-none">
89
+ <i class="fas fa-bars text-gray-700 text-xl"></i>
90
+ </button>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </nav>
95
+
96
+ <!-- Hero Section -->
97
+ <section class="hero-section text-white">
98
+ <div class="container mx-auto px-6 py-24 md:py-32">
99
+ <div class="max-w-3xl">
100
+ <h1 class="heading-font text-4xl md:text-6xl font-bold mb-6">Welcome to UCF</h1>
101
+ <p class="text-xl mb-8 leading-relaxed">A community of students growing together in faith, love, and service.</p>
102
+ <div class="flex space-x-4">
103
+ <a href="events.html" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-3 rounded-md text-center font-medium transition duration-300">Upcoming Events</a>
104
+ <a href="connect.html" class="border-2 border-white hover:bg-white hover:bg-opacity-10 px-6 py-3 rounded-md text-center font-medium transition duration-300">Get Connected</a>
105
+ </div>
106
+ </div>
107
+ </div>
108
+ </section>
109
+
110
+ <!-- About Section -->
111
+ <section class="py-16 bg-white">
112
+ <div class="container mx-auto px-6">
113
+ <div class="flex flex-col md:flex-row items-center">
114
+ <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
115
+ <img src="https://images.unsplash.com/photo-1524179091875-bf99a9a01af3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="UCF Community" class="rounded-lg shadow-xl w-full">
116
+ </div>
117
+ <div class="md:w-1/2">
118
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-6 text-gray-800">Our Community</h2>
119
+ <p class="text-gray-600 mb-6">University Christian Fellowship is a vibrant campus ministry dedicated to helping students grow in their relationship with Jesus Christ. We provide a welcoming community where students can explore faith, build meaningful relationships, and serve others.</p>
120
+ <p class="text-gray-600 mb-8">Whether you're new to faith or have been following Jesus for years, there's a place for you here at UCF.</p>
121
+ <a href="about.html" class="inline-block bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded-md text-center font-medium transition duration-300">Learn More About Us</a>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </section>
126
+
127
+ <!-- Upcoming Events Section -->
128
+ <section class="py-16 bg-gray-100">
129
+ <div class="container mx-auto px-6">
130
+ <div class="text-center mb-16">
131
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Upcoming Events</h2>
132
+ <p class="max-w-2xl mx-auto text-gray-600">Join us for worship, Bible studies, service projects, and other events designed to help you grow in faith.</p>
133
+ </div>
134
+
135
+ <div class="grid md:grid-cols-3 gap-8 mb-12">
136
+ <!-- Event 1 -->
137
+ <div class="event-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
138
+ <img src="https://images.unsplash.com/photo-1501287365327-21780a0e9b3b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sunday Worship" class="w-full h-48 object-cover">
139
+ <div class="p-6">
140
+ <div class="flex justify-between items-center mb-2">
141
+ <span class="text-sm font-medium text-blue-700">Worship</span>
142
+ <span class="text-sm text-gray-500">Every Sunday</span>
143
+ </div>
144
+ <h3 class="text-xl font-semibold mb-2 text-gray-800">Sunday Worship Service</h3>
145
+ <p class="text-gray-600 mb-4">Join us for our weekly worship gathering with music, teaching, and community.</p>
146
+ <div class="flex items-center text-gray-500">
147
+ <i class="fas fa-clock mr-2"></i>
148
+ <span>10:00 AM - 11:30 AM</span>
149
+ </div>
150
+ <div class="flex items-center text-gray-500 mb-4">
151
+ <i class="fas fa-map-marker-alt mr-2"></i>
152
+ <span>UCF Chapel</span>
153
+ </div>
154
+ <a href="events.html" class="text-blue-700 hover:text-blue-800 font-medium">More Details <i class="fas fa-arrow-right ml-1"></i></a>
155
+ </div>
156
+ </div>
157
+
158
+ <!-- Event 2 -->
159
+ <div class="event-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
160
+ <img src="https://images.unsplash.com/photo-1540575467063-178a50c2df87?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Bible Study" class="w-full h-48 object-cover">
161
+ <div class="p-6">
162
+ <div class="flex justify-between items-center mb-2">
163
+ <span class="text-sm font-medium text-blue-700">Bible Study</span>
164
+ <span class="text-sm text-gray-500">Wednesdays</span>
165
+ </div>
166
+ <h3 class="text-xl font-semibold mb-2 text-gray-800">Midweek Bible Study</h3>
167
+ <p class="text-gray-600 mb-4">Dive deeper into God's Word with our weekly Bible study and discussion groups.</p>
168
+ <div class="flex items-center text-gray-500">
169
+ <i class="fas fa-clock mr-2"></i>
170
+ <span>7:00 PM - 8:30 PM</span>
171
+ </div>
172
+ <div class="flex items-center text-gray-500 mb-4">
173
+ <i class="fas fa-map-marker-alt mr-2"></i>
174
+ <span>Student Union Room 205</span>
175
+ </div>
176
+ <a href="events.html" class="text-blue-700 hover:text-blue-800 font-medium">More Details <i class="fas fa-arrow-right ml-1"></i></a>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- Event 3 -->
181
+ <div class="event-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
182
+ <img src="https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80" alt="Service Project" class="w-full h-48 object-cover">
183
+ <div class="p-6">
184
+ <div class="flex justify-between items-center mb-2">
185
+ <span class="text-sm font-medium text-blue-700">Service</span>
186
+ <span class="text-sm text-gray-500">September 15</span>
187
+ </div>
188
+ <h3 class="text-xl font-semibold mb-2 text-gray-800">Community Service Day</h3>
189
+ <p class="text-gray-600 mb-4">Join us as we serve our local community through various service projects.</p>
190
+ <div class="flex items-center text-gray-500">
191
+ <i class="fas fa-clock mr-2"></i>
192
+ <span>9:00 AM - 2:00 PM</span>
193
+ </div>
194
+ <div class="flex items-center text-gray-500 mb-4">
195
+ <i class="fas fa-map-marker-alt mr-2"></i>
196
+ <span>Meet at UCF Chapel</span>
197
+ </div>
198
+ <a href="events.html" class="text-blue-700 hover:text-blue-800 font-medium">More Details <i class="fas fa-arrow-right ml-1"></i></a>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="text-center">
204
+ <a href="events.html" class="inline-block border-2 border-blue-700 text-blue-700 hover:bg-blue-700 hover:text-white px-6 py-3 rounded-md text-center font-medium transition duration-300">View All Events <i class="fas fa-arrow-right ml-2"></i></a>
205
+ </div>
206
+ </div>
207
+ </section>
208
+
209
+ <!-- Sermon Highlight Section -->
210
+ <section class="py-16 bg-white">
211
+ <div class="container mx-auto px-6">
212
+ <div class="text-center mb-16">
213
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Latest Sermon</h2>
214
+ <p class="max-w-2xl mx-auto text-gray-600">Watch or listen to our most recent messages from our Sunday gatherings.</p>
215
+ </div>
216
+
217
+ <div class="flex flex-col md:flex-row items-center bg-gray-50 rounded-lg overflow-hidden shadow-md">
218
+ <div class="md:w-1/2">
219
+ <div class="aspect-w-16 aspect-h-9">
220
+ <img src="https://images.unsplash.com/photo-1552674605-db6ffd4facb5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Sermon Thumbnail" class="w-full h-full object-cover">
221
+ </div>
222
+ </div>
223
+ <div class="md:w-1/2 p-8">
224
+ <span class="text-sm font-medium text-blue-700">August 27, 2023</span>
225
+ <h3 class="text-2xl font-semibold mb-4 mt-2 text-gray-800">Living with Purpose</h3>
226
+ <p class="text-gray-600 mb-6">In this message, Pastor Mark explores what it means to live a life of purpose rooted in Christ, drawing from Ephesians 2:10.</p>
227
+ <div class="flex flex-wrap gap-4">
228
+ <a href="#" class="flex items-center bg-blue-700 hover:bg-blue-800 text-white px-4 py-2 rounded-md transition duration-300">
229
+ <i class="fas fa-play mr-2"></i> Watch
230
+ </a>
231
+ <a href="#" class="flex items-center border border-blue-700 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-md transition duration-300">
232
+ <i class="fas fa-headphones mr-2"></i> Listen
233
+ </a>
234
+ <a href="#" class="flex items-center border border-blue-700 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-md transition duration-300">
235
+ <i class="fas fa-download mr-2"></i> Download
236
+ </a>
237
+ </div>
238
+ </div>
239
+ </div>
240
+
241
+ <div class="text-center mt-12">
242
+ <a href="sermons.html" class="inline-block border-2 border-blue-700 text-blue-700 hover:bg-blue-700 hover:text-white px-6 py-3 rounded-md text-center font-medium transition duration-300">Browse All Sermons <i class="fas fa-arrow-right ml-2"></i></a>
243
+ </div>
244
+ </div>
245
+ </section>
246
+
247
+ <!-- Testimonials Section -->
248
+ <section class="py-16 bg-gray-100">
249
+ <div class="container mx-auto px-6">
250
+ <div class="text-center mb-16">
251
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">What Students Are Saying</h2>
252
+ <p class="max-w-2xl mx-auto text-gray-600">Hear from students who have found community and grown in faith through UCF.</p>
253
+ </div>
254
+
255
+ <div class="grid md:grid-cols-3 gap-8">
256
+ <!-- Testimonial 1 -->
257
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-sm">
258
+ <div class="flex items-center mb-6">
259
+ <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Sarah" class="w-16 h-16 rounded-full object-cover mr-4">
260
+ <div>
261
+ <h4 class="font-semibold text-gray-800">Sarah Johnson</h4>
262
+ <p class="text-gray-500">Senior, Biology</p>
263
+ </div>
264
+ </div>
265
+ <p class="text-gray-600 italic mb-4">"UCF has been my home away from home. The community here has supported me through tough times and celebrated with me in good times. I've grown so much in my faith because of the Bible studies and friendships I've found here."</p>
266
+ <div class="flex text-yellow-400">
267
+ <i class="fas fa-star"></i>
268
+ <i class="fas fa-star"></i>
269
+ <i class="fas fa-star"></i>
270
+ <i class="fas fa-star"></i>
271
+ <i class="fas fa-star"></i>
272
+ </div>
273
+ </div>
274
+
275
+ <!-- Testimonial 2 -->
276
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-sm">
277
+ <div class="flex items-center mb-6">
278
+ <img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Michael" class="w-16 h-16 rounded-full object-cover mr-4">
279
+ <div>
280
+ <h4 class="font-semibold text-gray-800">Michael Chen</h4>
281
+ <p class="text-gray-500">Junior, Computer Science</p>
282
+ </div>
283
+ </div>
284
+ <p class="text-gray-600 italic mb-4">"Coming to college, I wasn't sure what I believed. UCF gave me a safe space to ask questions and explore faith. Now I'm growing in my relationship with Jesus and even leading a small group!"</p>
285
+ <div class="flex text-yellow-400">
286
+ <i class="fas fa-star"></i>
287
+ <i class="fas fa-star"></i>
288
+ <i class="fas fa-star"></i>
289
+ <i class="fas fa-star"></i>
290
+ <i class="fas fa-star"></i>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Testimonial 3 -->
295
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-sm">
296
+ <div class="flex items-center mb-6">
297
+ <img src="https://images.unsplash.com/photo-1524504388940-b1c1722653e1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Emily" class="w-16 h-16 rounded-full object-cover mr-4">
298
+ <div>
299
+ <h4 class="font-semibold text-gray-800">Emily Rodriguez</h4>
300
+ <p class="text-gray-500">Sophomore, Music</p>
301
+ </div>
302
+ </div>
303
+ <p class="text-gray-600 italic mb-4">"I love being part of the worship team at UCF. It's amazing to use my musical gifts to glorify God and lead others in worship. The friendships I've made here are deep and authentic."</p>
304
+ <div class="flex text-yellow-400">
305
+ <i class="fas fa-star"></i>
306
+ <i class="fas fa-star"></i>
307
+ <i class="fas fa-star"></i>
308
+ <i class="fas fa-star"></i>
309
+ <i class="fas fa-star-half-alt"></i>
310
+ </div>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </section>
315
+
316
+ <!-- CTA Section -->
317
+ <section class="py-16 bg-blue-800 text-white">
318
+ <div class="container mx-auto px-6 text-center">
319
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-6">Ready to Visit?</h2>
320
+ <p class="max-w-2xl mx-auto text-blue-200 mb-8">Join us this Sunday or at one of our weekly gatherings. We'd love to meet you!</p>
321
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
322
+ <a href="events.html" class="bg-white text-blue-800 hover:bg-gray-100 px-8 py-3 rounded-md text-center font-medium transition duration-300">View Our Events</a>
323
+ <a href="connect.html" class="border-2 border-white hover:bg-white hover:bg-opacity-10 px-8 py-3 rounded-md text-center font-medium transition duration-300">Get Connected</a>
324
+ </div>
325
+ </div>
326
+ </section>
327
+
328
+ <!-- Footer -->
329
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
330
+ <div class="container mx-auto px-6">
331
+ <div class="grid md:grid-cols-4 gap-8 mb-12">
332
+ <div>
333
+ <div class="flex items-center mb-6">
334
+ <i class="fas fa-cross text-blue-500 text-2xl mr-2"></i>
335
+ <span class="heading-font text-xl font-bold">UCF</span>
336
+ </div>
337
+ <p class="text-gray-400 mb-4">University Christian Fellowship is a campus ministry dedicated to helping students grow in their relationship with Jesus Christ.</p>
338
+ <div class="flex space-x-4">
339
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-facebook-f"></i></a>
340
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-instagram"></i></a>
341
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-twitter"></i></a>
342
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-youtube"></i></a>
343
+ </div>
344
+ </div>
345
+
346
+ <div>
347
+ <h3 class="text-lg font-semibold mb-6">Quick Links</h3>
348
+ <ul class="space-y-3">
349
+ <li><a href="index.html" class="text-white font-medium hover:text-white transition duration-300">Home</a></li>
350
+ <li><a href="about.html" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li>
351
+ <li><a href="events.html" class="text-gray-400 hover:text-white transition duration-300">Events</a></li>
352
+ <li><a href="sermons.html" class="text-gray-400 hover:text-white transition duration-300">Sermons</a></li>
353
+ <li><a href="connect.html" class="text-gray-400 hover:text-white transition duration-300">Connect</a></li>
354
+ </ul>
355
+ </div>
356
+
357
+ <div>
358
+ <h3 class="text-lg font-semibold mb-6">Resources</h3>
359
+ <ul class="space-y-3">
360
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Bible Studies</a></li>
361
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Prayer Requests</a></li>
362
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Mission Trips</a></li>
363
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Leadership</a></li>
364
+ <li><a href="give.html" class="text-gray-400 hover:text-white transition duration-300">Give Online</a></li>
365
+ </ul>
366
+ </div>
367
+
368
+ <div>
369
+ <h3 class="text-lg font-semibold mb-6">Contact Us</h3>
370
+ <ul class="space-y-3">
371
+ <li class="flex items-start">
372
+ <i class="fas fa-map-marker-alt text-gray-400 mt-1 mr-3"></i>
373
+ <span class="text-gray-400">123 Campus Way<br>University City, ST 12345</span>
374
+ </li>
375
+ <li class="flex items-center">
376
+ <i class="fas fa-phone-alt text-gray-400 mr-3"></i>
377
+ <span class="text-gray-400">(555) 123-4567</span>
378
+ </li>
379
+ <li class="flex items-center">
380
+ <i class="fas fa-envelope text-gray-400 mr-3"></i>
381
+ <span class="text-gray-400">hello@universitycf.org</span>
382
+ </li>
383
+ </ul>
384
+ </div>
385
+ </div>
386
+
387
+ <div class="border-t border-gray-800 pt-8">
388
+ <div class="flex flex-col md:flex-row justify-between items-center">
389
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 University Christian Fellowship. All rights reserved.</p>
390
+ <div class="flex space-x-6">
391
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Privacy Policy</a>
392
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Terms of Use</a>
393
+ </div>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ </footer>
398
+
399
+ <script>
400
+ // Simple JavaScript for mobile menu toggle
401
+ document.addEventListener('DOMContentLoaded', function() {
402
+ const mobileMenuButton = document.querySelector('button.md\\:hidden');
403
+ const mobileMenu = document.querySelector('.md\\:flex.space-x-8');
404
+
405
+ mobileMenuButton.addEventListener('click', function() {
406
+ mobileMenu.classList.toggle('hidden');
407
+ mobileMenu.classList.toggle('flex');
408
+ mobileMenu.classList.toggle('flex-col');
409
+ mobileMenu.classList.toggle('absolute');
410
+ mobileMenu.classList.toggle('top-16');
411
+ mobileMenu.classList.toggle('left-0');
412
+ mobileMenu.classList.toggle('w-full');
413
+ mobileMenu.classList.toggle('bg-white');
414
+ mobileMenu.classList.toggle('p-4');
415
+ mobileMenu.classList.toggle('space-y-4');
416
+ mobileMenu.classList.toggle('space-x-0');
417
+ mobileMenu.classList.toggle('shadow-md');
418
+ });
419
+
420
+ // Smooth scrolling for anchor links
421
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
422
+ anchor.addEventListener('click', function (e) {
423
+ e.preventDefault();
424
+
425
+ const targetId = this.getAttribute('href');
426
+ if (targetId === '#') return;
427
+
428
+ const targetElement = document.querySelector(targetId);
429
+ if (targetElement) {
430
+ targetElement.scrollIntoView({
431
+ behavior: 'smooth'
432
+ });
433
+ }
434
+ });
435
+ });
436
+ });
437
+ </script>
438
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=KERAAUMA/ucfuw" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
439
+ </html>
prompts.txt CHANGED
@@ -1,2 +1,3 @@
1
  Please generate events.html based on the current site.
2
- Please generate the connect page
 
 
1
  Please generate events.html based on the current site.
2
+ Please generate the connect page
3
+ Please go back to the Home page.