Horoscope/index.html at main · JJ-Hall/Horoscope · 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
<!DOCTYPE html>
<html lang="en">
	<head>
  	<meta charset="utf-8">
  	<meta name="description" content="Your description goes here">
  	<meta name="keywords" content="one, two, three">
	<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>Zodiac Sign</title>

		<!-- external CSS link -->
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<section id='container'>
			<span id="errorHandle">Invalid Birthday</span>
			<section>
				<section id="labelAndInput">
					<label for="bDay">Your Birthday:</label>
					<input type="date" id="bDay">
				</section>
				<button id="bDayButton"for="bDay">Find Your Sign</button>
			</section>
			<section id=descriptions>
				<section>
					<h2>Your Zodiac Sign</h2>
					<span id="title"></span>
				</section>
				<section >
					<h2>Decription</h2>
					<p id="description"></p>
				</section>
				<section>
					<h2>Famous People Who Have The Same Sign</h2>
					<span id="famous"></span>
				</section>
			</section>
		</section>
		<script type="text/javascript" src="js/main.js"></script>
	</body>
</html>