-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (82 loc) · 4.86 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
<!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="style/mainpage.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap');
</style>
<title>My Books</title>
</head>
<body>
<header>
<h1>
Know All About My Reading Habits
</h1>
<div class="dropdown">
<button class="dropbtn"><div class="arrow"></div><div class="arrow1"></div>
<div class="arrow2"></div></button>
<div class="dropdown-content">
<a href="https://nidhi-gahlawat.github.io/Books/">Home</a>
<a href="https://nidhi-gahlawat.github.io/Books/all.html">Books I have Read</a>
<a href="#">Blogs</a>
<a href="https://in.linkedin.com/in/nidhi-gahlawat-01947818a"> Connect with me on LinkedIn</a>
</div></div>
<button id="btn0"><a href="https://nidhi-gahlawat.github.io/Books/">Home</a> </button>
<button id="btn1">
<a href="https://nidhi-gahlawat.github.io/Books/all.html">All Books</a>
</button>
<button id="btn2">Blog</button>
<button id="btn3"><a href="https://in.linkedin.com/in/nidhi-gahlawat-01947818a" target="_blank"> Connnect on LinkedIn </a> </button>
</header>
<div class="row">
<span class="column" style="background-color:rgb(240, 170, 170);">
<h2>I Am Malala</h2>
<p> I Am Malala is an autobiography of noble peace prize winner Malala Yousafzai.
I read this book when I was just new to book reading and was trying to explore different genres of Books</p>
</span>
<div class="column" style="background-color:rgb(224, 181, 253);">
<h2>A Suitable Boy</h2>
<p>A suitable boy is written by Vikram Seth.
This is the longest novel I have read till now. It is a tale that revolves around finding a groom for Lata, set in newly independent India. A Suitable Boy proved to be a great read.</p>
</div>
<div class="column" style="background-color:rgb(173, 241, 224);">
<h2>Secret Seven Series</h2>
<p> The Secret Seven Series is a collection of 17 book series written by Enid Blyton. Enid Blyton was my favourite writer as a child
It is a story of 7 friends who solve mysteries around them.</p>
</div>
</div>
<div class="row">
<span class="column" style="background-color:rgb(231, 136, 211);padding-bottom: 16.5px;">
<h2> The Famous Five Series</h2>
<p> Again a series by Enid Blyton! A series of 21 books revolving around the adventures of four friends and their dog who solve mysteries that no adult could solve. Adventorous and light-hearted!!! </p>
</span>
<div class="column" style="background-color:rgb(100, 250, 157);">
<h2>Namak ka Daroga and other stories</h2>
<p> Namak ka Daroga is one of my personal favourite story by famous Hindi and Urdu writer Munshi Premchand. It revolves around honesty of a salt inspector.</p>
</div>
<div class="column" style="background-color:rgb(255, 212, 133);">
<h2>Harry Potter & the Sorcerer's stone</h2>
<p>J.K Rowling's Harry Potter series is a renowned children's fantasy novel and is known to all. There are separate movies for each novel in the Harry Potter Series.
</p>
</div>
</div>
<button id="view" style="margin: auto;" > <a href="https://nidhi-gahlawat.github.io/Books/all.html">View the Whole List</a> </button>
<div class="strip">
<u> <h2 style="font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">Articles to Help You in Befriending Books</h3></u>
<ul> <li> Wondering how to begin your reading Journey? <a href="#">Click here to know!</a></li>
<li>How to make reading a habit? <a href="#">Learn here!!</a></li>
<li> What are the books that I have read till now? <a href="#">Know them from here!</a></li>
<li>Why is it important to read books and how it improves us? <a href="#">Get all your answers here</a></li>
</ul>
</div>
<div class="strip" id="str2">
<h2>Who Am I?</h2>
I am a web developer from Delhi, India, Nidhi. I focus on front-end web development to bring the best experience for the users.
I am a book lover too, that's why I made this website using my front end skills to show my skills and to make you all know which books I have read. Enjoy reading about my favourite authors and their work. Thanks for visiting this website!!! </p>
<hr style="height: 3px;color: black;background-color: black;" ><hr style="height: 4px;color: black;background-color: black;width: 20%;" >
</div>
</body>
</html>