-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (80 loc) · 4.38 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
<!DOCTYPE html>
<html>
<head>
<title>
kabrownie Beats!
</title>
<!--meta-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="beats, music, kabrownie, kabrownie beats, beatstar, beatstore, freebeats, youtube, buy beats, producer, music production, drill beats, hiphop beats, kenyandrill, ukdrill, trapbeat, popsmoke typebeat, typebeat, youngthug typebeat, magix enga, vince onthe beat, gunna type beats, lilbaby type beat, dababy type beat, freebeats chicago drill typebeat, free instrumental, beats2020, beats2021, beats2022, beats2023, beats2024, buy beats,typebeat website, kenyan producer, github">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="black.png" sizes="16x16" sizes="32x32"/>
<!--font awsome-->
<script src="https://kit.fontawesome.com/c4b1e869c9.js" crossorigin="anonymous"></script>
</head>
<body>
<!--header-->
<header>
<div class="header">
<div class="logo">
<img src="logo nobg.png.svg" />
KABROWNIE Beats
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="lines"></span>
<span class="lines"></span>
<span class="lines"></span>
</button>
<a class="header-link" href="https://kabrownie.github.io/#contact">Contact Us</a>
<a class="header-link" href="https://kabrownie.github.io/#about">About Us</a>
<a class="header-link" target="youtube" href="https://www.youtube.com/channel/UCHiKxFauLQlPYLsKcjxcP-g "></i>Youtube </a>
<a class="header-link" target="soundclick" href="https://www.soundclick.com/kabrowniebeats">Beat store</a>
<a class="header-link" href="https://kabrownie.github.io/">Kevin Karanja</a>
<nav class="nav">
<ul class="nav-list" >
<li> <a class="nav-link" href="https://kabrownie.github.io/">Kevin Karanja</a></li>
<li ><a class="nav-link" href="https://kabrownie.github.io/#contact">Contact</a></li>
<li><a class="nav-link" href="https://kabrownie.github.io/#about">About</a></li>
<li ><a class="nav-link" target="blank" href="https://www.instagram.com/kabrowniebeats ">Instagram </a></li>
<li ><a class="nav-link" target="blank" href="https://www.facebook.com/kabrowniebeats ">Facebook </a></li>
<li ><a class="nav-link" target="blank" href="https://www.youtube.com/channel/UCHiKxFauLQlPYLsKcjxcP-g ">Youtube </a></li>
<li><a class="nav-link" target="blank" href="https://www.soundclick.com/kabrowniebeats">Cart</a></li>
</ul>
</nav>
</div>
</header>
<akuna class="nyuma"><div class="logo">
<img src="logo nobg.png.svg" />
Kabrownie Beats
</div></akuna>
</body>
<!--home-->
<main>
<!--slide show-->
<div class = "cover">
<div class="slideshow-container">
<div class="mySlides fade">
<img src="bbubles.png" style="width:100%">
</div>
<div class="mySlides fade">
<img src="cover.png" style="width:100%">
</div>
</div>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
</div>
<!--play list-->
<!-- <iframe width="424" height="238" src="https://www.youtube.com/embed/OvstU6W4HpM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-->
<iframe width="100%" height="1000" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" scrolling="auto" src="https://www.soundclick.com/artist/external/standalone_license.cfm?bandID=1479828" style="border:0px; max-height: 80vh; margin:0 auto; "></iframe>
<!-- -->
</div>
<!--footer-->
<!-- song list file -->
<script src="script.js"></script>
</body>
</html>