CptlSaint/undefined
0
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>About Us - AfroCapital Bridge</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10</head>11<body class="bg-gray-50">12 <!-- Navbar (same as index.html) -->13 <nav class="bg-white shadow-sm">14 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">15 <div class="flex justify-between h-16">16 <div class="flex items-center">17 <div class="flex-shrink-0 flex items-center">18 <i data-feather="globe" class="h-8 w-8 text-blue-600"></i>19 <span class="ml-2 text-xl font-bold text-blue-700">AfroCapital Bridge</span>20 </div>21 </div>22 <div class="hidden sm:ml-6 sm:flex sm:space-x-8">23 <a href="index.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>24 <a href="projects.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Invest</a>25 <a href="projects.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Projects</a>26 <a href="about.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a>27 <a href="contact.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contact</a>28 </div>29 <div class="hidden sm:ml-6 sm:flex sm:items-center">30 <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Sign In</button>31 </div>32 <div class="-mr-2 flex items-center sm:hidden">33 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false">34 <span class="sr-only">Open main menu</span>35 <i data-feather="menu" class="block h-6 w-6"></i>36 </button>37 </div>38 </div>39 </div>40 </nav>41 42 <!-- Hero Section -->43 <div class="bg-blue-700 text-white">44 <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8 text-center">45 <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">46 Our Mission & Vision47 </h1>48 <p class="mt-6 max-w-3xl mx-auto text-xl">49 Connecting diaspora capital to Africa's most impactful investment opportunities.50 </p>51 </div>52 </div>53 54 <!-- Our Story -->55 <div class="bg-white py-16 sm:py-24">56 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">57 <div class="lg:grid lg:grid-cols-2 lg:gap-16 items-center">58 <div>59 <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">60 Our Story61 </h2>62 <p class="mt-4 text-lg text-gray-500">63 Founded in 2020 by a team of African diaspora professionals, AfroCapital Bridge was born out of a shared vision to create a trusted platform that connects diaspora savings to high-impact African projects.64 </p>65 <p class="mt-4 text-lg text-gray-500">66 We recognized the untapped potential of diaspora capital in driving Africa's development while providing competitive returns to investors. Our team brings together decades of experience in finance, development, and technology across Africa and global markets.67 </p>68 </div>69 <div class="mt-12 lg:mt-0">70 <img class="rounded-lg shadow-xl" src="http://static.photos/office/1024x576/5" alt="Our team">71 </div>72 </div>73 </div>74 </div>75 76 <!-- Values -->77 <div class="bg-gray-50 py-16 sm:py-24">78 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">79 <div class="text-center">80 <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">81 Our Core Values82 </h2>83 <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">84 These principles guide everything we do at AfroCapital Bridge85 </p>86 </div>87 <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3">88 <div class="bg-white p-6 rounded-lg shadow">89 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">90 <i data-feather="shield" class="h-6 w-6"></i>91 </div>92 <h3 class="mt-6 text-lg font-medium text-gray-900">Trust & Transparency</h3>93 <p class="mt-2 text-base text-gray-500">94 We maintain the highest standards of disclosure and governance across all our investment opportunities.95 </p>96 </div>97 <div class="bg-white p-6 rounded-lg shadow">98 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">99 <i data-feather="trending-up" class="h-6 w-6"></i>100 </div>101 <h3 class="mt-6 text-lg font-medium text-gray-900">Sustainable Returns</h3>102 <p class="mt-2 text-base text-gray-500">103 We believe financial returns and social impact are not mutually exclusive but mutually reinforcing.104 </p>105 </div>106 <div class="bg-white p-6 rounded-lg shadow">107 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">108 <i data-feather="map" class="h-6 w-6"></i>109 </div>110 <h3 class="mt-6 text-lg font-medium text-gray-900">Local Expertise</h3>111 <p class="mt-2 text-base text-gray-500">112 Our on-the-ground partners provide deep market knowledge and operational oversight.113 </p>114 </div>115 <div class="bg-white p-6 rounded-lg shadow">116 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">117 <i data-feather="heart" class="h-6 w-6"></i>118 </div>119 <h3 class="mt-6 text-lg font-medium text-gray-900">Impact Driven</h3>120 <p class="mt-2 text-base text-gray-500">121 Every investment is measured by both financial performance and social outcomes.122 </p>123 </div>124 <div class="bg-white p-6 rounded-lg shadow">125 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">126 <i data-feather="users" class="h-6 w-6"></i>127 </div>128 <h3 class="mt-6 text-lg font-medium text-gray-900">Diaspora Focus</h3>129 <p class="mt-2 text-base text-gray-500">130 We're built by the diaspora, for the diaspora, understanding your unique needs and aspirations.131 </p>132 </div>133 <div class="bg-white p-6 rounded-lg shadow">134 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">135 <i data-feather="zap" class="h-6 w-6"></i>136 </div>137 <h3 class="mt-6 text-lg font-medium text-gray-900">Innovation</h3>138 <p class="mt-2 text-base text-gray-500">139 We leverage technology to create efficient, accessible investment pathways to Africa.140 </p>141 </div>142 </div>143 </div>144 </div>145 146 <!-- Team Section -->147 <div class="bg-white py-16 sm:py-24">148 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">149 <div class="text-center">150 <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">151 Meet Our Leadership Team152 </h2>153 <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">154 Seasoned professionals with deep expertise across Africa and global markets155 </p>156 </div>157 <div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3">158 <div class="text-center">159 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/10" alt="Team member">160 <h3 class="mt-6 text-lg font-medium text-gray-900">Amina Diallo</h3>161 <p class="mt-1 text-sm text-gray-500">CEO & Co-Founder</p>162 <p class="mt-4 text-base text-gray-500">163 Former investment banker with 15 years experience in African markets. Holds an MBA from Harvard.164 </p>165 </div>166 <div class="text-center">167 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/11" alt="Team member">168 <h3 class="mt-6 text-lg font-medium text-gray-900">Kwame Mensah</h3>169 <p class="mt-1 text-sm text-gray-500">CTO & Co-Founder</p>170 <p class="mt-4 text-base text-gray-500">171 Tech entrepreneur with successful exits across Africa. Leads our platform development.172 </p>173 </div>174 <div class="text-center">175 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/12" alt="Team member">176 <h3 class="mt-6 text-lg font-medium text-gray-900">Fatima Bello</h3>177 <p class="mt-1 text-sm text-gray-500">Head of Investments</p>178 <p class="mt-4 text-base text-gray-500">179 Former private equity director with deep expertise in African project finance.180 </p>181 </div>182 <div class="text-center">183 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/13" alt="Team member">184 <h3 class="mt-6 text-lg font-medium text-gray-900">David Okafor</h3>185 <p class="mt-1 text-sm text-gray-500">Head of Risk</p>186 <p class="mt-4 text-base text-gray-500">187 Former regulator with expertise in emerging market risk management frameworks.188 </p>189 </div>190 <div class="text-center">191 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/14" alt="Team member">192 <h3 class="mt-6 text-lg font-medium text-gray-900">Nia Johnson</h3>193 <p class="mt-1 text-sm text-gray-500">Head of Impact</p>194 <p class="mt-4 text-base text-gray-500">195 Development expert with 10+ years measuring social impact across Africa.196 </p>197 </div>198 <div class="text-center">199 <img class="mx-auto h-40 w-40 rounded-full" src="http://static.photos/people/200x200/15" alt="Team member">200 <h3 class="mt-6 text-lg font-medium text-gray-900">Jean-Claude Ndiaye</h3>201 <p class="mt-1 text-sm text-gray-500">Head of West Africa</p>202 <p class="mt-4 text-base text-gray-500">203 Local entrepreneur with extensive networks across Francophone Africa.204 </p>205 </div>206 </div>207 </div>208 </div>209 210 <!-- Partners -->211 <div class="bg-gray-50 py-16 sm:py-24">212 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">213 <div class="text-center">214 <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">215 Our Trusted Partners216 </h2>217 <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">218 We collaborate with leading organizations across sectors219 </p>220 </div>221 <div class="mt-16 grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-5">222 <div class="col-span-1 flex justify-center">223 <img class="h-12" src="http://static.photos/logo/200x200/1" alt="Partner logo">224 </div>225 <div class="col-span-1 flex justify-center">226 <img class="h-12" src="http://static.photos/logo/200x200/2" alt="Partner logo">227 </div>228 <div class="col-span-1 flex justify-center">229 <img class="h-12" src="http://static.photos/logo/200x200/3" alt="Partner logo">230 </div>231 <div class="col-span-1 flex justify-center">232 <img class="h-12" src="http://static.photos/logo/200x200/4" alt="Partner logo">233 </div>234 <div class="col-span-1 flex justify-center">235 <img class="h-12" src="http://static.photos/logo/200x200/5" alt="Partner logo">236 </div>237 </div>238 </div>239 </div>240 241 <!-- Footer (same as index.html) -->242 <footer class="bg-gray-800">243 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">244 <div class="grid grid-cols-2 gap-8 md:grid-cols-4">245 <div>246 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Invest</h3>247 <ul class="mt-4 space-y-4">248 <li><a href="projects.html" class="text-base text-gray-400 hover:text-white">All Projects</a></li>249 <li><a href="#" class="text-base text-gray-400 hover:text-white">Featured</a></li>250 <li><a href="#" class="text-base text-gray-400 hover:text-white">New Listings</a></li>251 <li><a href="#" class="text-base text-gray-400 hover:text-white">Nearly Funded</a></li>252 </ul>253 </div>254 <div>255 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Resources</h3>256 <ul class="mt-4 space-y-4">257 <li><a href="#" class="text-base text-gray-400 hover:text-white">How It Works</a></li>258 <li><a href="#" class="text-base text-gray-400 hover:text-white">Risk Management</a></li>259 <li><a href="#" class="text-base text-gray-400 hover:text-white">ROI Calculator</a></li>260 <li><a href="#" class="text-base text-gray-400 hover:text-white">FAQ</a></li>261 </ul>262 </div>263 <div>264 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Company</h3>265 <ul class="mt-4 space-y-4">266 <li><a href="about.html" class="text-base text-gray-400 hover:text-white">About Us</a></li>267 <li><a href="#" class="text-base text-gray-400 hover:text-white">Our Team</a></li>268 <li><a href="#" class="text-base text-gray-400 hover:text-white">Partners</a></li>269 <li><a href="contact.html" class="text-base text-gray-400 hover:text-white">Contact</a></li>270 </ul>271 </div>272 <div>273 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Connect</h3>274 <ul class="mt-4 space-y-4">275 <li class="flex">276 <a href="#" class="text-gray-400 hover:text-white">277 <i data-feather="facebook" class="h-6 w-6"></i>278 </a>279 <a href="#" class="ml-6 text-gray-400 hover:text-white">280 <i data-feather="twitter" class="h-6 w-6"></i>281 </a>282 <a href="#" class="ml-6 text-gray-400 hover:text-white">283 <i data-feather="linkedin" class="h-6 w-6"></i>284 </a>285 <a href="#" class="ml-6 text-gray-400 hover:text-white">286 <i data-feather="instagram" class="h-6 w-6"></i>287 </a>288 </li>289 <li><a href="#" class="text-base text-gray-400 hover:text-white">Blog</a></li>290 <li><a href="#" class="text-base text-gray-400 hover:text-white">Newsletter</a></li>291 <li><a href="#" class="text-base text-gray-400 hover:text-white">Events</a></li>292 </ul>293 </div>294 </div>295 <div class="mt-12 border-t border-gray-700 pt-8">296 <p class="text-base text-gray-400 text-center">297 © 2023 AfroCapital Bridge. All rights reserved.298 </p>299 </div>300 </div>301 </footer>302 303 <script>304 feather.replace();305 </script>306</body>307</html>