-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (126 loc) · 4.26 KB
/
index.html
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Akan names</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<img src="images/ghana1.jpeg" alt="" height="100px" width="100px">
<h1>Akan Names</h1>
</div>
<h2>Akan naming ceremony</h2>
<div class="row">
<div class="col-md-6">
<img src="./images/kids2.jpg" alt="" width="500px" height="300px">
<p>The tradition goes back to the Akan tribe: to name their children by the day of their birth. Different
Ghanaian
ethnic groups largely share one common belief: the naming of their children. They name children
according to their gender and the day of the week they were born.</p>
</div>
<div class="col-md-6">
<img src="./images/name3.jpg" alt="" width="500px" height="300px">
<p>Today, many Akan people have a first, middle, and last name or surname. A mat is spread on the floor and
the child is lifted three times, placed on the mat naked, and the broom is put in her hand and she is
covered with the calabash; after a second or so, the calabash is removed.</p>
</div>
</div>
<div class="kerry">
<h2>Check-out your Akan name;</h2>
<form class="form" name="myForm" onsubmit="validate();">
<div class="form-group row">
<label for="date" class="col-sm-2 col-form-label">Date</label>
<div class="col-sm-10">
<input type="number" class="form-control" id="date" placeholder="Date" name="date">
</div>
</div>
<div class="form-group row">
<label for="month" class="col-sm-2 col-form-label">Month</label>
<div class="col-sm-10">
<input type="number" class="form-control" id="month" placeholder="Month" name="month">
</div>
</div>
<div class="form-group row">
<label for="year" class="col-sm-2 col-form-label">Year</label>
<div class="col-sm-10">
<input type="number" class="form-control" id="year" placeholder="Year" name="year">
</div>
</div>
<div class="form-group">
<label for="month">Gender</label><br>
<div class="form-check-inline">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="gender" id="male"> Male
</label>
</div>
<div class="form-check-inline">
<label class="form-check-label">
<input type="radio" class="form-check-input" name="gender" id="female"> Female
</label>
</div>
</div>
<div class="form-group row">
<div class="col-sm-10">
<button type="submit" class="btn btn-danger" onclick="findName();">find Akan</button>
</div>
</div>
</form>
</div>
<h2>Akan naming pattern</h2>
<div>
<table class="table">
<thead class="thead">
<tr>
<th scope="col">Day of the week</th>
<th scope="col">Male name</th>
<th scope="col">Female name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sunday</td>
<td>Kwasi</td>
<td>Akosua</td>
</tr>
<tr>
<td>Monday</td>
<td>Kwadwo</td>
<td>Adwoa</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Kwabena</td>
<td>Abenaa</td>
</tr>
<tr>
<td>Wednesday</td>
<td>Kwaku</td>
<td>Akua</td>
</tr>
<tr>
<td>Thursday</td>
<td>Yaw</td>
<td>Yaa</td>
</tr>
<tr>
<td>Friday</td>
<td>Kofi</td>
<td>Afua</td>
</tr>
<tr>
<td>Saturday</td>
<td>Kwame</td>
<td>Ama</td>
</tr>
</tbody>
</table>
</div>
</div>
<P class="copy">copyright@2020</P>
<script src="js/scripts.js"></script>
</body>
</html>