|
@@ -11,43 +11,133 @@
|
|
<body>
|
|
<body>
|
|
<header>
|
|
<header>
|
|
<div class="container">
|
|
<div class="container">
|
|
- <!--<img src="img/vu.gif">-->
|
|
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm-12">
|
|
|
|
+ <img src="img/header.png">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm-6">
|
|
|
|
+
|
|
|
|
+ <img src="img/vu.gif" width="200px">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-sm-6">
|
|
|
|
+ <div id="audio_player">
|
|
|
|
+ <div class="panel-body">
|
|
|
|
+ <p>Leo Windham - Crossroads Radio</p>
|
|
|
|
+ <div id="controls">
|
|
|
|
+ <div id="amplitude-play-pause" amplitude-song-index="0" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="CrossRoads"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div id="audio_player">
|
|
|
|
+ <div class="panel-body">
|
|
|
|
+ <p>Woody Windham - iWoody Radio</p>
|
|
|
|
+ <div id="controls">
|
|
|
|
+ <div id="amplitude-play-pause" amplitude-song-index="1" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="iWoody"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</header>
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
<div class="container">
|
|
<div class="container">
|
|
- <div class="row">
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
- <!-- START Audio Player -->
|
|
|
|
- <div id="audio_player" class="panel panel-default">
|
|
|
|
- <div class="panel-body">
|
|
|
|
- <p>Leo Windham - Crossroads Radio</p>
|
|
|
|
- <div id="controls">
|
|
|
|
- <div id="amplitude-play-pause" amplitude-song-index="0" class="amplitude-play-pause amplitude-paused"></div>
|
|
|
|
|
|
+
|
|
|
|
+ <ul class="nav nav-tabs" role="tablist">
|
|
|
|
+ <li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
|
|
|
|
+ <li role="presentation"><a href="#archive" aria-controls="archive" role="tab" data-toggle="tab">Archived Shows</a></li>
|
|
|
|
+ <li role="presentation"><a href="#schedule" aria-controls="messages" role="tab" data-toggle="tab">Schedule</a></li>
|
|
|
|
+ </ul>
|
|
|
|
+
|
|
|
|
+ <div class="tab-content">
|
|
|
|
+ <div role="tabpanel" class="tab-pane active" id="about">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm-6">
|
|
|
|
+ <h3>About</h3>
|
|
|
|
+ <p>The Windham Brothers Radio Show is the reunion of two Brothers that worked together on the radio for over 30 years. They're back and broadcasting every weekday morning from 6 to 10:00am live from Windham's Crossroads, South Carolina.</p>
|
|
|
|
+ <h3>Connect</h3>
|
|
|
|
+ <p><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> Call the studio Hotline @ 843-968-4757</p>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-sm-6">
|
|
|
|
+ <h3><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> How to Listen</h3>
|
|
|
|
+ <h4>Web <span class="glyphicon glyphicon-globe" aria-hidden="true"></span></h4>
|
|
|
|
+ <p><a href="http://windhambrothers.com/">windhambrothers.com</a><br />
|
|
|
|
+ <a href="http://woodywindham.com/">woodywindham.com</a><br />
|
|
|
|
+ <a href="http://cottageatthecrossroads.com/crossroads-radio/">cottageatthecrossroads.com</a><br />
|
|
|
|
+ <a href="https://www.facebook.com/windhambrothers">facebook.com/windhambrothers</a><br /></p>
|
|
|
|
+ <h4>iOS and Android Apps <span class="glyphicon glyphicon-phone" aria-hidden="true"></span></h4>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm-5">
|
|
|
|
+ <p>iWoody Radio</p>
|
|
|
|
+ <img src="img/iwoody.png" height="150">
|
|
|
|
+ <a href="https://itunes.apple.com/us/app/iwoody-radio/id1035163117" target="_blank"><img src="img/ios.png" width="130"></a>
|
|
|
|
+ <a href="https://play.google.com/store/apps/details?id=com.woodywindham.thewoody" target="_blank"><img src="img/android.png" width="130"></a>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-sm-5">
|
|
|
|
+ <p>Crossroads Radio</p>
|
|
|
|
+ <img src="img/crossroads.png" height="150">
|
|
|
|
+ <a href="https://itunes.apple.com/us/app/crossroads-radio/id942306178" target="_blank"><img src="img/ios.png" width="130"></a>
|
|
|
|
+ <a href="https://play.google.com/store/apps/details?id=org.cottageatthecrossroads.crossroadsradio" target="_blank"><img src="img/android.png" width="130"></a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <!-- END Audio Player -->
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="row">
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
- <!-- START Audio Player -->
|
|
|
|
- <div id="audio_player" class="panel panel-default">
|
|
|
|
- <div class="panel-body">
|
|
|
|
- <p>Woody Windham - iWoody Radio</p>
|
|
|
|
- <div id="controls">
|
|
|
|
- <div id="amplitude-play-pause" amplitude-song-index="1" class="amplitude-play-pause amplitude-paused"></div>
|
|
|
|
|
|
+ <div role="tabpanel" class="tab-pane fade" id="archive">
|
|
|
|
+
|
|
|
|
+ <div class="panel panel-default">
|
|
|
|
+ <!-- Default panel contents -->
|
|
|
|
+ <div class="panel-heading">Stream Archived Shows</div>
|
|
|
|
+ <div class="panel-body">
|
|
|
|
+ <p>...coming soon!</p>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- Table -->
|
|
|
|
+ <table class="table table-hover">
|
|
|
|
+ <thead>
|
|
|
|
+ <tr>
|
|
|
|
+ <th>Date</th>
|
|
|
|
+ <th>Guests</th>
|
|
|
|
+ <th><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span></th>
|
|
|
|
+ </tr>
|
|
|
|
+ </thead>
|
|
|
|
+ <tbody>
|
|
|
|
+ <tr>
|
|
|
|
+ <td>2/01/16</td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td>2/02/16</td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td>2/02/17</td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ </tr>
|
|
|
|
+ </tbody>
|
|
|
|
+ </table>
|
|
|
|
+ </table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ <div role="tabpanel" class="tab-pane fade" id="schedule">
|
|
|
|
+ ... coming soon!
|
|
</div>
|
|
</div>
|
|
- <!-- END Audio Player -->
|
|
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
-</div>
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
+</div>
|
|
|
|
+
|
|
|
|
+ <div class="container">
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
|
|
<footer>
|
|
<footer>
|
|
|
|
|