-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathother.html
81 lines (73 loc) · 4.17 KB
/
other.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
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115987385-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-115987385-1');
</script>
<title>Siddharth Karia</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="header" class="nav-down">
<div id="links">
<ul id="linklist">
<!-- <li><div class="line"></div></li> -->
<li id="firstlink"><a class="navbarlink blue" href="index.html">Siddharth Karia</a></li>
<li><a class="navbarlink" href="index.html">home</a></li>
<li><a class="navbarlink" href="about.html">about</a></li>
<li><a class="navbarlink" href="resume.html">resume</a></li>
<li><a class="navbarlink" href="other.html">other</a></li>
<li><a class="navbarlink" href="contact.html">contact</a></li>
<!-- <li><div class="line"></div></li> -->
</ul>
</div>
</div>
<!-- here ends the header -->
<div style="height: 150px"></div>
<div id="musicbanner">
<h1 id="checkoutmusic">Check out some of my <span class="lightblue">music</span> here!</h1>
</div>
<div id="othertext">
<div id="leftother">
<h2>In my free time I make music!</h2>
<p>Recently, I’ve been pursuing a musical path aside from studies and work, and have been putting out original songs and covers as I get the time. Singing is something very important to me, and my passion for it has only grown as I do it more and more. I’ve also been playing piano ever since I was little, and I taught myself guitar. All these factors helped me start getting into music and music productio, too! From writing, singing, and recording the songs, to actually mixing, mastering, and producing my own music, I’ve learned the whole process - start to finish - of releasing music on my own. I use Logic Pro X as my main DAW, and I know my way around it like nothing else!</p>
<p>With audio production also comes video production - I’ve been involved in video editing and I’m experienced with Final Cut Pro. I absolutely love the whole production process and I definitely feel like I have a good creative eye (and ear) for any audio or video project.</p>
</div>
<div id="rightother">
<iframe id="ytchannel" src="https://www.youtube.com/embed/fW1X0Mxtt2Y?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<iframe id="spotify" src="https://open.spotify.com/embed/track/0GGvTbE9zJUVNg91gfKzWL" height="100" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
<div>
<a target="_blank" href="https://open.spotify.com/artist/4Bwfpdtc6zG41L2GyIKCnE?si=8ROODQR3TjKCxVW9SqJSNQ" class="fa fa-spotify"></a>
<a target="_blank" href="http://www.youtube.com/channel/UCbcVS_d41cjwUVSJrnbPqKQ" class="fa fa-youtube"></a>
<a target="_blank" href="https://soundcloud.com/sidkaria" class="fa fa-soundcloud"></a>
</div>
</div>
</div>
<footer>
<ul style="margin: 0; margin-bottom: 50px;">
<li class="footerli"><a class="footerlink" href="contact.html">contact me</li>
<li class="footerli"><a class="footerlink" target="_blank" href="http://www.linkedin.com/in/siddharth-karia/">linkedin</li>
<li class="footerli"><a class="footerlink" href="resume.html">resume</li>
</ul>
<div id="copyright">
© 2018 <a class="footerlink" href="http://www.siddharthkaria.com">Siddharth Karia</a>. All rights reserved.
</div>
</footer>
</body>
<script type="text/javascript" src="js/changeheader2.js"></script>
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script type="text/javascript">
window.sr = ScrollReveal({duration : 1000, scale : 1});
sr.reveal('#leftother');
sr.reveal('#rightother', {delay : 300});
</script>
</html>