-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (102 loc) · 5.07 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sidharth Kale</title>
<link rel="stylesheet" type="text/css" href="./style.css">
<!-- <script src="./script.js" type="text/javascript"></script> -->
</head>
<body>
<header class="box1">
<h1 class="u1">My Webpage</h1>
</header>
<main class="box1">
<article class="u1">
<img src="./my_photo.jpg" class="xs2 sm3 l_float">
<h2>Myself</h2>
<p>
Hello. My name is Siddharth Kale. I live in
<span>
<svg viewBox="0 0 60 100" height="0.9em">
<path d="m0 30 q0 35 25 66 q5 8 10 0 q25 -30 25 -66 a30 30 0 1 0 -60,0z m16 0 a14 14 0 1 1 0,0.01z"/>
</svg>
</span>
Pune, Maharashtra, India from my childhood. I live with my mother, father, my grandfather and my sister.
</p>
<p>
As I live in Pune, my mother tongue is Marathi. I did my primary and secondary education from the local schools, named 'Vishwakarma Vidyalaya' and 'Ashok Vidyalaya' respectively. I took my tutions for JEE in Pune itself. After cracking JEE-Advanced, now I am pursuing BTech in Mechanical Engineering at Indian Institute of Technology, Indore.
</p>
<p>
Though, I have opted for degree in mechanical engineering, I am always eager for acquiring core knowledge in other fields, like electrical, management and Information Technology.
</p>
<p>
I love singing, playing sitar, harmonium and tabla. I love listening to indian classical music, and I can spend hours listening to it.
</p>
</article>
<article class="u1">
<h2>Music in my life</h2>
<p>
I have been fond of music since my childhood. My father plays flute. He taught me to play our <em>National Anthem</em> on harmonium when I was in First grade. I played it on stage in my school on the occasion of 'Independence Day'. My musical journey started from there. Then, my mother asked me to join a class to learn how to play tabla when I was 10. I was not at all interested at that time. My father, in spite of knowing the scenario, told me not to leave it and continue learning.
</p>
<p>
In 2015, when a Marathi movie remake of an old musical drama, <cite>Katyar Kaljat Ghusali (कट्यार काळजात घुसली )</cite> released, I was so amazed by listening such masterpieces, that I started learning all about Indian classical music. I started singing and playing tabla with a lot more enthusiasm. I think that, the first time I watched the movie, was the turning point of my musical life.
</p>
<p>
After passing 10th Grade, I started learning sitar from Mr. Deepak Desai, who is a disciple of Abdul Halim Jaffer Khan, who learnt to play sitar, according to Indian <i>Guru - Shishya Parampara</i>. He is very happy with my skills in playing with rhythm; thanks to my father, who always encouraged me to continue tabla.
</p>
<p>
Here is a video of me, playing sitar, raga Des.
</p>
</article>
<section class="video_sec u1" id="des_raga_sitar">
<video controls>
<source src="./myvideos/DesRaga-Sitar-480p.mp4" type="video/mp4" class="video_mp4_source">
</video>
<select class="video_custom_controls video_custom_controls_topright video_source">
<optgroup label="Quality">
<option value="./myvideos/DesRaga-Sitar-480p.mp4">480p</option>
<option value="./myvideos/DesRaga-Sitar-240p.mp4">240p</option>
</optgroup>
</select>
<select class="video_custom_controls video_custom_controls_topleft video_playback">
<optgroup label="Playback">
<option value="0.5">0.5 X</option>
<option value="0.75">0.75 X</option>
<option value="1" selected="selected">1 X</option>
<option value="1.25">1.25 X</option>
<option value="1.5">1.5 X</option>
</optgroup>
</select>
<h3>Raag Des - Sitar and Tabla by Siddharth Kale</h3>
</section>
<p class="u1">
Thank you very much, for reading my page. I hope you enjoyed surfing on my website. Feel free to mail me, for any suggestions regarding the site.
</p>
</main>
<footer class="box1">
<address>
<section class="u1 md2">
<h3>Contact ME:</h3>
Mail me:
<span>
<svg viewBox="0 0 6 4" fill="none" stroke="black" stroke-width="0.02em" height="0.9em">
<path d="M0.5 2 l0 -1.5 l5 0 l0 3 l-5 0 l0 -3z M0.75 0.5 l2.25 2 l2.25 -2z"/>
</svg>
</span>
<a href="mailto:kalesiddharthv@gmail.com">kalesiddharthv@gmail.com</a>.<br>
Call me: <a href="tel:+919588650907">☎+91-9588-650-907</a>.<br>
Visit my site: <a href="#">My site</a>.<br>
</section>
<section class="u1 md2">
Visit me: <a href="https://goo.gl/maps/ubEWoZWQBkTLhYDdA">My location</a>.<br>
G-8, Siddhinagri,<br>
Vidyasagar soc, Bibwewadi,<br>
Pune 411037.
</section>
</address>
</footer>
</body>
<link rel="stylesheet" type="text/css" href="./css/video.css">
<script src="./js/video.js" type="text/javascript"></script>
</html>