<!DOCTYPE HTML PUBLIC>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="Stereo For Two Official Music Website - Listen and download Techno, Deep House, Progressive House and Tech-House productions">
    <meta name="keywords" content="Stereo For Two, Music, Drumcode, Tomorrowland, Techno, Deephouse, Tim Verhees, Joris Bylemans" />
    <meta name="author" content="Artofact, www.artofact.be">

    <title>Stereo For Two - Official Website</title>
    <meta name="google-site-verification" content="m93BSez47ztuo7n2HUZoFwoEbENyD6ChTmQVBQkY8gE" />
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link href='//fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    
    <meta name="viewport" content="initial-scale=1.0, user-scalable=1">

    <link href='css/style.css' rel='stylesheet' type='text/css'>
    <link href='css/modal.css' rel='stylesheet' type='text/css'>
    <link href='css/loader.css' rel='stylesheet' type='text/css'>
    <link href='css/animate.css' rel='stylesheet' type='text/css'>
    <link href='css/normalize.css' rel='stylesheet' type='text/css'>

    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 720px)" href="css/desktop.css" />
    <link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 1136px)" href="css/mobile.css" /> //-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>    
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/home.js?v=1"></script>
    <script type="text/javascript" src="js/modal.js?v=1"></script>
    <script type="text/javascript" src="js/djsets.js?v=1"></script>

   
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

      <body>
      <div id="main">
      
<!--<div class="banner-box">
  <a href="https://www.tomorrowland.com/en/festival/line-up/stereo-for-two" target="_blank" title="Stereo For Two | Tomorrowland 2017 | Drumcode"><img alt="Stereo For Two | Tomorrowland 2017 | Drumcode" class="img-responsive" src="images/layout/banner.jpg" /></a>
</div>//-->

<div id="stereofortwo" class="header">
  <h1 class="stereofortwo">Stereo For Two</h1>
</div> <!-- div point //-->

<div id="biography" class="point">
  <div class="container">
    <div class="container header-span">
      <div class="col-md-12" style="margin-top: 10px">
        <div style="font-size: 3em; cursor: pointer" class="center-block glyphicon glyphicon-align-left"></div>
        <h1 style="font-size: 2em; text-align: center;">biography</h1>
        <hr noshade="noshade" />
      </div>
      <div>Stereo For Two is a project by Joris Bylemans and Tim Verhees, two Belgian DJ's &amp; producers. They started to mix their musical influences and recording studio know-how together with their love for electronic music to bring you quality tracks ranging from deep house to techno. Their music is provocative, inspiring and innovative; they have an innate sense of rhythm, think out of the box and blend different styles and sounds in their dj sets and productions in a way you’ve never heard before. Apart from their own releases, they have added their idiosyncratic touch to numerous remixes for various exciting new artists and labels. When they’re not in the studio, they are in the clubs. Their eclectic knowledge of music and dynamic style makes sure when they're spinning the decks, you’ll know!</div>
      <div class="socialmedia">
        <a href="http://twitter.com/StereoForTwo" class="socialnetwork twitter" target="_bank"><img src="images/icons/twitter.png" style="width: 24px; height: 24px" alt="stereo for two twitter" /></a>
        <a href="http://youtube.com/StereoForTwoMusic" class="socialnetwork youtube" target="_bank"><img src="images/icons/youtube.png" style="width: 24px; height: 24px" alt="stereo for two soundcloud" /></a>
        <a href="http://facebook.com/StereoForTwo" class="socialnetwork facebook" target="_bank"><img src="images/icons/facebook.png" style="width: 24px; height: 24px" alt="stereo for two facebook" /></a>
        <a href="http://soundcloud.com/StereoForTwo" class="socialnetwork soundcloud" target="_bank"><img src="images/icons/soundcloud.png" style="width: 24px; height: 24px" alt="stereo for two soundcloud" /></a>
      </div>
      <br />
    </div>
  </div> <!-- div container //-->
</div> <!-- div point //-->

<div class="stereofortwo-duo bg_picture">&nbsp;</div>

<!-- RELEASES //-->
<div id="releases" class="point">
  <div class="container">
    <div class="container header-span">
      <div class="col-md-12" style="margin-top: 50px">
        <div style="font-size: 3em; cursor: pointer" class="center-block glyphicon glyphicon-headphones"></div>
        <h1 style="font-size: 2em; text-align: center;">releases</h1>
        <hr noshade="noshade" />
      </div>
              <br />
        <div class="input-group">
          <span class="input-group-addon"><span class="glyphicon glyphicon-search">&nbsp;</span></span>
          <span><input type="text" id="searchInput" placeholder="Search in list" class="form-control input-lg" /></span>
        </div>
        <br />
          <script type="text/javascript">
          $("#searchInput").click(function(){

          });
          $("#searchInput").keyup(function() {
            var rows = $("#fbody").find("tr").hide();
            var data = this.value.split(" ");
            $.each(data, function(i, v) {
              var r = new RegExp(v, 'i');
              rows.filter(function(){ return $(this).text().match(r) }).show();
            });
          });
          </script>
          <table id="releases_list" class="list" style="color:white;">
            <tbody id="fbody">
              
            </tbody>
          </table>

          <div id="btn_load_more_releases" class="btn btn-primary" data-start="0" data-total-releases="228" data-path-img="images/covers/">load more ...</div>  

        <div class="clear">&nbsp;</div>
        <br /><br />
          </div>
  </div> <!-- div container //-->
</div> <!-- div point //-->

<div class="stereofortwo-tim bg_picture">&nbsp;</div>

<div id="mixes" class="point">
  <div class="container">
    <div class="container header-span">
      <div class="col-md-12" style="margin-top: 10px">
      <div style="font-size: 3em; cursor: pointer" class="center-block glyphicon glyphicon-volume-up"></div>
       <h1 style="font-size: 2em; text-align: center;">dj sets</h1>
        <hr noshade="noshade" />
      </div>
      <div class="djsets" style="text-align: center">     
       
      </div>
    </div>
    <br />
    <br />
    <br />
  </div> <!-- div container //-->
</div> <!-- div point //-->

<div class="stereofortwo-joris bg_picture">&nbsp;</div>

<div id="keypoints" class="point">
  <div class="container">
    <div class="container header-span">
      <div class="col-md-12" style="margin-top: 10px">
        <div style="font-size: 3em; cursor: pointer" class="center-block glyphicon glyphicon-star-empty"></div>
       <h1 style="font-size: 2em; text-align: center;">keypoints</h1>
        <hr noshade="noshade" />
      </div>
      <div style="margin: 0px 20px 0px 20px">
      <div>SUPPORTED &amp; PLAYED BY: Richie Hawtin, Armand Van Helden, Sven Van Hees, Marco Carola, Sasha Le Monnier, Fedde le Grand, Dandi &amp; Ugo, Alex Under, Clint Maximus, D-Phrag, James Warren, Markus Schulz, Luis Armando, Buscemi, Niki Belucci, and many more ...</div>
      <br />
      <div>COLLABORATIONS: Buscemi, Sven Van Hees, Noraj Cue, Jelly For The Babies, Rone White, Beyond Space, Ewan Rill, Oscar Holgado, Leach, Platinum Monkey, Alexandro Tachyani, Marc Pollen, Juan Lombardo, Mylan, Beat Bang Blasters, Muted Gap, Amol Reon, Wang, Farfan, Luis Armando, Max Cue, and many more ...</div>
      <br />
      <div>DJ GIGS: Tomorrowland, Café d'Anvers, Laundry Day, Otto 10 (Paris), Balmoral, Sonntag, Mythnacht, Vorsprung Durch Techno, Beatfarm, Bombo-matic, Falcon Playa, Locals, Magiq Mirrors, Club 3000, Puntpop, Borderbeats, DOW and many more ...</div>
      </div>
    </div>
    <br />
    <br />
    <br />
  </div> <!-- div container //-->
</div> <!-- div point //-->


<div class="stereofortwo-duo2 bg_picture">&nbsp;</div>

<div id="footer" class="point">
  <div class="container" style="text-align: center">
    wwww.stereofortwo.com<br /><span style="font-size: 0.6em">&copy; photgraphy by Amaury Avermaete</span>
    <div class="socialmedia">
      <a href="http://twitter.com/StereoForTwo" class="socialnetwork twitter" target="_bank"><img src="images/icons/twitter.png" style="width: 24px; height: 24px" alt="stereo for two twitter" /></a>
      <a href="http://youtube.com/StereoForTwoMusic" class="socialnetwork youtube" target="_bank"><img src="images/icons/youtube.png" style="width: 24px; height: 24px" alt="stereo for two soundcloud" /></a>
      <a href="http://facebook.com/StereoForTwo" class="socialnetwork facebook" target="_bank"><img src="images/icons/facebook.png" style="width: 24px; height: 24px" alt="stereo for two facebook" /></a>
      <a href="http://soundcloud.com/StereoForTwo" class="socialnetwork soundcloud" target="_bank"><img src="images/icons/soundcloud.png" style="width: 24px; height: 24px" alt="stereo for two soundcloud" /></a>
    </div>
  </div> <!-- div container //-->
</div> <!-- div point //-->

<!-- Modal -->
<div class="modal fade" id="myModal_release" role="dialog" style="z-index: 10000000">  

  <div class="modal-dialog-release">  
  
    <div class="modal-content">    
        <div class="spinner">
          <div class="rect1"></div>
          <div class="rect2"></div>
          <div class="rect3"></div>
          <div class="rect4"></div>
          <div class="rect5"></div>
        </div>

      <div id="modal-body" class="container-fluid center" style="display: none">
        <div class="row">                    
          <!-- player //-->
          <div class="col-sm-4 center-block">            
            <div class="modal-image-player">
              <div class="sc_player player"></div>
              <img class="modal-cover img-responsive shadow" src="#" />
            </div>           
          </div>

          <!-- release information //-->
          <div class="col-sm-8">
            <div class="modal-releasename"></div>
            <span class="modal-label"></span>
            <div><span class="modal-catalogno"></span>&nbsp;-&nbsp;<span class="modal-releasedate">{releasedate}</span></div>
            <div class="modal-tracklist"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
  </body>
</html>