CINXE.COM

substreamer | Your Music. Your Way.

<!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="substreamer is the best free client for the subsonic music server"> <meta name="author" content="Gaven Henry"> <title>substreamer | Your Music. Your Way.</title> <!--https://www.favicon-generator.org/ <link rel="shortcut icon" href="favicon/favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon/favicon.ico" type="image/x-icon"> ico only--> <!--https://www.favicon-generator.org/ all other--> <link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png"> <link rel="manifest" href="favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <!-- Font Awesome CSS --> <link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Themify Icons CSS --> <link rel="stylesheet" href="css/themify-icons.css"> <!-- Elegant Font Icons CSS --> <link rel="stylesheet" href="css/elegant-font-icons.css"> <!-- Elegant Line Icons CSS --> <link rel="stylesheet" href="css/elegant-line-icons.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Slicknav CSS --> <link rel="stylesheet" href="css/slicknav.min.css"> <!-- animate CSS --> <link rel="stylesheet" href="css/animate.min.css"> <!-- OWL-Carousel CSS --> <link rel="stylesheet" href="css/owl.carousel.css"> <!-- Swiper CSS --> <link rel="stylesheet" href="css/swiper.min.css"> <!-- Main CSS --> <link rel="stylesheet" href="css/main.css"> <!-- Responsive CSS --> <link rel="stylesheet" href="css/responsive.css"> <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> </head> <body data-spy="scroll" data-target="#navmenu" data-offset="70"> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div id='preloader'> <div class='loader'> <div class="battery"></div> </div> </div> <!-- Preloader --> <header id="header" class="header_section"> <div class="container"> <nav class="navbar"> <a href="#" class="navbar-brand"><img src="img/logo.png" alt="substreamer"></a> <div class="d-flex menu-wrap"> <div id="navmenu" class="mainmenu"> <ul class="nav"> <li> <a data-scroll class="nav-link active" href="#home">Home <span class="sr-only">(current)</span></a> </li> <li> <a data-scroll class="nav-link" href="#features">Features</a> </li> <li> <a data-scroll class="nav-link" href="#screenshots">Screenshots</a> </li> <li> <a data-scroll class="nav-link" href="#download">Download</a> </li> <li> <a data-scroll class="nav-link" href="https://reddit.com/r/substreamer" target="_blank">Community</a> </li> </ul> </div> </div> </nav> </div> </header> <!-- Header --> <section id="home" class="hero_section gradiant padding"> <div class="display-table"> <div class="table-cell"> <div class="container"> <div class="hero_content"> <h1>substreamer <br> Your Music. Your Way.</h1> <p>The best free client app for the subsonic music server.<br> Get your music, your way with subsonic and substreamer.</p> <div class="download_btn"> <a href="https://apps.apple.com/us/app/substreamer/id1012991665"><img src="img/apple.png" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.ghenry22.substream2"><img src="img/android.png" alt=""></a> </div> </div> </div> <div class="hero_mockup d-none d-md-block"></div> </div> </div> </section> <!-- Hero Section --> <section class="promo_section bd-bottom padding"> <div class="container"> <div class="row"> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-desktop"></i> <h3>Subsonic Server</h3> <p>Get the original <a href="https://subsonic.org">subsonic server</a> to get started organising your music library.</p> </div> </div> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-layers"></i> <h3>Subsonic Forks</h3> <p>Works with subsonic forks such as <a href="https://airsonic.github.io/">airsonic</a>, <a href="https://www.madsonic.org/">madsonic</a> and others that implement the subsonic API v1.13 or higher such as <a href="https://www.navidrome.org/">Navidrome</a>, <a href="https://ampache.org">Ampache</a>.</p> </div> </div> <div class="col-md-4 xs-padding"> <div class="promo_content text-center"> <i class="icon-mobile"></i> <h3>Free</h3> <p>substreamer is the best, most fully featured free client for subsonic servers out there, give it a try!</p> </div> </div> </div> </div> </section> <!-- Promo Section --> <section id="features" class="feature_section gradiant padding"> <div class="container"> <div class="section_heading mb-40 align-center"> <h2>substreamer Features</h2> <p>substreamer and the subsonic music server are packed with features.<br> Here are some highlights but grab the app and explore!</p> </div> <div class="row feature_wrap"> <div class="col-md-3"> <ul class="feature_content feature_left align-right"> <li class="wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1000ms"> <h3>Music</h3> <p>Access your own music collection by tag or folder</p> </li> <li class="wow fadeInRight" data-wow-delay="150ms" data-wow-duration="1000ms"> <h3>Offline Listening</h3> <p>Full offline access to music, playlists, podcasts</p> </li> <li class="wow fadeInRight" data-wow-delay="300ms" data-wow-duration="1000ms"> <h3>Light & Dark</h3> <p>Choose the style you like, both are ready to go</p> </li> </ul> </div> <!-- Left Features --> <div class="col-md-3 offset-md-6"> <ul class="feature_content feature_right align-left"> <li class="wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1000ms"> <h3>Podcasts</h3> <p>Listen to podcasts from your subsonic server</p> </li> <li class="wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1000ms"> <h3>Extensive Controls</h3> <p>Configurable skip intervals, sleep timer, offline bookmarks, repeat modes and more</p> </li> <li class="wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1000ms"> <h3>Search & Sort</h3> <p>Search your library and quickly build and save playlists</p> </li> </ul> </div> <!-- Right Features --> <div class="iphone_moc"></div> </div> </div> </section> <!-- Feature Section --> <section id="screenshots" class="screenshot_section bd-bottom padding"> <div class="container"> <div class="section_heading mb-40 align-center"> <h2>Screenshots</h2> <p>Here&apos;s a quick preview of substreamer.<br> It&apos;s free and packed with features, give it a try!</p> </div> <div class="row"> <div class="col-lg-12"> <div class="screen_wrap"> <div class="swiper-container screen_carousel"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="img/screenshot-1.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-2.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-3.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-4.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-5.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-6.jpg" alt="App Screen"> </div> <div class="swiper-slide"> <img src="img/screenshot-7.jpg" alt="App Screen"> </div> </div> <!-- pagination --> <div class="screen-pagination"></div> </div> </div> </div> </div> </div> </section> <!-- Screenshot Section --> <!-- Testimonial Section --> <!-- Blog Section --> <section id="download" class="download_section gradiant padding"> <div class="container"> <div class="download_content text-center wow fadeInUp" data-wow-delay="400ms" data-wow-duration="800ms"> <h3>Download substreamer Today</h3> <p>The best free client app for the subsonic music server.<br> Get your music, your way with subsonic and substreamer.</p> <div class="download_btn"> <a href="https://apps.apple.com/us/app/substreamer/id1012991665"><img src="img/apple.png" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.ghenry22.substream2"><img src="img/android.png" alt=""></a> </div> </div> </div> </section> <!-- Download Section --> <!-- Subscribe Section --> <footer class="footer_section align-center"> <div class="container"> <p>&copy; 2021 Gaven Henry</p> <p>ghenry22.apps@gmail.com</p> <button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#privacyModal"> Privacy Policy </button> <!-- Modal --> <div class="modal fade" id="privacyModal" tabindex="-1" role="dialog" aria-labelledby="privacyModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="privacyModalLabel">Privacy Policy</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <div id="privacyContent"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <p> </p> </div> </footer> <!-- /.footer_section --> <a data-scroll href="#header" id="scroll-to-top"><i class="arrow_carrot-up"></i></a> <!-- jQuery Lib --> <script src="js/vendor/jquery-1.12.4.min.js"></script> <!-- Bootstrap JS --> <script src="js/vendor/bootstrap.min.js"></script> <!-- Tether JS --> <script src="js/vendor/tether.min.js"></script> <!-- Slicknav JS --> <script src="js/vendor/jquery.slicknav.min.js"></script> <!-- OWL-Carousel JS --> <script src="js/vendor/owl.carousel.min.js"></script> <!-- Swiper JS --> <script src="js/vendor/swiper.min.js"></script> <!-- Smooth Scroll JS --> <script src="js/vendor/smooth-scroll.min.js"></script> <!-- Ajaxchimp JS --> <script src="js/vendor/jquery.ajaxchimp.min.js"></script> <!-- Wow JS --> <script src="js/vendor/wow.min.js"></script> <!-- Main JS --> <script src="js/main.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10