Hugging Face's logo

Spaces:
KERAAUMA
/
ucfuw
Running

App Files Community
KERAAUMA commited on
Commit
b49409b
·
verified ·
1 Parent(s): beaeda7

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +498 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ucfuw
3
- emoji: 😻
4
- colorFrom: indigo
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ucfuw
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,498 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>About Us | 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
+ .about-hero {
21
+ background: linear-gradient(135deg, rgba(22, 101, 52, 0.9) 0%, rgba(29, 78, 216, 0.8) 100%);
22
+ }
23
+
24
+ .history-timeline::before {
25
+ content: '';
26
+ position: absolute;
27
+ width: 2px;
28
+ height: 100%;
29
+ left: 1.25rem;
30
+ top: 0;
31
+ background-color: #1d4ed8;
32
+ }
33
+
34
+ .team-card:hover {
35
+ transform: translateY(-5px);
36
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
37
+ }
38
+
39
+ .nav-link {
40
+ position: relative;
41
+ }
42
+
43
+ .nav-link::after {
44
+ content: '';
45
+ position: absolute;
46
+ width: 0;
47
+ height: 2px;
48
+ bottom: -2px;
49
+ left: 0;
50
+ background-color: #1d4ed8;
51
+ transition: width 0.3s ease;
52
+ }
53
+
54
+ .nav-link:hover::after {
55
+ width: 100%;
56
+ }
57
+
58
+ .belief-card {
59
+ transition: all 0.3s ease;
60
+ }
61
+
62
+ .belief-card:hover {
63
+ transform: scale(1.03);
64
+ }
65
+ </style>
66
+ </head>
67
+ <body class="bg-gray-50">
68
+ <!-- Navigation -->
69
+ <nav class="bg-white shadow-md sticky top-0 z-50">
70
+ <div class="container mx-auto px-6 py-3">
71
+ <div class="flex justify-between items-center">
72
+ <div class="flex items-center space-x-4">
73
+ <div class="flex items-center">
74
+ <i class="fas fa-cross text-blue-700 text-2xl mr-2"></i>
75
+ <span class="heading-font text-xl font-bold text-blue-800">UCF</span>
76
+ </div>
77
+ <div class="hidden md:flex space-x-8">
78
+ <a href="index.html" class="nav-link text-gray-700 hover:text-blue-700">Home</a>
79
+ <a href="#" class="nav-link text-blue-700 hover:text-blue-800 font-medium">About</a>
80
+ <a href="events.html" class="nav-link text-gray-700 hover:text-blue-700">Events</a>
81
+ <a href="sermons.html" class="nav-link text-gray-700 hover:text-blue-700">Sermons</a>
82
+ <a href="connect.html" class="nav-link text-gray-700 hover:text-blue-700">Connect</a>
83
+ </div>
84
+ </div>
85
+ <div class="flex items-center space-x-4">
86
+ <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>
87
+ <button class="md:hidden focus:outline-none">
88
+ <i class="fas fa-bars text-gray-700 text-xl"></i>
89
+ </button>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </nav>
94
+
95
+ <!-- Hero Section -->
96
+ <section class="about-hero text-white">
97
+ <div class="container mx-auto px-6 py-24 md:py-32">
98
+ <div class="max-w-3xl">
99
+ <h1 class="heading-font text-4xl md:text-6xl font-bold mb-6">Our Story & Mission</h1>
100
+ <p class="text-xl mb-8 leading-relaxed">For over 40 years, University Christian Fellowship has been helping students encounter Jesus and grow in faith during their college years.</p>
101
+ <div class="flex space-x-4">
102
+ <a href="#mission" class="bg-white text-blue-800 hover:bg-gray-100 px-6 py-3 rounded-md text-center font-medium transition duration-300">Our Mission</a>
103
+ <a href="#beliefs" 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">Our Beliefs</a>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- History Section -->
110
+ <section class="py-16 bg-white">
111
+ <div class="container mx-auto px-6">
112
+ <div class="text-center mb-16">
113
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Our History</h2>
114
+ <p class="max-w-2xl mx-auto text-gray-600">From humble beginnings to a thriving campus ministry</p>
115
+ </div>
116
+
117
+ <div class="relative pl-12 history-timeline max-w-4xl mx-auto">
118
+ <div class="relative mb-12">
119
+ <div class="absolute -left-12 top-0 w-10 h-10 rounded-full bg-blue-700 flex items-center justify-center text-white">
120
+ <i class="fas fa-seedling"></i>
121
+ </div>
122
+ <div class="pl-8">
123
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">1979 - Founding</h3>
124
+ <p class="text-gray-600">A small group of students began meeting for Bible study in a dorm lounge, led by campus minister David Thompson.</p>
125
+ </div>
126
+ </div>
127
+
128
+ <div class="relative mb-12">
129
+ <div class="absolute -left-12 top-0 w-10 h-10 rounded-full bg-blue-700 flex items-center justify-center text-white">
130
+ <i class="fas fa-church"></i>
131
+ </div>
132
+ <div class="pl-8">
133
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">1985 - First Worship Service</h3>
134
+ <p class="text-gray-600">Held our first weekly worship service in the student union with 35 students in attendance.</p>
135
+ </div>
136
+ </div>
137
+
138
+ <div class="relative mb-12">
139
+ <div class="absolute -left-12 top-0 w-10 h-10 rounded-full bg-blue-700 flex items-center justify-center text-white">
140
+ <i class="fas fa-home"></i>
141
+ </div>
142
+ <div class="pl-8">
143
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">1992 - UCF House</h3>
144
+ <p class="text-gray-600">Purchased our first ministry house near campus, providing space for gatherings and student housing.</p>
145
+ </div>
146
+ </div>
147
+
148
+ <div class="relative mb-12">
149
+ <div class="absolute -left-12 top-0 w-10 h-10 rounded-full bg-blue-700 flex items-center justify-center text-white">
150
+ <i class="fas fa-globe-americas"></i>
151
+ </div>
152
+ <div class="pl-8">
153
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">2001 - First Mission Trip</h3>
154
+ <p class="text-gray-600">Sent our first international mission team to serve in Honduras during spring break.</p>
155
+ </div>
156
+ </div>
157
+
158
+ <div class="relative">
159
+ <div class="absolute -left-12 top-0 w-10 h-10 rounded-full bg-blue-700 flex items-center justify-center text-white">
160
+ <i class="fas fa-users"></i>
161
+ </div>
162
+ <div class="pl-8">
163
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Present Day</h3>
164
+ <p class="text-gray-600">Now serving over 300 students weekly with multiple worship gatherings, small groups, and outreach programs.</p>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </section>
170
+
171
+ <!-- Mission Section -->
172
+ <section id="mission" class="py-16 bg-gray-100">
173
+ <div class="container mx-auto px-6">
174
+ <div class="flex flex-col md:flex-row items-center">
175
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
176
+ <img src="https://images.unsplash.com/photo-1529107386315-e1a2ed3056c3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Students worshiping" class="rounded-lg shadow-xl w-full">
177
+ </div>
178
+ <div class="md:w-1/2">
179
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-6 text-gray-800">Our Mission</h2>
180
+ <p class="text-gray-600 mb-6 leading-relaxed">University Christian Fellowship exists to help college students develop a lifelong relationship with Jesus Christ through worship, biblical teaching, authentic community, and missional living.</p>
181
+
182
+ <div class="space-y-6">
183
+ <div class="flex items-start">
184
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
185
+ <i class="fas fa-cross text-blue-700 text-xl"></i>
186
+ </div>
187
+ <div>
188
+ <h3 class="text-lg font-semibold text-gray-800">Vision</h3>
189
+ <p class="text-gray-600">To see every college student transformed by the gospel and equipped to serve Christ in every area of life.</p>
190
+ </div>
191
+ </div>
192
+
193
+ <div class="flex items-start">
194
+ <div class="bg-green-100 p-3 rounded-full mr-4">
195
+ <i class="fas fa-heart text-green-700 text-xl"></i>
196
+ </div>
197
+ <div>
198
+ <h3 class="text-lg font-semibold text-gray-800">Values</h3>
199
+ <p class="text-gray-600">Christ-centered community, biblical truth, authentic relationships, prayerful dependence, and missional living.</p>
200
+ </div>
201
+ </div>
202
+
203
+ <div class="flex items-start">
204
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
205
+ <i class="fas fa-hands-helping text-purple-700 text-xl"></i>
206
+ </div>
207
+ <div>
208
+ <h3 class="text-lg font-semibold text-gray-800">Strategy</h3>
209
+ <p class="text-gray-600">Reach students through large gatherings, connect them in small groups, and equip them to serve on campus and beyond.</p>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </div>
216
+ </section>
217
+
218
+ <!-- Beliefs Section -->
219
+ <section id="beliefs" class="py-16 bg-white">
220
+ <div class="container mx-auto px-6">
221
+ <div class="text-center mb-16">
222
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Our Core Beliefs</h2>
223
+ <p class="max-w-2xl mx-auto text-gray-600">The foundational truths that guide our ministry</p>
224
+ </div>
225
+
226
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
227
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
228
+ <div class="bg-blue-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
229
+ <i class="fas fa-bible text-blue-700 text-2xl"></i>
230
+ </div>
231
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">The Bible</h3>
232
+ <p class="text-gray-600 text-center">We believe the Bible is God's inspired, authoritative Word and the final authority for all matters of faith and life.</p>
233
+ </div>
234
+
235
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
236
+ <div class="bg-red-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
237
+ <i class="fas fa-cross text-red-700 text-2xl"></i>
238
+ </div>
239
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">Jesus Christ</h3>
240
+ <p class="text-gray-600 text-center">We believe in Jesus Christ as fully God and fully man, whose death and resurrection provide the only way of salvation.</p>
241
+ </div>
242
+
243
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
244
+ <div class="bg-green-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
245
+ <i class="fas fa-dove text-green-700 text-2xl"></i>
246
+ </div>
247
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">Holy Spirit</h3>
248
+ <p class="text-gray-600 text-center">We believe the Holy Spirit indwells believers, empowering them to live godly lives and serve effectively.</p>
249
+ </div>
250
+
251
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
252
+ <div class="bg-purple-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
253
+ <i class="fas fa-users text-purple-700 text-2xl"></i>
254
+ </div>
255
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">The Church</h3>
256
+ <p class="text-gray-600 text-center">We believe the Church is Christ's body on earth, called to worship, fellowship, discipleship, and mission.</p>
257
+ </div>
258
+
259
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
260
+ <div class="bg-yellow-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
261
+ <i class="fas fa-arrow-up text-yellow-700 text-2xl"></i>
262
+ </div>
263
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">Christ's Return</h3>
264
+ <p class="text-gray-600 text-center">We believe in the personal and visible return of Christ to establish His eternal kingdom of justice and peace.</p>
265
+ </div>
266
+
267
+ <div class="belief-card bg-gray-50 rounded-lg shadow-md p-8">
268
+ <div class="bg-indigo-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6 mx-auto">
269
+ <i class="fas fa-hand-holding-heart text-indigo-700 text-2xl"></i>
270
+ </div>
271
+ <h3 class="text-xl font-semibold text-center text-gray-800 mb-4">Human Dignity</h3>
272
+ <p class="text-gray-600 text-center">We believe all people are created in God's image and have inherent dignity and worth from conception to natural death.</p>
273
+ </div>
274
+ </div>
275
+
276
+ <div class="text-center mt-16">
277
+ <a href="beliefs.html" class="inline-block bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded-md transition duration-300">Full Statement of Faith</a>
278
+ </div>
279
+ </div>
280
+ </section>
281
+
282
+ <!-- Leadership Team -->
283
+ <section class="py-16 bg-gray-100">
284
+ <div class="container mx-auto px-6">
285
+ <div class="text-center mb-16">
286
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Our Leadership Team</h2>
287
+ <p class="max-w-2xl mx-auto text-gray-600">Meet the staff and student leaders who serve our community</p>
288
+ </div>
289
+
290
+ <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-8">
291
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
292
+ <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80" alt="Pastor Mark" class="w-full h-64 object-cover">
293
+ <div class="p-6">
294
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">Mark Williams</h3>
295
+ <p class="text-blue-700 font-medium mb-4">Campus Pastor</p>
296
+ <p class="text-gray-600 text-sm">Mark has served with UCF for 12 years and has a passion for discipleship and teaching.</p>
297
+ <div class="flex space-x-3 mt-4">
298
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fab fa-linkedin-in"></i></a>
299
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fas fa-envelope"></i></a>
300
+ </div>
301
+ </div>
302
+ </div>
303
+
304
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
305
+ <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5cd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=688&q=80" alt="Sarah Johnson" class="w-full h-64 object-cover">
306
+ <div class="p-6">
307
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">Sarah Johnson</h3>
308
+ <p class="text-blue-700 font-medium mb-4">Women's Ministry Director</p>
309
+ <p class="text-gray-600 text-sm">Sarah oversees our women's small groups and discipleship programs.</p>
310
+ <div class="flex space-x-3 mt-4">
311
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fab fa-linkedin-in"></i></a>
312
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fas fa-envelope"></i></a>
313
+ </div>
314
+ </div>
315
+ </div>
316
+
317
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
318
+ <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 Chen" class="w-full h-64 object-cover">
319
+ <div class="p-6">
320
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">Michael Chen</h3>
321
+ <p class="text-blue-700 font-medium mb-4">Worship Director</p>
322
+ <p class="text-gray-600 text-sm">Michael leads our worship teams and helps students develop musical gifts.</p>
323
+ <div class="flex space-x-3 mt-4">
324
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fab fa-linkedin-in"></i></a>
325
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fas fa-envelope"></i></a>
326
+ </div>
327
+ </div>
328
+ </div>
329
+
330
+ <div class="team-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
331
+ <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="Emily Rodriguez" class="w-full h-64 object-cover">
332
+ <div class="p-6">
333
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">Emily Rodriguez</h3>
334
+ <p class="text-blue-700 font-medium mb-4">Student President</p>
335
+ <p class="text-gray-600 text-sm">Senior biology major who leads our student leadership team.</p>
336
+ <div class="flex space-x-3 mt-4">
337
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fab fa-linkedin-in"></i></a>
338
+ <a href="#" class="text-gray-500 hover:text-blue-700"><i class="fas fa-envelope"></i></a>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </div>
343
+
344
+ <div class="text-center mt-12">
345
+ <a href="leadership.html" class="inline-block text-blue-700 font-medium hover:text-blue-800 transition duration-300">Meet Our Full Team <i class="fas fa-arrow-right ml-2"></i></a>
346
+ </div>
347
+ </div>
348
+ </section>
349
+
350
+ <!-- Affiliations -->
351
+ <section class="py-16 bg-white">
352
+ <div class="container mx-auto px-6 max-w-4xl">
353
+ <div class="text-center mb-12">
354
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-4 text-gray-800">Our Affiliations</h2>
355
+ <p class="text-gray-600">University Christian Fellowship partners with these organizations to strengthen our ministry</p>
356
+ </div>
357
+
358
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 items-center">
359
+ <div class="p-4">
360
+ <img src="https://via.placeholder.com/150x80?text=CCCN" alt="CCCN" class="w-full h-auto opacity-70 hover:opacity-100 transition duration-300">
361
+ </div>
362
+ <div class="p-4">
363
+ <img src="https://via.placeholder.com/150x80?text=IFES" alt="IFES" class="w-full h-auto opacity-70 hover:opacity-100 transition duration-300">
364
+ </div>
365
+ <div class="p-4">
366
+ <img src="https://via.placeholder.com/150x80?text=ECF" alt="ECF" class="w-full h-auto opacity-70 hover:opacity-100 transition duration-300">
367
+ </div>
368
+ <div class="p-4">
369
+ <img src="https://via.placeholder.com/150x80?text=NAE" alt="NAE" class="w-full h-auto opacity-70 hover:opacity-100 transition duration-300">
370
+ </div>
371
+ </div>
372
+ </div>
373
+ </section>
374
+
375
+ <!-- CTA Section -->
376
+ <section class="py-16 bg-blue-800 text-white">
377
+ <div class="container mx-auto px-6 text-center">
378
+ <h2 class="heading-font text-3xl md:text-4xl font-bold mb-6">Ready to Get Involved?</h2>
379
+ <p class="max-w-2xl mx-auto text-blue-200 mb-8">Whether you're exploring faith or looking to go deeper, we'd love to connect with you.</p>
380
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
381
+ <a href="connect.html" class="bg-white text-blue-800 hover:bg-gray-100 px-8 py-3 rounded-md text-center font-medium transition duration-300">Visit This Week</a>
382
+ <a href="contact.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">Contact Our Team</a>
383
+ </div>
384
+ </div>
385
+ </section>
386
+
387
+ <!-- Footer -->
388
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
389
+ <div class="container mx-auto px-6">
390
+ <div class="grid md:grid-cols-4 gap-8 mb-12">
391
+ <div>
392
+ <div class="flex items-center mb-6">
393
+ <i class="fas fa-cross text-blue-500 text-2xl mr-2"></i>
394
+ <span class="heading-font text-xl font-bold">UCF</span>
395
+ </div>
396
+ <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>
397
+ <div class="flex space-x-4">
398
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-facebook-f"></i></a>
399
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-instagram"></i></a>
400
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-twitter"></i></a>
401
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300"><i class="fab fa-youtube"></i></a>
402
+ </div>
403
+ </div>
404
+
405
+ <div>
406
+ <h3 class="text-lg font-semibold mb-6">Quick Links</h3>
407
+ <ul class="space-y-3">
408
+ <li><a href="index.html" class="text-gray-400 hover:text-white transition duration-300">Home</a></li>
409
+ <li><a href="#" class="text-white font-medium hover:text-white transition duration-300">About Us</a></li>
410
+ <li><a href="events.html" class="text-gray-400 hover:text-white transition duration-300">Events</a></li>
411
+ <li><a href="sermons.html" class="text-gray-400 hover:text-white transition duration-300">Sermons</a></li>
412
+ <li><a href="contact.html" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
413
+ </ul>
414
+ </div>
415
+
416
+ <div>
417
+ <h3 class="text-lg font-semibold mb-6">Resources</h3>
418
+ <ul class="space-y-3">
419
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Bible Studies</a></li>
420
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Prayer Requests</a></li>
421
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Mission Trips</a></li>
422
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Leadership</a></li>
423
+ <li><a href="give.html" class="text-gray-400 hover:text-white transition duration-300">Give Online</a></li>
424
+ </ul>
425
+ </div>
426
+
427
+ <div>
428
+ <h3 class="text-lg font-semibold mb-6">Contact Us</h3>
429
+ <ul class="space-y-3">
430
+ <li class="flex items-start">
431
+ <i class="fas fa-map-marker-alt text-gray-400 mt-1 mr-3"></i>
432
+ <span class="text-gray-400">123 Campus Way<br>University City, ST 12345</span>
433
+ </li>
434
+ <li class="flex items-center">
435
+ <i class="fas fa-phone-alt text-gray-400 mr-3"></i>
436
+ <span class="text-gray-400">(555) 123-4567</span>
437
+ </li>
438
+ <li class="flex items-center">
439
+ <i class="fas fa-envelope text-gray-400 mr-3"></i>
440
+ <span class="text-gray-400">hello@universitycf.org</span>
441
+ </li>
442
+ </ul>
443
+ </div>
444
+ </div>
445
+
446
+ <div class="border-t border-gray-800 pt-8">
447
+ <div class="flex flex-col md:flex-row justify-between items-center">
448
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 University Christian Fellowship. All rights reserved.</p>
449
+ <div class="flex space-x-6">
450
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Privacy Policy</a>
451
+ <a href="#" class="text-gray-400 hover:text-white text-sm transition duration-300">Terms of Use</a>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </footer>
457
+
458
+ <script>
459
+ // Simple JavaScript for mobile menu toggle
460
+ document.addEventListener('DOMContentLoaded', function() {
461
+ const mobileMenuButton = document.querySelector('button.md\\:hidden');
462
+ const mobileMenu = document.querySelector('.md\\:flex.space-x-8');
463
+
464
+ mobileMenuButton.addEventListener('click', function() {
465
+ mobileMenu.classList.toggle('hidden');
466
+ mobileMenu.classList.toggle('flex');
467
+ mobileMenu.classList.toggle('flex-col');
468
+ mobileMenu.classList.toggle('absolute');
469
+ mobileMenu.classList.toggle('top-16');
470
+ mobileMenu.classList.toggle('left-0');
471
+ mobileMenu.classList.toggle('w-full');
472
+ mobileMenu.classList.toggle('bg-white');
473
+ mobileMenu.classList.toggle('p-4');
474
+ mobileMenu.classList.toggle('space-y-4');
475
+ mobileMenu.classList.toggle('space-x-0');
476
+ mobileMenu.classList.toggle('shadow-md');
477
+ });
478
+
479
+ // Smooth scrolling for anchor links
480
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
481
+ anchor.addEventListener('click', function (e) {
482
+ e.preventDefault();
483
+
484
+ const targetId = this.getAttribute('href');
485
+ if (targetId === '#') return;
486
+
487
+ const targetElement = document.querySelector(targetId);
488
+ if (targetElement) {
489
+ targetElement.scrollIntoView({
490
+ behavior: 'smooth'
491
+ });
492
+ }
493
+ });
494
+ });
495
+ });
496
+ </script>
497
+ <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>
498
+ </html>
prompts.txt ADDED
File without changes