-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
65 lines (62 loc) · 2.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Hobbies</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1 id="mainheading"><u>My Hobbies</u></h1>
<!-- Block element -->
<div id="hobbypage">
<!-- Block element -->
<h2>Reading</h2>
<!-- Block element -->
<p>
<!-- Block element -->
Reading has been my hobby not from a very long time but only after my
12th board examinations. Because from then on I was feeling lonely and
missing the exam days when I have to complete my course books in a week
or sometimes in few days only.
</p>
<!-- Inline element -->
<img
class="hobbies-img"
src="https://images.unsplash.com/photo-1506880018603-83d5b814b5a6?auto=format&fit=crop&q=80&w=1974&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="book-image"
/>
<h2>Cubing</h2>
<!-- Block element -->
<p>
<!-- Block element -->
Rubix cube is my hooby froma a very young age. My father gifted me a
rubix cube and from then only my aim was to learn how to solve it. After
vigrous hardwork on solving and watching many tutorials on how to solve
it, under a week I mastered the skill of solving a rubix cube.
</p>
<!-- Inline element -->
<img
class="hobbies-img"
src="https://images.unsplash.com/photo-1591991564021-0662a8573199?auto=format&fit=crop&q=80&w=1771&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="cube-image"
/>
<!-- Block element -->
<h2>Photography</h2>
<!-- Block element -->
<p>
I am into photography the day I got a pet. I learnt how to click good
pictures with your mobile only using the pro mode that is already given
in camera. I watched hundreds of videos learning the concept of
photography and mastered the pro mode.
</p>
<!-- Inline element -->
<img
class="hobbies-img"
src="https://images.unsplash.com/photo-1634009931862-d2b74cb992ab?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzR8fG1vYmlsZSUyMHBob3RvZ3JhcGh5fGVufDB8fDB8fHww"
alt="photography-image"
/>
</div>
</body>
</html>