Spaces:
Running
Running
| <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> |