Skip to content

Commit 9bd55d1

Browse files
Anamaya1729Anamaya1729
authored
Merge pull request #124 from nifaliana/feature/drum-kit
Drum-kit Project Added.
2 parents cb9459a + 8f2660d commit 9bd55d1

File tree

19 files changed

+234
-0
lines changed

19 files changed

+234
-0
lines changed

‎medium/Drum-Kit/README.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Drum-Kit
2+
3+
Created using HTML5, CSS3 and JavaScript.
4+
5+
## Feature
6+
7+
- You can play any musical instruments by just clicking on image of instruments and also by typing the alphabet which is written on the musical instruments.
8+
- You can also use this in your mobile phones to play instruments, we can simply call it an online mini band 🥁🎸🎺, which will be just one click away from you.
9+
- The sounds of the musical instruments are realistic and astonishing.
10+
11+
## Preview
12+
13+
![Drum-kit preview](images/Capture.PNG)
14+
15+
### Maintainer
16+
17+
- [Anamaya](https://www.linkedin.com/in/anamaya1729/)
18+
- [Vaibhav](https://https://www.linkedin.com/in/vaibhava17/)
19+
20+
### License
21+
22+
**This project is licensed under the GNU GENERAL PUBLIC License - see the [LICENSE](../LICENSE) file for details**
23+
24+
### Happy Coding! :smile:

‎medium/Drum-Kit/images/Capture.PNG‎

215 KB
Loading

‎medium/Drum-Kit/images/crash.png‎

19.1 KB
Loading

‎medium/Drum-Kit/images/kick.png‎

51.9 KB
Loading

‎medium/Drum-Kit/images/snare.png‎

16.8 KB
Loading

‎medium/Drum-Kit/images/tom1.png‎

23.5 KB
Loading

‎medium/Drum-Kit/images/tom2.png‎

22.6 KB
Loading

‎medium/Drum-Kit/images/tom3.png‎

27.8 KB
Loading

‎medium/Drum-Kit/images/tom4.png‎

28.5 KB
Loading

‎medium/Drum-Kit/index.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en" dir="ltr">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Drum Kit</title>
6+
<link rel="stylesheet" href="styles.css" />
7+
<!-- Font awesome -->
8+
<script
9+
src="https://kit.fontawesome.com/9bb8901042.js"
10+
crossorigin="anonymous"
11+
></script>
12+
<link
13+
href="https://fonts.googleapis.com/css?family=Arvo"
14+
rel="stylesheet"
15+
/>
16+
</head>
17+
18+
<body>
19+
<h1 id="title">Drum 🥁 Kit</h1>
20+
<div class="set">
21+
<button class="w drum">w</button>
22+
<button class="a drum">a</button>
23+
<button class="s drum">s</button>
24+
<button class="d drum">d</button>
25+
<button class="j drum">j</button>
26+
<button class="k drum">k</button>
27+
<button class="i drum">i</button>
28+
</div>
29+
<script src="index.js"></script>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)