Hugging Face's logo

Spaces:
arhs
/
Marketing
Running

App Files Community
arhs commited on
Commit
5c0f5b7
·
verified ·
1 Parent(s): 5456b2c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +1099 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Deepartifacts
3
- emoji: 🔥
4
- colorFrom: yellow
5
- colorTo: gray
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: deepartifacts
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
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,1099 @@
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>Ivy Marketing MBA | Prestigious Marketing Education</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;500;600;700&family=Lato:wght@300;400;700&display=swap');
11
+
12
+ :root {
13
+ --navy: #001f3f;
14
+ --burgundy: #800020;
15
+ --gold: #D4AF37;
16
+ --light-gold: #f5e8c0;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Lato', sans-serif;
21
+ color: #333;
22
+ }
23
+
24
+ h1, h2, h3, h4, .font-serif {
25
+ font-family: 'Playfair Display', serif;
26
+ }
27
+
28
+ .bg-navy {
29
+ background-color: var(--navy);
30
+ }
31
+
32
+ .bg-burgundy {
33
+ background-color: var(--burgundy);
34
+ }
35
+
36
+ .bg-gold {
37
+ background-color: var(--gold);
38
+ }
39
+
40
+ .text-navy {
41
+ color: var(--navy);
42
+ }
43
+
44
+ .text-burgundy {
45
+ color: var(--burgundy);
46
+ }
47
+
48
+ .text-gold {
49
+ color: var(--gold);
50
+ }
51
+
52
+ .border-gold {
53
+ border-color: var(--gold);
54
+ }
55
+
56
+ .hero-gradient {
57
+ background: linear-gradient(135deg, var(--navy) 0%, var(--burgundy) 100%);
58
+ }
59
+
60
+ .course-card:hover {
61
+ transform: translateY(-5px);
62
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
63
+ }
64
+
65
+ .faculty-card:hover .faculty-img {
66
+ transform: scale(1.03);
67
+ }
68
+
69
+ .discussion-post:hover {
70
+ background-color: rgba(212, 175, 55, 0.05);
71
+ }
72
+
73
+ .nav-link:hover {
74
+ color: var(--gold);
75
+ }
76
+
77
+ .dropdown:hover .dropdown-menu {
78
+ display: block;
79
+ }
80
+
81
+ /* Animation for course cards */
82
+ @keyframes fadeIn {
83
+ from { opacity: 0; transform: translateY(20px); }
84
+ to { opacity: 1; transform: translateY(0); }
85
+ }
86
+
87
+ .animate-fade-in {
88
+ animation: fadeIn 0.6s ease-out forwards;
89
+ }
90
+
91
+ /* Delay animations for staggered effect */
92
+ .delay-100 {
93
+ animation-delay: 0.1s;
94
+ }
95
+
96
+ .delay-200 {
97
+ animation-delay: 0.2s;
98
+ }
99
+
100
+ .delay-300 {
101
+ animation-delay: 0.3s;
102
+ }
103
+
104
+ /* Custom scrollbar */
105
+ ::-webkit-scrollbar {
106
+ width: 8px;
107
+ }
108
+
109
+ ::-webkit-scrollbar-track {
110
+ background: #f1f1f1;
111
+ }
112
+
113
+ ::-webkit-scrollbar-thumb {
114
+ background: var(--gold);
115
+ border-radius: 4px;
116
+ }
117
+
118
+ /* Responsive adjustments */
119
+ @media (max-width: 768px) {
120
+ .hero-content {
121
+ padding-top: 100px;
122
+ }
123
+
124
+ .faculty-card {
125
+ flex-direction: column;
126
+ }
127
+
128
+ .faculty-img {
129
+ width: 100%;
130
+ height: auto;
131
+ }
132
+ }
133
+ </style>
134
+ </head>
135
+ <body class="bg-gray-50">
136
+ <!-- Navigation -->
137
+ <nav class="bg-navy text-white shadow-lg fixed w-full z-50">
138
+ <div class="container mx-auto px-4">
139
+ <div class="flex justify-between items-center py-4">
140
+ <div class="flex items-center space-x-2">
141
+ <i class="fas fa-graduation-cap text-2xl text-gold"></i>
142
+ <a href="#" class="font-serif text-xl font-bold">Ivy Marketing MBA</a>
143
+ </div>
144
+
145
+ <!-- Mobile menu button -->
146
+ <div class="md:hidden">
147
+ <button id="mobile-menu-button" class="text-white focus:outline-none">
148
+ <i class="fas fa-bars text-2xl"></i>
149
+ </button>
150
+ </div>
151
+
152
+ <!-- Desktop menu -->
153
+ <div class="hidden md:flex items-center space-x-8">
154
+ <div class="dropdown relative">
155
+ <button class="nav-link flex items-center space-x-1">
156
+ <span>Program</span>
157
+ <i class="fas fa-chevron-down text-xs"></i>
158
+ </button>
159
+ <div class="dropdown-menu absolute hidden bg-white text-navy rounded shadow-lg mt-2 py-2 w-48">
160
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100">Overview</a>
161
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100">Curriculum</a>
162
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100">Admissions</a>
163
+ <a href="#" class="block px-4 py-2 hover:bg-gray-100">Career Outcomes</a>
164
+ </div>
165
+ </div>
166
+
167
+ <a href="#courses" class="nav-link">Courses</a>
168
+ <a href="#faculty" class="nav-link">Faculty</a>
169
+ <a href="#discussions" class="nav-link">Discussions</a>
170
+ <a href="#" class="nav-link">Resources</a>
171
+
172
+ <div class="flex items-center space-x-4 ml-8">
173
+ <a href="#" class="bg-burgundy hover:bg-opacity-90 text-white px-4 py-2 rounded transition">Apply Now</a>
174
+ <a href="#" class="text-white border border-white hover:bg-white hover:text-navy px-4 py-2 rounded transition">Login</a>
175
+ </div>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Mobile menu -->
180
+ <div id="mobile-menu" class="hidden md:hidden bg-navy pb-4">
181
+ <a href="#" class="block py-2 px-4 hover:bg-gray-800">Program</a>
182
+ <a href="#courses" class="block py-2 px-4 hover:bg-gray-800">Courses</a>
183
+ <a href="#faculty" class="block py-2 px-4 hover:bg-gray-800">Faculty</a>
184
+ <a href="#discussions" class="block py-2 px-4 hover:bg-gray-800">Discussions</a>
185
+ <a href="#" class="block py-2 px-4 hover:bg-gray-800">Resources</a>
186
+ <div class="mt-2 pt-2 border-t border-gray-700">
187
+ <a href="#" class="block bg-burgundy text-white text-center py-2 mx-4 rounded">Apply Now</a>
188
+ <a href="#" class="block text-white text-center py-2 mx-4 mt-2 border border-white rounded">Login</a>
189
+ </div>
190
+ </div>
191
+ </div>
192
+ </nav>
193
+
194
+ <!-- Hero Section -->
195
+ <section class="hero-gradient text-white pt-24 pb-16 md:pt-32 md:pb-24">
196
+ <div class="container mx-auto px-4">
197
+ <div class="flex flex-col md:flex-row items-center">
198
+ <div class="md:w-1/2 mb-10 md:mb-0 hero-content">
199
+ <h1 class="font-serif text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
200
+ Transform Your Career with Our Prestigious MBA in Marketing
201
+ </h1>
202
+ <p class="text-xl mb-8 max-w-lg">
203
+ Join an elite community of marketing leaders at one of the world's most respected business programs.
204
+ </p>
205
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
206
+ <a href="#" class="bg-gold hover:bg-opacity-90 text-navy font-bold px-6 py-3 rounded text-center transition">
207
+ Explore Program
208
+ </a>
209
+ <a href="#" class="bg-transparent hover:bg-white hover:bg-opacity-10 border border-white text-white font-bold px-6 py-3 rounded text-center transition">
210
+ Attend Info Session
211
+ </a>
212
+ </div>
213
+ </div>
214
+ <div class="md:w-1/2 flex justify-center">
215
+ <img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
216
+ alt="MBA students discussing"
217
+ class="rounded-lg shadow-xl w-full max-w-md border-4 border-gold">
218
+ </div>
219
+ </div>
220
+ </div>
221
+ </section>
222
+
223
+ <!-- Stats Section -->
224
+ <section class="bg-white py-12">
225
+ <div class="container mx-auto px-4">
226
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
227
+ <div class="animate-fade-in delay-100">
228
+ <div class="text-4xl font-bold text-burgundy mb-2">94%</div>
229
+ <div class="text-gray-600">Employment Rate at Graduation</div>
230
+ </div>
231
+ <div class="animate-fade-in delay-200">
232
+ <div class="text-4xl font-bold text-burgundy mb-2">$127K</div>
233
+ <div class="text-gray-600">Average Starting Salary</div>
234
+ </div>
235
+ <div class="animate-fade-in delay-300">
236
+ <div class="text-4xl font-bold text-burgundy mb-2">12:1</div>
237
+ <div class="text-gray-600">Student to Faculty Ratio</div>
238
+ </div>
239
+ <div class="animate-fade-in">
240
+ <div class="text-4xl font-bold text-burgundy mb-2">45+</div>
241
+ <div class="text-gray-600">Marketing Courses Offered</div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </section>
246
+
247
+ <!-- Featured Courses Section -->
248
+ <section id="courses" class="py-16 bg-gray-50">
249
+ <div class="container mx-auto px-4">
250
+ <div class="text-center mb-12">
251
+ <h2 class="font-serif text-3xl md:text-4xl font-bold text-navy mb-4">Featured Marketing Courses</h2>
252
+ <p class="text-gray-600 max-w-2xl mx-auto">
253
+ Explore our comprehensive curriculum designed to develop strategic marketing leaders
254
+ </p>
255
+ </div>
256
+
257
+ <!-- Course Filter -->
258
+ <div class="mb-8 bg-white p-4 rounded-lg shadow-sm">
259
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between space-y-4 md:space-y-0">
260
+ <div class="flex-1">
261
+ <div class="relative">
262
+ <input type="text" placeholder="Search courses..." class="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-gold">
263
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
264
+ </div>
265
+ </div>
266
+ <div class="flex space-x-4">
267
+ <select class="border rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-gold">
268
+ <option>All Categories</option>
269
+ <option>Digital Marketing</option>
270
+ <option>Brand Management</option>
271
+ <option>Consumer Behavior</option>
272
+ <option>Marketing Analytics</option>
273
+ <option>Strategic Marketing</option>
274
+ </select>
275
+ <select class="border rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-gold">
276
+ <option>Sort By</option>
277
+ <option>Most Popular</option>
278
+ <option>Newest</option>
279
+ <option>Credit Hours</option>
280
+ </select>
281
+ </div>
282
+ </div>
283
+ </div>
284
+
285
+ <!-- Course Grid -->
286
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
287
+ <!-- Course Card 1 -->
288
+ <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300 animate-fade-in delay-100">
289
+ <div class="relative h-48 overflow-hidden">
290
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
291
+ alt="Digital Marketing"
292
+ class="w-full h-full object-cover">
293
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
294
+ <span class="bg-gold text-navy text-xs font-bold px-2 py-1 rounded">MKTG 701</span>
295
+ </div>
296
+ </div>
297
+ <div class="p-6">
298
+ <div class="flex justify-between items-start mb-2">
299
+ <h3 class="font-serif text-xl font-bold text-navy">Digital Marketing Strategy</h3>
300
+ <span class="bg-gray-100 text-gray-800 text-xs font-bold px-2 py-1 rounded">3 Credits</span>
301
+ </div>
302
+ <p class="text-gray-600 mb-4">Master the latest digital marketing tools and strategies to drive business growth in the digital age.</p>
303
+ <div class="flex flex-wrap gap-2 mb-4">
304
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Digital</span>
305
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Strategy</span>
306
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Analytics</span>
307
+ </div>
308
+ <div class="flex justify-between items-center">
309
+ <div class="flex items-center text-sm text-gray-500">
310
+ <i class="fas fa-chalkboard-teacher mr-1 text-gold"></i>
311
+ <span>Prof. Johnson</span>
312
+ </div>
313
+ <a href="#" class="text-burgundy hover:underline font-medium">View Details</a>
314
+ </div>
315
+ </div>
316
+ </div>
317
+
318
+ <!-- Course Card 2 -->
319
+ <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300 animate-fade-in delay-200">
320
+ <div class="relative h-48 overflow-hidden">
321
+ <img src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
322
+ alt="Brand Management"
323
+ class="w-full h-full object-cover">
324
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
325
+ <span class="bg-gold text-navy text-xs font-bold px-2 py-1 rounded">MKTG 712</span>
326
+ </div>
327
+ </div>
328
+ <div class="p-6">
329
+ <div class="flex justify-between items-start mb-2">
330
+ <h3 class="font-serif text-xl font-bold text-navy">Luxury Brand Management</h3>
331
+ <span class="bg-gray-100 text-gray-800 text-xs font-bold px-2 py-1 rounded">4 Credits</span>
332
+ </div>
333
+ <p class="text-gray-600 mb-4">Explore the unique challenges of managing luxury brands and creating exceptional customer experiences.</p>
334
+ <div class="flex flex-wrap gap-2 mb-4">
335
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Luxury</span>
336
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Branding</span>
337
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Management</span>
338
+ </div>
339
+ <div class="flex justify-between items-center">
340
+ <div class="flex items-center text-sm text-gray-500">
341
+ <i class="fas fa-chalkboard-teacher mr-1 text-gold"></i>
342
+ <span>Prof. Laurent</span>
343
+ </div>
344
+ <a href="#" class="text-burgundy hover:underline font-medium">View Details</a>
345
+ </div>
346
+ </div>
347
+ </div>
348
+
349
+ <!-- Course Card 3 -->
350
+ <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300 animate-fade-in delay-300">
351
+ <div class="relative h-48 overflow-hidden">
352
+ <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
353
+ alt="Marketing Analytics"
354
+ class="w-full h-full object-cover">
355
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
356
+ <span class="bg-gold text-navy text-xs font-bold px-2 py-1 rounded">MKTG 725</span>
357
+ </div>
358
+ </div>
359
+ <div class="p-6">
360
+ <div class="flex justify-between items-start mb-2">
361
+ <h3 class="font-serif text-xl font-bold text-navy">Advanced Marketing Analytics</h3>
362
+ <span class="bg-gray-100 text-gray-800 text-xs font-bold px-2 py-1 rounded">3 Credits</span>
363
+ </div>
364
+ <p class="text-gray-600 mb-4">Learn to leverage data analytics to make informed marketing decisions and measure campaign effectiveness.</p>
365
+ <div class="flex flex-wrap gap-2 mb-4">
366
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Analytics</span>
367
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Data Science</span>
368
+ <span class="bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded">Metrics</span>
369
+ </div>
370
+ <div class="flex justify-between items-center">
371
+ <div class="flex items-center text-sm text-gray-500">
372
+ <i class="fas fa-chalkboard-teacher mr-1 text-gold"></i>
373
+ <span>Prof. Chen</span>
374
+ </div>
375
+ <a href="#" class="text-burgundy hover:underline font-medium">View Details</a>
376
+ </div>
377
+ </div>
378
+ </div>
379
+ </div>
380
+
381
+ <div class="text-center mt-12">
382
+ <a href="#" class="inline-block bg-navy hover:bg-opacity-90 text-white font-bold px-6 py-3 rounded transition">
383
+ View Full Course Catalog
384
+ </a>
385
+ </div>
386
+ </div>
387
+ </section>
388
+
389
+ <!-- Faculty Section -->
390
+ <section id="faculty" class="py-16 bg-white">
391
+ <div class="container mx-auto px-4">
392
+ <div class="text-center mb-12">
393
+ <h2 class="font-serif text-3xl md:text-4xl font-bold text-navy mb-4">Our Distinguished Faculty</h2>
394
+ <p class="text-gray-600 max-w-2xl mx-auto">
395
+ Learn from world-renowned marketing scholars and industry practitioners
396
+ </p>
397
+ </div>
398
+
399
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
400
+ <!-- Faculty Card 1 -->
401
+ <div class="faculty-card bg-gray-50 rounded-lg overflow-hidden shadow-sm transition duration-300">
402
+ <div class="p-6 flex flex-col md:flex-row md:items-center">
403
+ <div class="md:w-1/3 mb-4 md:mb-0 md:mr-6">
404
+ <div class="faculty-img overflow-hidden rounded-full w-32 h-32 mx-auto border-4 border-gold transition duration-300">
405
+ <img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
406
+ alt="Prof. Elizabeth Johnson"
407
+ class="w-full h-full object-cover">
408
+ </div>
409
+ </div>
410
+ <div class="md:w-2/3">
411
+ <h3 class="font-serif text-xl font-bold text-navy mb-1">Prof. Elizabeth Johnson</h3>
412
+ <p class="text-gold text-sm mb-2">Chair of Marketing Department</p>
413
+ <p class="text-gray-600 text-sm mb-3">
414
+ PhD in Marketing, Harvard University. Expert in consumer behavior and brand loyalty.
415
+ </p>
416
+ <div class="flex space-x-2">
417
+ <a href="#" class="text-burgundy hover:underline text-sm">Courses</a>
418
+ <span class="text-gray-400">•</span>
419
+ <a href="#" class="text-burgundy hover:underline text-sm">Research</a>
420
+ <span class="text-gray-400">•</span>
421
+ <a href="#" class="text-burgundy hover:underline text-sm">Contact</a>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+
427
+ <!-- Faculty Card 2 -->
428
+ <div class="faculty-card bg-gray-50 rounded-lg overflow-hidden shadow-sm transition duration-300">
429
+ <div class="p-6 flex flex-col md:flex-row md:items-center">
430
+ <div class="md:w-1/3 mb-4 md:mb-0 md:mr-6">
431
+ <div class="faculty-img overflow-hidden rounded-full w-32 h-32 mx-auto border-4 border-gold transition duration-300">
432
+ <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"
433
+ alt="Prof. Michael Chen"
434
+ class="w-full h-full object-cover">
435
+ </div>
436
+ </div>
437
+ <div class="md:w-2/3">
438
+ <h3 class="font-serif text-xl font-bold text-navy mb-1">Prof. Michael Chen</h3>
439
+ <p class="text-gold text-sm mb-2">Director of Marketing Analytics</p>
440
+ <p class="text-gray-600 text-sm mb-3">
441
+ PhD in Data Science, Stanford University. Specialist in predictive modeling and AI applications in marketing.
442
+ </p>
443
+ <div class="flex space-x-2">
444
+ <a href="#" class="text-burgundy hover:underline text-sm">Courses</a>
445
+ <span class="text-gray-400">•</span>
446
+ <a href="#" class="text-burgundy hover:underline text-sm">Research</a>
447
+ <span class="text-gray-400">•</span>
448
+ <a href="#" class="text-burgundy hover:underline text-sm">Contact</a>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+
454
+ <!-- Faculty Card 3 -->
455
+ <div class="faculty-card bg-gray-50 rounded-lg overflow-hidden shadow-sm transition duration-300">
456
+ <div class="p-6 flex flex-col md:flex-row md:items-center">
457
+ <div class="md:w-1/3 mb-4 md:mb-0 md:mr-6">
458
+ <div class="faculty-img overflow-hidden rounded-full w-32 h-32 mx-auto border-4 border-gold transition duration-300">
459
+ <img src="https://images.unsplash.com/photo-1545165375-1a3d55a42cd3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80"
460
+ alt="Prof. Sophie Laurent"
461
+ class="w-full h-full object-cover">
462
+ </div>
463
+ </div>
464
+ <div class="md:w-2/3">
465
+ <h3 class="font-serif text-xl font-bold text-navy mb-1">Prof. Sophie Laurent</h3>
466
+ <p class="text-gold text-sm mb-2">Visiting Professor</p>
467
+ <p class="text-gray-600 text-sm mb-3">
468
+ Former CMO at LVMH. Expert in luxury branding and global marketing strategies.
469
+ </p>
470
+ <div class="flex space-x-2">
471
+ <a href="#" class="text-burgundy hover:underline text-sm">Courses</a>
472
+ <span class="text-gray-400">•</span>
473
+ <a href="#" class="text-burgundy hover:underline text-sm">Research</a>
474
+ <span class="text-gray-400">•</span>
475
+ <a href="#" class="text-burgundy hover:underline text-sm">Contact</a>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ </div>
481
+
482
+ <div class="text-center mt-12">
483
+ <a href="#" class="inline-block bg-navy hover:bg-opacity-90 text-white font-bold px-6 py-3 rounded transition">
484
+ Meet All Faculty Members
485
+ </a>
486
+ </div>
487
+ </div>
488
+ </section>
489
+
490
+ <!-- Discussion Platform Section -->
491
+ <section id="discussions" class="py-16 bg-gray-50">
492
+ <div class="container mx-auto px-4">
493
+ <div class="text-center mb-12">
494
+ <h2 class="font-serif text-3xl md:text-4xl font-bold text-navy mb-4">Student-Faculty Discussions</h2>
495
+ <p class="text-gray-600 max-w-2xl mx-auto">
496
+ Engage with faculty and peers in our interactive learning platform
497
+ </p>
498
+ </div>
499
+
500
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
501
+ <div class="flex flex-col md:flex-row">
502
+ <!-- Discussion Sidebar -->
503
+ <div class="md:w-1/4 bg-gray-100 p-6 border-r border-gray-200">
504
+ <h3 class="font-serif text-xl font-bold text-navy mb-4">My Courses</h3>
505
+ <ul class="space-y-2">
506
+ <li>
507
+ <a href="#" class="flex items-center text-burgundy hover:text-burgundy-dark">
508
+ <i class="fas fa-bookmark mr-2 text-gold"></i>
509
+ <span>Digital Marketing Strategy</span>
510
+ </a>
511
+ </li>
512
+ <li>
513
+ <a href="#" class="flex items-center text-gray-700 hover:text-burgundy">
514
+ <i class="fas fa-bookmark mr-2 text-gray-400"></i>
515
+ <span>Consumer Behavior</span>
516
+ </a>
517
+ </li>
518
+ <li>
519
+ <a href="#" class="flex items-center text-gray-700 hover:text-burgundy">
520
+ <i class="fas fa-bookmark mr-2 text-gray-400"></i>
521
+ <span>Marketing Analytics</span>
522
+ </a>
523
+ </li>
524
+ </ul>
525
+
526
+ <h3 class="font-serif text-xl font-bold text-navy mt-8 mb-4">Recent Messages</h3>
527
+ <ul class="space-y-3">
528
+ <li class="flex items-start">
529
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-300 overflow-hidden mr-3">
530
+ <img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
531
+ alt="Prof. Johnson"
532
+ class="w-full h-full object-cover">
533
+ </div>
534
+ <div>
535
+ <p class="text-sm font-medium text-gray-900">Prof. Johnson</p>
536
+ <p class="text-xs text-gray-500 truncate">Regarding your question about the case study...</p>
537
+ </div>
538
+ </li>
539
+ <li class="flex items-start">
540
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-300 overflow-hidden mr-3">
541
+ <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"
542
+ alt="Prof. Chen"
543
+ class="w-full h-full object-cover">
544
+ </div>
545
+ <div>
546
+ <p class="text-sm font-medium text-gray-900">Prof. Chen</p>
547
+ <p class="text-xs text-gray-500 truncate">Your analysis was excellent, let's discuss further...</p>
548
+ </div>
549
+ </li>
550
+ </ul>
551
+ </div>
552
+
553
+ <!-- Discussion Main Content -->
554
+ <div class="md:w-3/4 p-6">
555
+ <div class="flex justify-between items-center mb-6">
556
+ <h3 class="font-serif text-xl font-bold text-navy">Digital Marketing Strategy Discussions</h3>
557
+ <button class="bg-burgundy hover:bg-opacity-90 text-white px-4 py-2 rounded text-sm">
558
+ <i class="fas fa-plus mr-1"></i> New Thread
559
+ </button>
560
+ </div>
561
+
562
+ <!-- Search and Filter -->
563
+ <div class="mb-6">
564
+ <div class="flex flex-col md:flex-row md:items-center md:space-x-4 space-y-4 md:space-y-0">
565
+ <div class="relative flex-1">
566
+ <input type="text" placeholder="Search discussions..." class="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-gold">
567
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
568
+ </div>
569
+ <select class="border rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-gold">
570
+ <option>All Topics</option>
571
+ <option>Assignments</option>
572
+ <option>Readings</option>
573
+ <option>Case Studies</option>
574
+ <option>General</option>
575
+ </select>
576
+ </div>
577
+ </div>
578
+
579
+ <!-- Discussion Threads -->
580
+ <div class="space-y-4">
581
+ <!-- Thread 1 -->
582
+ <div class="discussion-post bg-white border border-gray-200 rounded-lg p-4 hover:shadow-sm transition duration-300">
583
+ <div class="flex items-start mb-3">
584
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-300 overflow-hidden mr-3">
585
+ <img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
586
+ alt="Sarah Miller"
587
+ class="w-full h-full object-cover">
588
+ </div>
589
+ <div>
590
+ <div class="flex items-center">
591
+ <p class="font-medium text-gray-900 mr-2">Sarah Miller</p>
592
+ <span class="text-xs text-gray-500">2 hours ago</span>
593
+ </div>
594
+ <p class="text-sm text-gray-500">Student</p>
595
+ </div>
596
+ </div>
597
+ <h4 class="font-serif text-lg font-bold text-navy mb-2">Question about Week 3 Case Study Analysis</h4>
598
+ <p class="text-gray-700 mb-3">
599
+ I'm having trouble understanding the customer segmentation approach used in the case study. Could someone clarify how the personas were developed?
600
+ </p>
601
+ <div class="flex items-center text-sm text-gray-500">
602
+ <span class="mr-4"><i class="fas fa-comment mr-1 text-gold"></i> 5 replies</span>
603
+ <span><i class="fas fa-eye mr-1 text-gold"></i> 24 views</span>
604
+ </div>
605
+ </div>
606
+
607
+ <!-- Thread 2 -->
608
+ <div class="discussion-post bg-white border border-gray-200 rounded-lg p-4 hover:shadow-sm transition duration-300">
609
+ <div class="flex items-start mb-3">
610
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-300 overflow-hidden mr-3">
611
+ <img src="https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
612
+ alt="Prof. Johnson"
613
+ class="w-full h-full object-cover">
614
+ </div>
615
+ <div>
616
+ <div class="flex items-center">
617
+ <p class="font-medium text-gray-900 mr-2">Prof. Johnson</p>
618
+ <span class="text-xs text-gray-500">Yesterday</span>
619
+ </div>
620
+ <p class="text-sm text-gray-500">Instructor</p>
621
+ </div>
622
+ </div>
623
+ <h4 class="font-serif text-lg font-bold text-navy mb-2">Additional Resources for SEO Module</h4>
624
+ <p class="text-gray-700 mb-3">
625
+ I've compiled a list of additional resources that will help you dive deeper into the SEO strategies we discussed in class today. These include...
626
+ </p>
627
+ <div class="flex items-center text-sm text-gray-500">
628
+ <span class="mr-4"><i class="fas fa-comment mr-1 text-gold"></i> 8 replies</span>
629
+ <span><i class="fas fa-eye mr-1 text-gold"></i> 32 views</span>
630
+ </div>
631
+ </div>
632
+
633
+ <!-- Thread 3 -->
634
+ <div class="discussion-post bg-white border border-gray-200 rounded-lg p-4 hover:shadow-sm transition duration-300">
635
+ <div class="flex items-start mb-3">
636
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-gray-300 overflow-hidden mr-3">
637
+ <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"
638
+ alt="David Kim"
639
+ class="w-full h-full object-cover">
640
+ </div>
641
+ <div>
642
+ <div class="flex items-center">
643
+ <p class="font-medium text-gray-900 mr-2">David Kim</p>
644
+ <span class="text-xs text-gray-500">3 days ago</span>
645
+ </div>
646
+ <p class="text-sm text-gray-500">Student</p>
647
+ </div>
648
+ </div>
649
+ <h4 class="font-serif text-lg font-bold text-navy mb-2">Study Group for Midterm Exam</h4>
650
+ <p class="text-gray-700 mb-3">
651
+ I'm organizing a study group to prepare for the midterm exam. We'll meet in the library study rooms on Wednesday evening. Who's interested?
652
+ </p>
653
+ <div class="flex items-center text-sm text-gray-500">
654
+ <span class="mr-4"><i class="fas fa-comment mr-1 text-gold"></i> 12 replies</span>
655
+ <span><i class="fas fa-eye mr-1 text-gold"></i> 45 views</span>
656
+ </div>
657
+ </div>
658
+ </div>
659
+
660
+ <div class="mt-6 flex justify-between items-center">
661
+ <span class="text-sm text-gray-600">Showing 1-3 of 15 discussions</span>
662
+ <div class="flex space-x-2">
663
+ <button class="px-3 py-1 border rounded text-gray-700 hover:bg-gray-100">Previous</button>
664
+ <button class="px-3 py-1 border rounded bg-navy text-white">1</button>
665
+ <button class="px-3 py-1 border rounded text-gray-700 hover:bg-gray-100">2</button>
666
+ <button class="px-3 py-1 border rounded text-gray-700 hover:bg-gray-100">3</button>
667
+ <button class="px-3 py-1 border rounded text-gray-700 hover:bg-gray-100">Next</button>
668
+ </div>
669
+ </div>
670
+ </div>
671
+ </div>
672
+ </div>
673
+ </div>
674
+ </section>
675
+
676
+ <!-- Testimonials Section -->
677
+ <section class="py-16 bg-burgundy text-white">
678
+ <div class="container mx-auto px-4">
679
+ <div class="text-center mb-12">
680
+ <h2 class="font-serif text-3xl md:text-4xl font-bold mb-4">What Our Students Say</h2>
681
+ <p class="max-w-2xl mx-auto opacity-90">
682
+ Hear from our alumni about their transformative experiences in the Ivy Marketing MBA program
683
+ </p>
684
+ </div>
685
+
686
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
687
+ <!-- Testimonial 1 -->
688
+ <div class="bg-white bg-opacity-10 rounded-lg p-8 backdrop-blur-sm">
689
+ <div class="flex items-center mb-4">
690
+ <div class="flex-shrink-0 h-12 w-12 rounded-full overflow-hidden mr-4 border-2 border-gold">
691
+ <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"
692
+ alt="Emily Rodriguez"
693
+ class="w-full h-full object-cover">
694
+ </div>
695
+ <div>
696
+ <h4 class="font-bold">Emily Rodriguez</h4>
697
+ <p class="text-sm opacity-80">Class of 2021, Marketing Director at TechStart</p>
698
+ </div>
699
+ </div>
700
+ <p class="italic">
701
+ "The Ivy Marketing MBA gave me the strategic framework and analytical tools to excel in today's competitive digital landscape. The faculty's real-world experience was invaluable."
702
+ </p>
703
+ <div class="flex mt-4 text-gold">
704
+ <i class="fas fa-star"></i>
705
+ <i class="fas fa-star"></i>
706
+ <i class="fas fa-star"></i>
707
+ <i class="fas fa-star"></i>
708
+ <i class="fas fa-star"></i>
709
+ </div>
710
+ </div>
711
+
712
+ <!-- Testimonial 2 -->
713
+ <div class="bg-white bg-opacity-10 rounded-lg p-8 backdrop-blur-sm">
714
+ <div class="flex items-center mb-4">
715
+ <div class="flex-shrink-0 h-12 w-12 rounded-full overflow-hidden mr-4 border-2 border-gold">
716
+ <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"
717
+ alt="James Wilson"
718
+ class="w-full h-full object-cover">
719
+ </div>
720
+ <div>
721
+ <h4 class="font-bold">James Wilson</h4>
722
+ <p class="text-sm opacity-80">Class of 2019, VP of Marketing at GlobalBrands</p>
723
+ </div>
724
+ </div>
725
+ <p class="italic">
726
+ "The case study method and access to industry leaders through the program's network prepared me for executive leadership better than I could have imagined."
727
+ </p>
728
+ <div class="flex mt-4 text-gold">
729
+ <i class="fas fa-star"></i>
730
+ <i class="fas fa-star"></i>
731
+ <i class="fas fa-star"></i>
732
+ <i class="fas fa-star"></i>
733
+ <i class="fas fa-star"></i>
734
+ </div>
735
+ </div>
736
+
737
+ <!-- Testimonial 3 -->
738
+ <div class="bg-white bg-opacity-10 rounded-lg p-8 backdrop-blur-sm">
739
+ <div class="flex items-center mb-4">
740
+ <div class="flex-shrink-0 h-12 w-12 rounded-full overflow-hidden mr-4 border-2 border-gold">
741
+ <img src="https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=687&q=80"
742
+ alt="Priya Patel"
743
+ class="w-full h-full object-cover">
744
+ </div>
745
+ <div>
746
+ <h4 class="font-bold">Priya Patel</h4>
747
+ <p class="text-sm opacity-80">Class of 2022, Digital Strategy Consultant</p>
748
+ </div>
749
+ </div>
750
+ <p class="italic">
751
+ "The marketing analytics specialization gave me cutting-edge skills that made me stand out in the job market. I had multiple offers before graduation."
752
+ </p>
753
+ <div class="flex mt-4 text-gold">
754
+ <i class="fas fa-star"></i>
755
+ <i class="fas fa-star"></i>
756
+ <i class="fas fa-star"></i>
757
+ <i class="fas fa-star"></i>
758
+ <i class="fas fa-star-half-alt"></i>
759
+ </div>
760
+ </div>
761
+ </div>
762
+ </div>
763
+ </section>
764
+
765
+ <!-- CTA Section -->
766
+ <section class="py-16 bg-navy text-white">
767
+ <div class="container mx-auto px-4">
768
+ <div class="text-center">
769
+ <h2 class="font-serif text-3xl md:text-4xl font-bold mb-6">Ready to Transform Your Marketing Career?</h2>
770
+ <p class="text-xl mb-8 max-w-3xl mx-auto">
771
+ Join the next generation of marketing leaders at one of the world's most prestigious business programs.
772
+ </p>
773
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
774
+ <a href="#" class="bg-gold hover:bg-opacity-90 text-navy font-bold px-8 py-3 rounded-lg transition">
775
+ Request Information
776
+ </a>
777
+ <a href="#" class="bg-transparent hover:bg-white hover:bg-opacity-10 border border-white text-white font-bold px-8 py-3 rounded-lg transition">
778
+ Schedule a Visit
779
+ </a>
780
+ </div>
781
+ </div>
782
+ </div>
783
+ </section>
784
+
785
+ <!-- Footer -->
786
+ <footer class="bg-gray-900 text-white pt-16 pb-8">
787
+ <div class="container mx-auto px-4">
788
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
789
+ <!-- About -->
790
+ <div>
791
+ <h3 class="font-serif text-xl font-bold mb-4">Ivy Marketing MBA</h3>
792
+ <p class="text-gray-400 mb-4">
793
+ A world-class marketing education grounded in Ivy League academic excellence and real-world business application.
794
+ </p>
795
+ <div class="flex space-x-4">
796
+ <a href="#" class="text-gray-400 hover:text-gold transition">
797
+ <i class="fab fa-facebook-f"></i>
798
+ </a>
799
+ <a href="#" class="text-gray-400 hover:text-gold transition">
800
+ <i class="fab fa-twitter"></i>
801
+ </a>
802
+ <a href="#" class="text-gray-400 hover:text-gold transition">
803
+ <i class="fab fa-linkedin-in"></i>
804
+ </a>
805
+ <a href="#" class="text-gray-400 hover:text-gold transition">
806
+ <i class="fab fa-instagram"></i>
807
+ </a>
808
+ </div>
809
+ </div>
810
+
811
+ <!-- Quick Links -->
812
+ <div>
813
+ <h3 class="font-serif text-xl font-bold mb-4">Quick Links</h3>
814
+ <ul class="space-y-2">
815
+ <li><a href="#" class="text-gray-400 hover:text-gold transition">Program Overview</a></li>
816
+ <li><a href="#" class="text-gray-400 hover:text-gold transition">Admissions</a></li>
817
+ <li><a href="#" class="text-gray-400 hover:text-gold transition">Tuition & Financial Aid</a></li>
818
+ <li><a href="#" class="text-gray-400 hover:text-gold transition">Student Life</a></li>
819
+ <li><a href="#" class="text-gray-400 hover:text-gold transition">Career Services</a></li>
820
+ </ul>
821
+ </div>
822
+
823
+ <!-- Contact -->
824
+ <div>
825
+ <h3 class="font-serif text-xl font-bold mb-4">Contact Us</h3>
826
+ <ul class="space-y-3">
827
+ <li class="flex items-start">
828
+ <i class="fas fa-map-marker-alt text-gold mt-1 mr-3"></i>
829
+ <span class="text-gray-400">123 Ivy League Drive<br>Cambridge, MA 02138</span>
830
+ </li>
831
+ <li class="flex items-center">
832
+ <i class="fas fa-phone text-gold mr-3"></i>
833
+ <span class="text-gray-400">(617) 555-0100</span>
834
+ </li>
835
+ <li class="flex items-center">
836
+ <i class="fas fa-envelope text-gold mr-3"></i>
837
+ <span class="text-gray-400">mba-marketing@ivy.edu</span>
838
+ </li>
839
+ </ul>
840
+ </div>
841
+
842
+ <!-- Newsletter -->
843
+ <div>
844
+ <h3 class="font-serif text-xl font-bold mb-4">Stay Updated</h3>
845
+ <p class="text-gray-400 mb-4">
846
+ Subscribe to our newsletter for program updates and events.
847
+ </p>
848
+ <form class="flex">
849
+ <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l-lg focus:outline-none text-gray-900 w-full">
850
+ <button type="submit" class="bg-gold text-navy px-4 py-2 rounded-r-lg font-bold">
851
+ <i class="fas fa-paper-plane"></i>
852
+ </button>
853
+ </form>
854
+ </div>
855
+ </div>
856
+
857
+ <div class="pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
858
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">
859
+ &copy; 2023 Ivy Marketing MBA Program. All rights reserved.
860
+ </p>
861
+ <div class="flex space-x-6">
862
+ <a href="#" class="text-gray-500 hover:text-gold text-sm transition">Privacy Policy</a>
863
+ <a href="#" class="text-gray-500 hover:text-gold text-sm transition">Terms of Service</a>
864
+ <a href="#" class="text-gray-500 hover:text-gold text-sm transition">Accessibility</a>
865
+ </div>
866
+ </div>
867
+ </div>
868
+ </footer>
869
+
870
+ <!-- Course Modal (hidden by default) -->
871
+ <div id="course-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
872
+ <div class="bg-white rounded-lg shadow-xl max-w-4xl w-full max-h-screen overflow-y-auto">
873
+ <div class="p-6">
874
+ <div class="flex justify-between items-start mb-6">
875
+ <div>
876
+ <h3 class="font-serif text-2xl font-bold text-navy">Digital Marketing Strategy</h3>
877
+ <p class="text-gray-600">MKTG 701 | 3 Credit Hours</p>
878
+ </div>
879
+ <button id="close-modal" class="text-gray-500 hover:text-gray-700">
880
+ <i class="fas fa-times text-xl"></i>
881
+ </button>
882
+ </div>
883
+
884
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-8">
885
+ <div class="lg:col-span-2">
886
+ <div class="mb-6">
887
+ <h4 class="font-serif text-xl font-bold text-navy mb-3">Course Description</h4>
888
+ <p class="text-gray-700">
889
+ This course provides a comprehensive framework for developing and implementing digital marketing strategies that drive business growth. Students will explore the latest digital marketing tools, platforms, and analytics techniques while developing strategic thinking skills applicable to various business contexts. The course combines theoretical foundations with practical applications through case studies, simulations, and a hands-on digital marketing project.
890
+ </p>
891
+ </div>
892
+
893
+ <div class="mb-6">
894
+ <h4 class="font-serif text-xl font-bold text-navy mb-3">Learning Objectives</h4>
895
+ <ul class="list-disc list-inside text-gray-700 space-y-2">
896
+ <li>Develop strategic digital marketing plans aligned with business objectives</li>
897
+ <li>Master SEO, SEM, social media, email, and content marketing strategies</li>
898
+ <li>Analyze and interpret digital marketing metrics to optimize campaigns</li>
899
+ <li>Understand customer journey mapping and conversion optimization</li>
900
+ <li>Evaluate emerging digital marketing technologies and trends</li>
901
+ </ul>
902
+ </div>
903
+ </div>
904
+
905
+ <div>
906
+ <div class="bg-gray-50 p-6 rounded-lg">
907
+ <h4 class="font-serif text-xl font-bold text-navy mb-4">Course Details</h4>
908
+
909
+ <div class="mb-4">
910
+ <h5 class="font-bold text-gray-700 mb-2">Prerequisites</h5>
911
+ <p class="text-gray-600">MKTG 600 or equivalent introductory marketing course</p>
912
+ </div>
913
+
914
+ <div class="mb-4">
915
+ <h5 class="font-bold text-gray-700 mb-2">Instructor</h5>
916
+ <p class="text-gray-600">Prof. Elizabeth Johnson</p>
917
+ </div>
918
+
919
+ <div class="mb-4">
920
+ <h5 class="font-bold text-gray-700 mb-2">Schedule</h5>
921
+ <p class="text-gray-600">Tues/Thurs 10:30-11:45am</p>
922
+ </div>
923
+
924
+ <div class="mb-4">
925
+ <h5 class="font-bold text-gray-700 mb-2">Location</h5>
926
+ <p class="text-gray-600">Ivy Business School, Room 205</p>
927
+ </div>
928
+
929
+ <div class="mb-4">
930
+ <h5 class="font-bold text-gray-700 mb-2">Assessment</h5>
931
+ <ul class="list-disc list-inside text-gray-600 space-y-1">
932
+ <li>Case Studies (30%)</li>
933
+ <li>Digital Marketing Project (35%)</li>
934
+ <li>Midterm Exam (15%)</li>
935
+ <li>Participation (20%)</li>
936
+ </ul>
937
+ </div>
938
+
939
+ <button class="w-full bg-burgundy hover:bg-opacity-90 text-white font-bold py-2 px-4 rounded transition">
940
+ Enroll Now
941
+ </button>
942
+ </div>
943
+ </div>
944
+ </div>
945
+
946
+ <div class="mb-8">
947
+ <h4 class="font-serif text-xl font-bold text-navy mb-4">Weekly Syllabus</h4>
948
+ <div class="overflow-x-auto">
949
+ <table class="min-w-full bg-white border border-gray-200">
950
+ <thead class="bg-gray-100">
951
+ <tr>
952
+ <th class="py-2 px-4 border-b text-left text-gray-700">Week</th>
953
+ <th class="py-2 px-4 border-b text-left text-gray-700">Topic</th>
954
+ <th class="py-2 px-4 border-b text-left text-gray-700">Readings</th>
955
+ </tr>
956
+ </thead>
957
+ <tbody>
958
+ <tr>
959
+ <td class="py-2 px-4 border-b">1</td>
960
+ <td class="py-2 px-4 border-b">Digital Marketing Landscape</td>
961
+ <td class="py-2 px-4 border-b">Ch. 1-2</td>
962
+ </tr>
963
+ <tr>
964
+ <td class="py-2 px-4 border-b">2</td>
965
+ <td class="py-2 px-4 border-b">Customer Journey Mapping</td>
966
+ <td class="py-2 px-4 border-b">Ch. 3, Case Study A</td>
967
+ </tr>
968
+ <tr>
969
+ <td class="py-2 px-4 border-b">3</td>
970
+ <td class="py-2 px-4 border-b">SEO & Content Strategy</td>
971
+ <td class="py-2 px-4 border-b">Ch. 4-5</td>
972
+ </tr>
973
+ <tr>
974
+ <td class="py-2 px-4 border-b">4</td>
975
+ <td class="py-2 px-4 border-b">Social Media Marketing</td>
976
+ <td class="py-2 px-4 border-b">Ch. 6, Case Study B</td>
977
+ </tr>
978
+ <tr>
979
+ <td class="py-2 px-4 border-b">5</td>
980
+ <td class="py-2 px-4 border-b">Paid Advertising & SEM</td>
981
+ <td class="py-2 px-4 border-b">Ch. 7-8</td>
982
+ </tr>
983
+ </tbody>
984
+ </table>
985
+ </div>
986
+ </div>
987
+
988
+ <div>
989
+ <h4 class="font-serif text-xl font-bold text-navy mb-4">Required Materials</h4>
990
+ <div class="bg-gray-50 p-4 rounded-lg">
991
+ <h5 class="font-bold text-gray-700 mb-2">Textbooks</h5>
992
+ <ul class="list-disc list-inside text-gray-700 space-y-2 mb-4">
993
+ <li>Digital Marketing Strategy by Simon Kingsnorth (3rd Edition)</li>
994
+ <li>Contagious: Why Things Catch On by Jonah Berger</li>
995
+ </ul>
996
+
997
+ <h5 class="font-bold text-gray-700 mb-2">Software & Tools</h5>
998
+ <ul class="list-disc list-inside text-gray-700 space-y-2">
999
+ <li>Google Analytics Certification (Free)</li>
1000
+ <li>SEMrush Academic License (Provided)</li>
1001
+ <li>Hootsuite Social Media Dashboard</li>
1002
+ </ul>
1003
+ </div>
1004
+ </div>
1005
+ </div>
1006
+ </div>
1007
+ </div>
1008
+
1009
+ <script>
1010
+ // Mobile menu toggle
1011
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
1012
+ const menu = document.getElementById('mobile-menu');
1013
+ menu.classList.toggle('hidden');
1014
+ });
1015
+
1016
+ // Course modal functionality
1017
+ const viewDetailsLinks = document.querySelectorAll('a[href="#"]');
1018
+ const courseModal = document.getElementById('course-modal');
1019
+ const closeModal = document.getElementById('close-modal');
1020
+
1021
+ viewDetailsLinks.forEach(link => {
1022
+ link.addEventListener('click', function(e) {
1023
+ e.preventDefault();
1024
+ courseModal.classList.remove('hidden');
1025
+ document.body.style.overflow = 'hidden';
1026
+ });
1027
+ });
1028
+
1029
+ closeModal.addEventListener('click', function() {
1030
+ courseModal.classList.add('hidden');
1031
+ document.body.style.overflow = 'auto';
1032
+ });
1033
+
1034
+ // Close modal when clicking outside
1035
+ courseModal.addEventListener('click', function(e) {
1036
+ if (e.target === courseModal) {
1037
+ courseModal.classList.add('hidden');
1038
+ document.body.style.overflow = 'auto';
1039
+ }
1040
+ });
1041
+
1042
+ // Smooth scrolling for navigation links
1043
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1044
+ anchor.addEventListener('click', function(e) {
1045
+ e.preventDefault();
1046
+
1047
+ const targetId = this.getAttribute('href');
1048
+ if (targetId === '#') return;
1049
+
1050
+ const targetElement = document.querySelector(targetId);
1051
+ if (targetElement) {
1052
+ // Close mobile menu if open
1053
+ const mobileMenu = document.getElementById('mobile-menu');
1054
+ if (!mobileMenu.classList.contains('hidden')) {
1055
+ mobileMenu.classList.add('hidden');
1056
+ }
1057
+
1058
+ // Calculate position with offset for fixed header
1059
+ const headerHeight = document.querySelector('nav').offsetHeight;
1060
+ const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - headerHeight;
1061
+
1062
+ window.scrollTo({
1063
+ top: targetPosition,
1064
+ behavior: 'smooth'
1065
+ });
1066
+ }
1067
+ });
1068
+ });
1069
+
1070
+ // Animate elements when they come into view
1071
+ const animateOnScroll = function() {
1072
+ const elements = document.querySelectorAll('.animate-fade-in');
1073
+
1074
+ elements.forEach(element => {
1075
+ const elementPosition = element.getBoundingClientRect().top;
1076
+ const windowHeight = window.innerHeight;
1077
+
1078
+ if (elementPosition < windowHeight - 100) {
1079
+ element.style.opacity = '1';
1080
+ element.style.transform = 'translateY(0)';
1081
+ }
1082
+ });
1083
+ };
1084
+
1085
+ // Set initial state for animated elements
1086
+ document.querySelectorAll('.animate-fade-in').forEach(element => {
1087
+ element.style.opacity = '0';
1088
+ element.style.transform = 'translateY(20px)';
1089
+ element.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';
1090
+ });
1091
+
1092
+ // Run once on page load
1093
+ animateOnScroll();
1094
+
1095
+ // Run on scroll
1096
+ window.addEventListener('scroll', animateOnScroll);
1097
+ </script>
1098
+ <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=arhs/deepartifacts" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1099
+ </html>
prompts.txt ADDED
File without changes