<!DOCTYPE html> <html lang="en"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Afripedia - The Knowledge Hub of Africa</title>
   <style>
       body {
           font-family: Arial, sans-serif;
           margin: 0;
           padding: 0;
           background: url('https://source.unsplash.com/1600x900/?africa') no-repeat center center/cover;
           color: white;
           text-align: center;
       }
       .overlay {
           background: rgba(0, 0, 0, 0.6);
           padding: 50px 20px;
       }
       h1 {
           font-size: 50px;
           margin-bottom: 10px;
       }
       p {
           font-size: 18px;
           max-width: 700px;
           margin: 10px auto;
       }
       .search-box {
           margin-top: 20px;
       }
       input[type="text"] {
           width: 80%;
           max-width: 500px;
           padding: 10px;
           font-size: 16px;
           border-radius: 5px;
           border: none;
       }
       button {
           padding: 10px 20px;
           font-size: 16px;
           background: #ffcc00;
           border: none;
           border-radius: 5px;
           cursor: pointer;
       }
       .explore-section {
           margin-top: 40px;
       }
       .category {
           display: inline-block;
           margin: 10px;
           padding: 15px 25px;
           background: rgba(255, 255, 255, 0.2);
           border-radius: 10px;
           cursor: pointer;
       }
   </style>

</head> <body>

Welcome to Afripedia

The ultimate knowledge hub celebrating Africa's history, culture, innovations, and achievements.

           <input type="text" placeholder="Search Afripedia...">
           <button>Search</button>

Explore Topics

History

Culture

Science

People

Innovation

</body> </html>