1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>KOS Music | Listen, Watch & Connect</title> 7 <meta name="description" content="Listen to music from KOS, watch performances, find official artist channels, and contact booking." /> 8 <meta name="theme-color" content="#02060a" /> 9 <meta property="og:title" content="KOS Music | Listen, Watch & Connect" /> 10 <meta property="og:description" content="Listen to music from KOS, watch performances, and connect with the official artist channels." /> 11 <meta property="og:site_name" content="KOS" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:url" content="https://djkos.com/music.html" /> 14 <meta property="og:image" content="https://djkos.com/assets/kos-twitch-banner.jpg" /> 15 <meta property="og:image:width" content="1983" /> 16 <meta property="og:image:height" content="793" /> 17 <meta name="twitter:card" content="summary_large_image" /> 18 <meta name="twitter:title" content="KOS Music | Listen, Watch & Connect" /> 19 <meta name="twitter:description" content="Listen to music from KOS, watch performances, and connect with the official artist channels." /> 20 <meta name="twitter:image" content="https://djkos.com/assets/kos-twitch-banner.jpg" /> 21 <link rel="canonical" href="https://djkos.com/music.html" /> 22 <link rel="icon" type="image/png" href="./assets/favicon.png?v=27" /> 23 <link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" /> 24 <link rel="preconnect" href="https://fonts.googleapis.com" /> 25 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 26 <link 27 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Orbitron:wght@600;700;800;900&display=swap" 28 rel="stylesheet" 29 /> 30 <link rel="stylesheet" href="./styles.css?v=34" /> 31 </head> 32 <body> 33 <a class="skip-link" href="#main">Skip to content</a> 34 35 <header class="site-header"> 36 <a class="brand" href="./index.html" aria-label="KOS home"> 37 <img src="./assets/kos-logo-transparent.png" alt="" /> 38 </a> 39 <nav class="feature-nav" aria-label="Primary sections"> 40 <a href="./index.html">Home</a> 41 <a href="./music.html">Music</a> 42 <a href="./merch.html">Merch</a> 43 <a href="./booking.html">Booking</a> 44 </nav> 45 <a class="button ghost header-cta" href="./booking.html">Book KOS</a> 46 </header> 47 48 <main class="site-shell subpage" id="main"> 49 <header class="page-hero stage"> 50 <div class="stage-layers" aria-hidden="true"> 51 <div class="stage-glow glow-left"></div> 52 <div class="stage-glow glow-right"></div> 53 <div class="stage-beam beam-a"></div> 54 <div class="stage-beam beam-c"></div> 55 <div class="stage-fog fog-a"></div> 56 <div class="stage-floor"></div> 57 <div class="stage-haze"></div> 58 </div> 59 <img class="page-logo" src="./assets/kos-logo-transparent.png" alt="KOS" /> 60 <h1>Music / Watch / Connect</h1> 61 <p class="page-sub">Music from KOS.</p> 62 </header> 63 64 <section class="spotify-panel panel" aria-label="Spotify artist player"> 65 <h2>Music</h2> 66 <a class="spotify-showcase" href="https://open.spotify.com/artist/32H7fnwHrgj5kLDe6g6Nos?si=Tk9l9lmIQgyhBceMlg65eA" target="_blank" rel="noreferrer"> 67 <div class="spotify-head"> 68 <img src="./assets/dj-kos-headshot-preferred.jpeg" alt="KOS" /> 69 <div> 70 <span class="spotify-mark">Spotify</span> 71 <h3>KOS</h3> 72 <p>Top tracks</p> 73 </div> 74 <span class="spotify-play" aria-hidden="true">â¶</span> 75 </div> 76 <ol class="spotify-tracks"> 77 <li><span>I Was Made For Dancing</span><b>05:48</b></li> 78 <li><span>Shake Your Tail Girl</span><b>05:30</b></li> 79 <li><span>I Feel Love</span><b>05:07</b></li> 80 </ol> 81 </a> 82 <a class="button outline spotify-direct" href="https://open.spotify.com/artist/32H7fnwHrgj5kLDe6g6Nos?si=Tk9l9lmIQgyhBceMlg65eA" target="_blank" rel="noreferrer">Open Spotify</a> 83 </section> 84 85 <section class="content-grid" id="music"> 86 <div class="panel music-panel"> 87 <h2>Stream Music</h2> 88 <div class="card-grid" id="music-links"></div> 89 </div> 90 <div class="panel watch-panel" id="video"> 91 <h2>Watch</h2> 92 <div class="card-grid" id="watch-links"></div> 93 </div> 94 </section> 95 96 <section class="social-panel panel" id="follow"> 97 <h2>Connect & Follow</h2> 98 <div class="social-row" id="social-links"></div> 99 </section> 100 101 <section class="booking-panel stage" aria-labelledby="music-booking-title"> 102 <div class="stage-layers" aria-hidden="true"> 103 <div class="stage-beam beam-e"></div> 104 <div class="stage-fog fog-e"></div> 105 </div> 106 <div class="booking-inner"> 107 <div> 108 <p class="eyebrow">Booking</p> 109 <h2 id="music-booking-title">Bring KOS to Your Event</h2> 110 <p>Planning a club night, festival, or private event? Send the date, location, and event details directly to booking.</p> 111 </div> 112 <div class="booking-actions"> 113 <a class="button neon" href="./booking.html">Book KOS</a> 114 </div> 115 </div> 116 </section> 117 </main> 118 119 <footer class="site-footer"> 120 <div class="footer-inner"> 121 <a class="footer-brand" href="./index.html" aria-label="KOS home"> 122 <img src="./assets/kos-logo-transparent.png" alt="" loading="lazy" /> 123 </a> 124 <p>© 2026 KOS</p> 125 <nav class="footer-links" aria-label="Footer"> 126 <a href="https://open.spotify.com/artist/32H7fnwHrgj5kLDe6g6Nos?si=Tk9l9lmIQgyhBceMlg65eA" target="_blank" rel="noreferrer">Spotify</a> 127 <a href="https://www.twitch.tv/dj_kos" target="_blank" rel="noreferrer">Twitch</a> 128 <a href="https://www.instagram.com/djkos" target="_blank" rel="noreferrer">Instagram</a> 129 <a href="https://www.youtube.com/@dj_kos_1baddj" target="_blank" rel="noreferrer">YouTube</a> 130 <a href="./booking.html">Book KOS</a> 131 </nav> 132 </div> 133 </footer> 134 135
135<script type="module" src="./attribution.mjs"></script>
135 136
136<script src="./script.js?v=34"></script>
136 137 </body> 138</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.