Spaces:
Running
Running
File size: 23,445 Bytes
ead63a3 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programs | Econovation</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="programs.css">
<link rel="stylesheet" href="creative.css">
</head>
<body class="animated-gradient-bg">
<!-- Navigation bar removed -->
<!-- Hero Section -->
<section class="hero-section bg-gradient-to-r from-blue-600 to-indigo-700 text-white py-20">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-4 slide-up">Our Educational Programs</h1>
<p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8 slide-up">Empowering the next generation of economic thinkers and innovators</p>
<a href="#programs" class="econov-btn econov-btn-outline text-white border-white hover:bg-white hover:text-blue-700 slide-up">Explore Programs</a>
</div>
</section>
<!-- Programs Overview -->
<section id="programs" class="section bg-gray-50">
<div class="container">
<h2 class="section-title">Our Programs</h2>
<p class="section-subtitle">Discover our comprehensive range of educational initiatives designed to foster economic understanding and innovation</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-12">
<!-- Program Card 1 -->
<div class="program-card glass-card">
<div class="program-card-inner">
<div class="program-icon bg-blue-100 text-blue-600">
<i class="fas fa-graduation-cap"></i>
</div>
<h3 class="program-title">Economic Literacy</h3>
<p class="program-description">Foundation course covering essential economic principles, market dynamics, and financial literacy for beginners.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>8 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Beginner</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<!-- Program Card 2 -->
<div class="program-card">
<div class="program-card-inner">
<div class="program-icon bg-green-100 text-green-600">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="program-title">Sustainable Economics</h3>
<p class="program-description">Explore the intersection of economics and sustainability, focusing on green policies and circular economy models.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>10 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Intermediate</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<!-- Program Card 3 -->
<div class="program-card">
<div class="program-card-inner">
<div class="program-icon bg-purple-100 text-purple-600">
<i class="fas fa-lightbulb"></i>
</div>
<h3 class="program-title">Innovation & Entrepreneurship</h3>
<p class="program-description">Develop entrepreneurial skills and learn how to transform economic insights into viable business ventures.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>12 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Advanced</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<!-- Program Card 4 -->
<div class="program-card">
<div class="program-card-inner">
<div class="program-icon bg-yellow-100 text-yellow-600">
<i class="fas fa-globe-americas"></i>
</div>
<h3 class="program-title">Global Economics</h3>
<p class="program-description">Analyze international trade, global markets, and cross-border economic relationships in our interconnected world.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>10 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Intermediate</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<!-- Program Card 5 -->
<div class="program-card">
<div class="program-card-inner">
<div class="program-icon bg-red-100 text-red-600">
<i class="fas fa-calculator"></i>
</div>
<h3 class="program-title">Quantitative Economics</h3>
<p class="program-description">Master data analysis, statistical methods, and econometric modeling to solve complex economic problems.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>14 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Advanced</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<!-- Program Card 6 -->
<div class="program-card">
<div class="program-card-inner">
<div class="program-icon bg-indigo-100 text-indigo-600">
<i class="fas fa-users"></i>
</div>
<h3 class="program-title">Economic Policy & Governance</h3>
<p class="program-description">Examine how economic policies are developed, implemented, and their impact on society and markets.</p>
<div class="program-details">
<div class="program-detail">
<i class="fas fa-clock"></i>
<span>12 Weeks</span>
</div>
<div class="program-detail">
<i class="fas fa-user-graduate"></i>
<span>Intermediate</span>
</div>
</div>
<a href="#" class="program-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Curriculum Section -->
<section class="section bg-white">
<div class="container">
<h2 class="section-title">Our Curriculum Approach</h2>
<p class="section-subtitle">We combine theoretical knowledge with practical applications to provide a comprehensive learning experience</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 mt-12">
<div class="curriculum-image rounded-lg overflow-hidden shadow-lg">
<img src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Students learning" class="w-full h-full object-cover">
</div>
<div class="curriculum-content">
<div class="curriculum-item">
<div class="curriculum-icon">
<i class="fas fa-book"></i>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Theoretical Foundations</h3>
<p class="text-gray-600">Build a solid understanding of economic principles, theories, and models that form the basis of economic thinking.</p>
</div>
</div>
<div class="curriculum-item">
<div class="curriculum-icon">
<i class="fas fa-hands-helping"></i>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Practical Applications</h3>
<p class="text-gray-600">Apply theoretical knowledge to real-world scenarios through case studies, simulations, and project-based learning.</p>
</div>
</div>
<div class="curriculum-item">
<div class="curriculum-icon">
<i class="fas fa-comments"></i>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Critical Discourse</h3>
<p class="text-gray-600">Engage in thoughtful discussions and debates to develop critical thinking and analytical skills.</p>
</div>
</div>
<div class="curriculum-item">
<div class="curriculum-icon">
<i class="fas fa-project-diagram"></i>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Interdisciplinary Approach</h3>
<p class="text-gray-600">Explore connections between economics and other fields such as psychology, sociology, and environmental science.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="section bg-gray-50">
<div class="container">
<h2 class="section-title">What Our Students Say</h2>
<p class="section-subtitle">Hear from participants who have experienced our programs</p>
<div class="testimonials-slider mt-12">
<!-- Testimonial 1 -->
<div class="testimonial-card">
<div class="testimonial-content">
<p class="testimonial-text">"The Economic Literacy program provided me with a solid foundation in economic principles that I use daily in my business decisions. The instructors were knowledgeable and supportive throughout the course."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">
<img src="https://randomuser.me/api/portraits/women/45.jpg" alt="Sarah Johnson">
</div>
<div>
<h4 class="testimonial-name">Sarah Johnson</h4>
<p class="testimonial-role">Small Business Owner</p>
</div>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card">
<div class="testimonial-content">
<p class="testimonial-text">"The Sustainable Economics program changed my perspective on how economic systems can be redesigned to benefit both people and the planet. I'm now working on implementing these principles in my community."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen">
</div>
<div>
<h4 class="testimonial-name">Michael Chen</h4>
<p class="testimonial-role">Environmental Consultant</p>
</div>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card">
<div class="testimonial-content">
<p class="testimonial-text">"The Innovation & Entrepreneurship program gave me the tools and confidence to launch my startup. The mentorship and network I gained have been invaluable to my journey as an entrepreneur."</p>
<div class="testimonial-author">
<div class="testimonial-avatar">
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Aisha Patel">
</div>
<div>
<h4 class="testimonial-name">Aisha Patel</h4>
<p class="testimonial-role">Tech Startup Founder</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section class="section bg-gradient-to-r from-blue-600 to-indigo-700 text-white">
<div class="container text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to Start Your Learning Journey?</h2>
<p class="text-xl max-w-3xl mx-auto mb-8">Join our programs and become part of a community dedicated to economic innovation and positive change.</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#programs" class="econov-btn econov-btn-outline text-white border-white hover:bg-white hover:text-blue-700">Explore Programs</a>
<a href="contact-us.html" class="econov-btn econov-btn-primary bg-white text-blue-700 hover:bg-gray-100">Contact Us</a>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="section bg-white">
<div class="container">
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-subtitle">Find answers to common questions about our programs</p>
<div class="max-w-3xl mx-auto mt-12">
<!-- FAQ Item 1 -->
<div class="faq-item">
<button class="faq-question">
<span>What are the prerequisites for joining your programs?</span>
<i class="fas fa-chevron-down faq-icon"></i>
</button>
<div class="faq-answer">
<p>Most of our beginner programs have no specific prerequisites other than a general interest in economics and a willingness to learn. For intermediate and advanced programs, we recommend having basic knowledge of economic principles or completing our foundational courses first. Each program page lists specific requirements.</p>
</div>
</div>
<!-- FAQ Item 2 -->
<div class="faq-item">
<button class="faq-question">
<span>Are the programs offered online or in-person?</span>
<i class="fas fa-chevron-down faq-icon"></i>
</button>
<div class="faq-answer">
<p>We offer both online and in-person options for most of our programs. Our online courses provide flexibility for remote learning, while our in-person sessions offer hands-on experience and direct interaction with instructors and peers. Some programs may be available in hybrid formats as well.</p>
</div>
</div>
<!-- FAQ Item 3 -->
<div class="faq-item">
<button class="faq-question">
<span>How much time commitment is required for each program?</span>
<i class="fas fa-chevron-down faq-icon"></i>
</button>
<div class="faq-answer">
<p>Time commitments vary by program. Beginner courses typically require 3-5 hours per week, while intermediate and advanced programs may require 5-10 hours weekly. Each program page provides specific information about the expected time commitment, including class hours and independent study time.</p>
</div>
</div>
<!-- FAQ Item 4 -->
<div class="faq-item">
<button class="faq-question">
<span>Are there any scholarships or financial aid available?</span>
<i class="fas fa-chevron-down faq-icon"></i>
</button>
<div class="faq-answer">
<p>Yes, we offer scholarships and financial aid options for eligible participants. We believe in making quality economic education accessible to all. Please visit our Financial Aid page or contact our admissions team for more information about application requirements and deadlines.</p>
</div>
</div>
<!-- FAQ Item 5 -->
<div class="faq-item">
<button class="faq-question">
<span>Will I receive a certificate upon completion?</span>
<i class="fas fa-chevron-down faq-icon"></i>
</button>
<div class="faq-answer">
<p>Yes, all participants who successfully complete our programs receive a digital certificate of completion. Some of our advanced programs also offer professional certifications that are recognized in the industry. The specific credentials are detailed on each program page.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="econov-footer">
<div class="container">
<div class="footer-section">
<div class="footer-logo">ECONOV<span>Δ</span>TION</div>
<p class="mb-4">Empowering economic innovation and education for a sustainable future.</p>
<div class="social-links">
<a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
<a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-section">
<h3>Quick Links</h3>
<ul class="footer-links">
<li><a href="about-us.html">About Us</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="#">Videos</a></li>
<li><a href="partnerships.html">Partnerships</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Programs</h3>
<ul class="footer-links">
<li><a href="#">Economic Literacy</a></li>
<li><a href="#">Sustainable Economics</a></li>
<li><a href="#">Innovation & Entrepreneurship</a></li>
<li><a href="#">Global Economics</a></li>
<li><a href="#">Quantitative Economics</a></li>
<li><a href="#">Economic Policy & Governance</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Stay Updated</h3>
<p class="mb-4">Subscribe to our newsletter for the latest updates on programs, events, and economic insights.</p>
<form class="newsletter-form">
<input type="email" placeholder="Your email address" class="newsletter-input" required>
<button type="submit" class="newsletter-btn">Subscribe</button>
</form>
</div>
</div>
<div class="copyright">
<p>© 2023 Econovation. All rights reserved.</p>
</div>
</footer>
<script src="main.js"></script>
<script src="programs.js"></script>
<script src="creative.js"></script>
</body>
</html> |