Toppicks/index.html at main · Heena31/Toppicks · 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
<!DOCTYPE html>
<html>
<head>
	<title>TOP PICKS</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,500&display=swap" rel="stylesheet">
	<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
</head>
<body>
<header>
<nav>
	<div class ="logo"><h1 class='animate__heartBeat'>Top Picks</h1></div>
	<div class="menu">
		<a href="#">HOME</a>
		<a href="au1.html">ABOUT US</a>
		<a href="genre.html">GENRE</a>
		<a href="c.html">CONTACT US</a>
	</div>
     </nav>
	<main>
		<section>
			<h3>Hello <span id="result"></span></h3>
			<script type="text/javascript">
				document.getElementById('result').innerHTML=localStorage.getItem("textvalue");
				localStorage.clear();
			</script>
			<h3>WELCOME TO TOPPICKS</h3>
			<h1>COME AND EXPLORE THE WORLD OF <br><SPAN class="c"></SPAN></h1>
			<p>"The World belongs to those who read"</p>
			<br>
			<a href="background.html" class ="b1">Signup</a>


		</section>


		</main>


</header>
</body>
</html>