index.html

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

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- css and bootsrap links -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">

    <!-- goofle font links -->
    <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=Cantora+One&family=Poppins:wght@200&display=swap" rel="stylesheet">
    
    <title>AKAN NAME GENERATOR</title>


</head>

<body class="one">


        <!-- navigation bar -->
        <section id="header">
         
            <nav >
                <div class="navbar">
        
                    <ul>
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="generate.html">GENERATE</a></li>
                        <li><a href="contactus.html">CONTACT US</a></li>
                 
                    </ul>

                </div>
            </nav>

        </section>    

        <!-- welcome message  -->
        <div class="welcome">
             <div class="well"><p>Welcome to <br><span>Akan</span> Name Generator</p></div>
             <div class="akantext" ><p>Akan names are derived from Ghanian culture. Frequently in Ghana, children are given their first name as a 'day name' which corresponds to the day in the week they were born. Here are Ghanian day names.  This web application that takes a user's birthday and calculates the day of the week they were born and then depending on their gender outputs their Akan Name. </p></div>
             <a href="generate.html" class="gen"> generate name</a>
        </div>

        <!-- hero image -->
        <div class="hero">
            <img src="images/akann-removebg-preview.png" alt="">
        </div>

        <!-- footer -->

        <div class="footer">
            <div class="ftext"><p>made  with  love  by  Venesa  Okuna  (c)  2021  COPYRIGHT  all rights reserved</p></div>
        </div>


</body>

</html>