<title>:: EDM Music Project :: Himanshu Sharma ::</title>

<link rel="stylesheet" type="text/css" href="style.css">

<div class="topText">

<header><h1>EDM Music Project</h1></header>

<h2>Hit the corresponding key on your keyboard to play!</h2>

</div>

<div class="keys">

<ul>

<li data-key="81" class="key">

<h3>Q</h3>

<span class="sound"></span>

</li>

<li data-key="87" class="key">

<h3>W</h3>

<span class="sound"></span>

</li>

<li data-key="69" class="key">

<h3>E</h3>

<span class="sound"></span>

</li>

</ul>

<ul>

<li data-key="65" class="key">

<h3>A</h3>

<span class="sound"></span>

</li>

<li data-key="83" class="key">

<h3>S</h3>

<span class="sound"></span>

</li>

<li data-key="68" class="key">

<h3>D</h3>

<span class="sound"></span>

</li>

</ul>

<ul>

<li data-key="90" class="key">

<h3>Z</h3>

<span class="sound"></span>

</li>

<li data-key="88" class="key">

<h3>X</h3>

<span class="sound"></span>

</li>

<li data-key="67" class="key">

<h3>C</h3>

<span class="sound"></span>

</li>

</ul>

</div>

<p>

<h4>

Made With Love <i class="material-icons footer">&#xE87D;</i> in INDIA

<br><a href="https://iamhimanshu.online/"><strong>Himanshu Sharma</strong></a>.<br></h4>

</p>

<audio data-key="81" src="sounds/clap.wav"></audio>

<audio data-key="87" src="sounds/hihat.wav"></audio>

<audio data-key="69" src="sounds/kick.wav"></audio>

<audio data-key="65" src="sounds/openhat.wav"></audio>

<audio data-key="83" src="sounds/boom.wav"></audio>

<audio data-key="68" src="sounds/ride.wav"></audio>

<audio data-key="90" src="sounds/snare.wav"></audio>

<audio data-key="88" src="sounds/tom.wav"></audio>

<audio data-key="67" src="sounds/tink.wav"></audio>

<script type="text/javascript" src="script.js"></script>