This repository has been archived by the owner on Feb 18, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (48 loc) · 1.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/index.css">
<title>Akan Name </title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">Akan Name</a></h1>
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</nav>
<div id="showcase">
<div class="container">
<div class="showcase-content">
<h1>About Akan Name</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad dolorum recusandae officia sunt, alias magnam laborum veniam quaerat sint dolore ducimus reiciendis architecto quia dignissimos assumenda error distinctio magni eos? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor, eligendi laboriosam. Repellendus officia harum eaque.</p>
<a class="btn" href="#">About Akan Names</a>
</div>
</div>
</div>
</header>
<section id="home-info" class="bg-dark">
<div class="info-content">
<form>
<h2>Enter your birthday</h2>
<h2>Year</h2>
<input type="number" id="year" placeholder="Year">
<h2>Day</h2>
<input type="number" id="day" placeholder="day">
<h2>Month</h2>
<input type="number" id="month" placeholder="Month">
<h2>Gender</h2>
<input type="text" id="gender" placeholder="gender"><br>
<input type="button" value="submit" onclick="output()">
</form>
</div>
</section>
<script src="/js/script.js"></script>
</body>
</html>