-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
80 lines (69 loc) · 3.23 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
<html>
<head>
<title>Mahi</title>
<link rel="stylesheet" href="Style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<ul id="menu">
<li class="links"><a href="#contact">Contact</a></li>
<li class="links"><a href="#inspiration">Inspiration</a></li>
<li class="links"><a href="#work">My work</a></li>
<li class="links"><a href="#My_fav_Books">My fav Books</a></li>
<li class="links"><a href="#welcome">About</a></li>
</ul>
<section id="welcome">
<div class="para">
<img src="Picture1%20of%20mahi.png" class="profile">
<h1>My Favourite Hobby<br><span id="name">Reading books</span></h1>
<h2>I am a Reader</h2>
</div>
</section>
<section id="bio">
<h1>About</h1>
<div class="line"></div>
<p>My hobby is reading interesting and knowledgeable books in my free time. Whenever I go to home from my school I like to read such books after completing my home work. I'm 11 1/2 years old and study in class 6th, means now the class is going to start. Now I know very well that reading is very good habit which can make me a complete.
<br>
This hobby can be developed by anyone however I got this naturally. Reading books keep one always happy and busy too! It is the good source of enjoyment, knowledge, inspiration. It makes us diciplined, loyal, punctual and most importantly a successful person in the life.
</p><br>
</section>
<section id="My_fav_Books">
<div class="para">
<h1>Here is my fav book and reviews on it</h1>
<div class="line"></div>
<iframe width="700" height="700" src="https://freelymagazine.com/2018/02/14/book-review-i-am-mahala/"></iframe>
<br><br>
<a id="art" href="https://en.wikipedia.org/wiki/Harry_Potter">Click here to view my fav book of all time</a>
<br><br>
</div>
</section>
<section id="work">
<div class="para">
<h1>I also love writing stories</h1>
<div class="line"></div>
<a class="article" href="https://codepen.io/Mahi-Kanakdhar/full/dyvgLLL" target="_blank">Click me! to view my Story</a>
</div>
</section>
<section id="MyInspiration" id="inspiration">
<h1>My Inspiration</h1>
<div class="line"></div>
<div id="myname">
click on the pictures to view my Inspiration</div>
<br>
<div id="div">
<span>
<a href="https://www.jkrowling.com/" target="_blank">
<img id="picture" src="jkrowling.jpg" width="210">
</a>
</span>
<span>
<a href="https://en.wikipedia.org/wiki/Arundhati_Roy" target="_blank">
<img id="picture" src="arundhati.jpg">
</a>
</span>
</div>
</section>
</body>
</html>