-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (56 loc) · 2.35 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
<!DOCTYPE html>
<html>
<head>
<title> My Favorite Hobby </title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<ul class="menu">
<li class="links"> <a href="#about"> About </a> </li>
<li class="links"> <a href="#myfavoritepieces"> My Favorite Pieces </a> </li>
<li class="links"> <a href="#mywork"> My Work </a> </li>
<li class="links"> Inspiration </li>
<li class="links"> Contact </li>
</ul>
<section id="welcome" class="parallax-container">
<div class="parallax-inner">
<img alt="" height="200px" src="Piano.png">
<h1> My Favorite Hobby is <br> <span id="hobby"> Playing the Keyboard </span> </h1>
</div>
</section>
<section id="about">
<h1> About </h1>
<br>
<br>
<br>
<div class="line"> </div>
<p> My hobby is playing the keyboard (in my free time of course). In alternate days, I have a music class from 6:30 to 7:30 pm that is based entirely on piano skills. I am 10 years old. Music is melodious and makes you feel good. This hobby can be developed by anyone who is a music enthusiast. Music is a source of peace, happiness etc. </p>
</section>
<section id="myfavoritepieces">
<h1> My Favorite Pieces </h1>
<br>
<br>
<br>
<div class="line"> </div>
<a href="https://musescore.com/user/5596391/scores/4787193"> <img class="sheetmusic" alt="" width="300px" height="400px" src="Faded.png"> </a>
<a href="https://musescore.com/mysterybanana/scores/5542297"> <img class="sheetmusic" alt="" width="300px" height="400px" src="Someone You Loved.png"> </a>
<a href="https://musescore.com/wesley2712/before-you-go-lewis-capaldi"> <img class="sheetmusic" alt="" width="300px" height="400px" src="Before You Go.png"> </a>
<a href="https://musescore.com/user/13132616/scores/5404193"> <img class="sheetmusic" alt="" width="300px" height="400px" src="How To Train Your Dragon Main Theme.png"> </a>
<br>
<br>
<br>
</section>
<section id="mywork">
<h1> My Work </h1>
<br>
<br>
<br>
<div class="line"> </div>
<br>
<br>
<br>
<br>
<br>
<h4> Coming soon... </h4>
</section>
</body></html>