htmlcssjsFiles/about.html at master · PavanKalyanV5/htmlcssjsFiles · 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
<html>
<head>
	<title>Index</title>
	<style>
		.menu-item{
			display: inline;
			padding: 12px 16px;
			background-color: lightblue;
		}
		.header{
			background-color: bisque;
			padding: 16px;
		}
		#section1{
		width: auto;
		height: 1000px;
		background-color: lightcoral;
		}
		#section2{
			width: auto;
			height: 1000px;
			background-color: lightgreen;
		}
		#section3{
			width: auto;
			height: 1000px;
			background-color:lightblue;
		}
	</style>
</head>
<body>
	<h1>About page</h1>
	<div class="header">
		<ul style="list-style-type:none">
			<li class="menu-item"><a href="/home.html#section1">Home</a></li>
			<li class="menu-item"><a href="/about.html#section2">About</a></li>
			<li class="menu-item"><a href="/contact.html#section3">Contact</a></li>
		</ul>
	</div>
	<div id="section1"><h1>Landing Section</h1></div>
	<div id="section2"><h1>About Section</h1></div>
	<div id="section3"><h1>Contact Section</h1></div>
</body>
</html>