Akan-Names/index.html at master · Jaloch-glitch/Akan-Names · GitHub

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
<!DOCTYPE <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Akan Names</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/styles.css">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <body>
        <div class="container">
            <h1>Akan Naming System</h1>
            <div class="jumbotron"><p>The Akan people of Ghana frequently name their children after the day of the week they were born and the order in which they were born. These "day names" have further meanings concerning the soul and character of the person. Middle names have considerably more variety and can refer to their birth order, twin status, or an ancestor's middle name.

                This naming tradition is shared throughout West Africa and the African diaspora.

                Most Ghanaians have at least one name from this system, even if they also have an English or Christian name. Notable figures with day names include Ghana's first president Kwame Nkrumah and former United Nations Secretary-General.
            </div>
            <div class="c-phrase">
                <p>Curious? I know right &#128526;</p>
                <p>Would you like to know your Akan Name?</p>
                <p>Fill in the form below &#128396;</p>
            </div>
            <p id="output"></p>

            <form id="details">
                <div class="form-group">
                          <label>Enter Your First Name</label>
                          <input type="text" class="form-control" id="name" placeholder="Name" required>
                          <label>Year of Birth</label>
                          <input type="number" class="form-control" id="year" placeholder="Year of Birth" required min="1970" max="2020">
                          <label>Month of Birth</label>
                          <input type="number" class="form-control" id="month" placeholder="Enter Month" required min="1" max="12">

                          <label>Day of Birth</label>
                          <input type="number" class="form-control" id="day" placeholder="Day" required min="1" max="31">
                        </div>
                        <div class="fwm">
                            <label>Gender</label>
                            <input type="radio" name="gender" id="male" value="male"> Male
                            <input type="radio" name="gender" id="female" value="female"> Female
                        </div>


                        <button  id="btn" type="submit" class="btn btn-secondary">Submit</button>
                        <button type="reset" class="btn btn-secondary btn-lg">Reset</button>
            </form>
            <script src="js/script.js" async defer></script>

        </div>

        <script src="" async defer></script>
    </body>
</html>