View Page Source

editor Logout
Account Preferences

Did you know...
Cuba has a "lower" infant mortality rate than the United States because babies under 1000 grams who die are counted as stillbirths - in the United States doctors will try to save the baby, and about half of those die in the first day ?

view source - http://www.themix1057.com/
*** Test System *** GO TO PRODUCTION

<!DOCTYPE html> <html lang="ENG"> <head> <meta charset="utf-8"> <title>The Mix 105.7</title> <meta name="description" content="Listen Live"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="theme-color" content="#171717"> <meta property="og:url" content="http://gsavio.github.io/player-shoutcast-html5"> <meta property="og:title" content=""> <meta property="og:site_name" content=""> <meta property="og:description" content=""> <meta property="og:image" content="img/bg-capa.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="512"> <meta property="og:image:height" content="512"> <link rel="icon" type="image/png" href="img/logo.png" /> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/animate.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="cover-site"> <div id="bgCover"></div> <div class="bg-mask"></div> </div> <main> <section id="player"> <div class="container"> <div class="row web-player"> <div class="col-12 col-lg-10"> <div class="row"> <div class="col-12 col-md-5"> <div class="cover-album"> <div id="currentCoverArt"></div> <div class="watermark"></div> </div> </div> <div class="col-12 ml-md-auto col-md-6"> <div class="row"> <div class="col-12"> <div class="info-current-song"> <h2 id="currentSong" class="current-song text-uppercase">...</h2> <h3 id="currentArtist" class="current-artist text-captalize">...</h3> </div> </div> <div class="col-12"> <div class="row"> <div class="play-pause col-12 col-md-2 text-center"> <i id="playerButton" class="fa fa-play" onclick="togglePlay()"></i> </div> <div class="col-12 col-md-10 text-center"> <div class="row volume-control"> <div class="volume-icon col-1"><i class="fa fa-volume-up"></i></div> <div class="volume-slide col-10 text-center"><input type="range" id="volume" step="1" min="0" max="100" value="75"></div> <div class="percentual-volume col-12">Volume <span id="volIndicator">...</span>%</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row historic"> <div class="col-12"> <h2>Recently Played</h2> <div class="row" id="historicSong"> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> <article class="col-12 col-md-6"> <div class="cover-historic"></div> <div class="music-info"> <div class="song">...</div> <div class="artist">...</div> </div> </article> </div> </div> </div> </div> </section> </main> <div class="modal fade" id="modalLyrics" tabindex="-1" role="dialog" aria-labelledby="lyricsSong" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="lyricsSong">Lyric</h5> <button type="button" style="color: #fff" class="close" data-dismiss="modal" aria-label="Fechar"> <span aria-hidden="true">×</span> </button> </div> <div class="vagalume text-center"><a href="https://www.vagalume.com.br/" target="_blank" rel="noopener"><img src="img/103-fundo-escuro.jpg" class="" /></a><br />Powered by <a href="https://www.vagalume.com.br/" target="_blank" rel="noopener">Vagalume</a></div> <div class="modal-body" id="lyric"></div> <div class="modal-footer"> <button type="button" class="btn btn-success" data-dismiss="modal">Close</button> </div> </div> </div> </div> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="config.js"></script> <script type="text/javascript" src="js/script.js"></script> </body> </html>