Spaces:
Running
Running
| <html lang="en" class="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Experience | Dossiya DAKOU</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| onyx: '#0B0B0F', | |
| offwhite: '#F7F7F8', | |
| teal: '#2CA7A0', | |
| deepblue: '#90EE90', | |
| orange: '#E67E22', | |
| }, | |
| fontFamily: { | |
| inter: ['Inter', 'sans-serif'], | |
| source: ['Source Sans Pro', 'sans-serif'], | |
| }, | |
| } | |
| } | |
| } | |
| </script> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Sans+Pro:wght@300;400;600&display=swap"> | |
| </head> | |
| <body class="bg-onyx text-offwhite font-source min-h-screen"> | |
| <!-- Navbar --> | |
| <nav class="border-b border-gray-800 py-4 px-6 md:px-12 lg:px-24 flex justify-between items-center"> | |
| <a href="index.html" class="text-teal font-inter font-bold text-xl">Dossiya DAKOU</a> | |
| <div class="flex items-center space-x-6"> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-teal hover:text-orange transition">EN</a> | |
| <a href="#" class="text-gray-500 hover:text-orange transition">FR</a> | |
| </div> | |
| <a href="contact.html" class="hidden md:block bg-orange text-onyx px-4 py-2 rounded-md hover:bg-opacity-90 transition"> | |
| Contact / Book a call | |
| </a> | |
| </div> | |
| </nav> | |
| <!-- Experience Section --> | |
| <section class="px-6 md:px-12 lg:px-24 py-16 min-h-[80vh] bg-black"> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="flex items-center justify-between mb-8"> | |
| <h2 class="text-3xl font-inter font-bold text-green-300">Professional Experience</h2> | |
| </div> | |
| <!-- Experience Timeline --> | |
| <div class="space-y-12"> | |
| <!-- IOM-UN Migration --> | |
| <div class="border-l-4 border-teal pl-6 relative"> | |
| <div class="absolute -left-2 top-0 h-4 w-4 rounded-full bg-teal"></div> | |
| <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2"> | |
| <h3 class="text-xl font-inter text-offwhite">Policy Research Intern</h3> | |
| <span class="text-orange">May 2025 - July 2025</span> | |
| </div> | |
| <p class="text-teal mb-4">IOM - UN Migration</p> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Conducted research on climate migration policies affecting West Africa region</li> | |
| <li>Assisted in policy development for climate mobility solutions</li> | |
| <li>Presented findings to UN stakeholders and local officials</li> | |
| </ul> | |
| </div> | |
| <!-- GYCN Climate Ambassador --> | |
| <div class="border-l-4 border-teal pl-6 relative"> | |
| <div class="absolute -left-2 top-0 h-4 w-4 rounded-full bg-teal"></div> | |
| <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2"> | |
| <h3 class="text-xl font-inter text-offwhite">Climate Ambassador</h3> | |
| <span class="text-orange">February 2025 - Present</span> | |
| </div> | |
| <p class="text-teal mb-4">GYCN - Global Youth Climate Network</p> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Representing African youth perspectives in international climate forums</li> | |
| <li>Organizing regional capacity-building workshops on climate justice</li> | |
| <li>Developing advocacy strategy for COP29 climate mobility agenda</li> | |
| </ul> | |
| </div> | |
| <!-- GAUC Climate x Pioneer --> | |
| <div class="border-l-4 border-teal pl-6 relative"> | |
| <div class="absolute -left-2 top-0 h-4 w-4 rounded-full bg-teal"></div> | |
| <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2"> | |
| <h3 class="text-xl font-inter text-offwhite">Climate x Pioneer</h3> | |
| <span class="text-orange">January 2024 - April 2024</span> | |
| </div> | |
| <p class="text-teal mb-4">Global Alliance of Universities on Climate</p> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Selected as 1 of 60 global fellows from 500+ applicants worldwide</li> | |
| <li>Implemented community climate action project in northern Benin</li> | |
| <li>Presented research on renewable energy solutions at GAUC summit</li> | |
| </ul> | |
| </div> | |
| <!-- Student Energy International --> | |
| <div class="border-l-4 border-teal pl-6 relative"> | |
| <div class="absolute -left-2 top-0 h-4 w-4 rounded-full bg-teal"></div> | |
| <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2"> | |
| <h3 class="text-xl font-inter text-offwhite">International Delegate</h3> | |
| <span class="text-orange">May 2023 - March 2024</span> | |
| </div> | |
| <p class="text-teal mb-4">Student Energy</p> | |
| <ul class="list-disc pl-5 space-y-2"> | |
| <li>Represented Benin at international energy summits including SES23 and COP28</li> | |
| <li>Collaborated with delegates from 50+ countries on renewable energy solutions</li> | |
| <li>Presented case study on solar cold chain applications for rural Africa</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="border-t border-gray-800 py-8 px-6 md:px-12 lg:px-24"> | |
| <div class="max-w-4xl mx-auto flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <p>© 2023 Dossiya DAKOU. All rights reserved.</p> | |
| <p class="text-sm text-green-300 mt-1">Built with passion and Next.js & Tailwind CSS</p> | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="https://www.linkedin.com/in/dossiya-dakou" class="text-teal hover:text-orange transition"><i class="fab fa-linkedin"></i></a> | |
| <a href="mailto:ddakou@asu.edu" class="text-teal hover:text-orange transition"><i class="fas fa-envelope"></i></a> | |
| <a href="tel:+250796892820" class="text-teal hover:text-orange transition"><i class="fas fa-phone"></i></a> | |
| <a href="index.html" class="text-teal hover:text-orange transition"><i class="fas fa-globe"></i></a> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |