Spaces:
Running
Running
File size: 7,443 Bytes
d791e0d cd32755 d791e0d 9489f50 d791e0d 85d11a4 d791e0d cd32755 d791e0d | 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 | <!DOCTYPE html>
<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> |