FilesExpand file tree

main

/

BoomPlay.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

58 lines (52 loc) · 3.11 KB

main

/

BoomPlay.html

Copy path

Top

File metadata and controls

• Code
• Blame

58 lines (52 loc) · 3.11 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Boomplay</title>

<link rel="stylesheet" href="BoomPlay.css">

</head>

<body>

<div class="ALL">

<div class="Section1">

<div class="left">

<svg viewBox="0 0 24 24" fill="currentColor"height="24px"width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"/></svg>

</div>

<div class="right">

<svg viewBox="0 0 24 24" fill="currentColor" height="24px"width="24px" xmlns="http://www.w3.org/2000/svg"><path d="M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z"/></svg>

</div>

</div>

<div class="section2">

<img src="havana - camila cabello.jpeg" alt=""height="300px",width="300px">

</div>

<div class="section3">

<h2>Flying_without_wings</h2>

</div>

<div class="section4">

<div class="auto">

<p>Westlife</p>

</div>

</div>

<div class="section5">

<div class="music">

<audio id="song">

<source src="Westlife_-_Flying_Without_Wings__Official_Video_(128k).m4a">

</div>

<input type="range" value="0" id="progress">

</div>

<div class="section6">

<div>

<svg viewBox="0 0 24 24" fill="currentColor" height="34px"width="34px" xmlns="http://www.w3.org/2000/svg"><path d="M7.60558 12.0001L14 7.7371V16.263L7.60558 12.0001ZM4.62407 12.4161L15.2227 19.4818C15.4524 19.635 15.7629 19.5729 15.9161 19.3432C15.9708 19.261 16 19.1645 16 19.0658V4.93433C16 4.65818 15.7762 4.43433 15.5 4.43433C15.4013 4.43433 15.3048 4.46355 15.2227 4.5183L4.62407 11.584C4.39431 11.7372 4.33222 12.0477 4.4854 12.2774C4.52201 12.3323 4.56914 12.3795 4.62407 12.4161Z"/></svg>

</div>

<div onclick="playpause()">

<svg viewBox="0 0 24 24" fill="currentColor" height="34px"width="34px" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM10.6219 8.41459C10.5562 8.37078 10.479 8.34741 10.4 8.34741C10.1791 8.34741 10 8.52649 10 8.74741V15.2526C10 15.3316 10.0234 15.4088 10.0672 15.4745C10.1897 15.6583 10.4381 15.708 10.6219 15.5854L15.5008 12.3328C15.5447 12.3035 15.5824 12.2658 15.6117 12.2219C15.7343 12.0381 15.6846 11.7897 15.5008 11.6672L10.6219 8.41459Z" id="CtrsIcon"/></svg>

</div>

<div>

<svg viewBox="0 0 24 24" fill="currentColor" height="34px"width="34px" xmlns="http://www.w3.org/2000/svg"><path d="M9 8.48216V15.518L15.0307 12.0001L9 8.48216ZM7.75194 5.43872L18.2596 11.5682C18.4981 11.7073 18.5787 12.0135 18.4396 12.252C18.3961 12.3265 18.3341 12.3885 18.2596 12.432L7.75194 18.5615C7.51341 18.7006 7.20725 18.62 7.06811 18.3815C7.0235 18.305 7 18.2181 7 18.1296V5.87061C7 5.59446 7.22386 5.37061 7.5 5.37061C7.58853 5.37061 7.67547 5.39411 7.75194 5.43872Z"/></svg>

</div>

</div>

</div>

</div>

<script src="BoomPlay.js"></script>

</body>

</html>