index.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <title>Windham Brothers</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="description" content="Leo and Woody, the Windham Brothers">
  9. <link rel='stylesheet' id='wb' href='css/style.min.css' type='text/css' media='all' />
  10. </head>
  11. <body>
  12. <header>
  13. <div class="container">
  14. <div class="row">
  15. <div class="col-sm-12">
  16. <img src="img/header.png">
  17. </div>
  18. </div>
  19. <div class="row">
  20. <div class="col-sm-6">
  21. <img src="img/vu.gif" width="200px">
  22. </div>
  23. <div class="col-sm-6">
  24. <div id="audio_player">
  25. <div class="panel-body">
  26. <h5>Leo Windham - Crossroads Radio</h5>
  27. <p class="small">Beach, Boogie, &amp; More<br />from Windham's Crossroads</p>
  28. <div id="controls">
  29. <div id="amplitude-play-pause" amplitude-song-index="0" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="CrossRoads"></div>
  30. </div>
  31. </div>
  32. </div>
  33. <div id="audio_player">
  34. <div class="panel-body">
  35. <h5>Woody Windham - iWoody Radio</h5>
  36. <p class="small">Woody with The Goodies<br />with weekend broadcasts<br />from <a href="http://woodywindham.com" target="_blank">The Woody</a> dance club</a>.</p>
  37. <div id="controls">
  38. <div id="amplitude-play-pause" amplitude-song-index="1" class="amplitude-play-pause amplitude-paused" data-toggle="tooltip" data-placement="left" title="iWoody"></div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </header>
  46. <div class="container">
  47. <ul class="nav nav-tabs" role="tablist">
  48. <li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
  49. <li role="presentation"><a href="#archive" aria-controls="archive" role="tab" data-toggle="tab">Archived Shows</a></li>
  50. <li role="presentation"><a href="#schedule" aria-controls="messages" role="tab" data-toggle="tab">Schedule</a></li>
  51. </ul>
  52. <div class="tab-content">
  53. <div role="tabpanel" class="tab-pane active" id="about">
  54. <div class="row">
  55. <div class="col-sm-6">
  56. <h3>About</h3>
  57. <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 live <b>every weekday morning 6 to 10:00 a.m.</b> from Windham's Crossroads, South Carolina.</p>
  58. <h3>Connect</h3>
  59. <h4><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> Call 843-968-4757</h4>
  60. <p><a href="http://windhambrothers.com/" target="_blank">windhambrothers.com</a><br />
  61. <a href="http://woodywindham.com/" target="_blank">woodywindham.com</a><br />
  62. <a href="http://cottageatthecrossroads.com/crossroads-radio/" target="_blank">cottageatthecrossroads.com</a><br />
  63. <a href="https://www.facebook.com/windhambrothers" target="_blank">facebook.com/windhambrothers</a><br /></p>
  64. <!--<p class="small">Apps - <a href="http://kriswindham.com" target="_blank">Kris Windham</a> &amp; Web - <a href="https://davidawindham.com" target="_blank">David Windham</a></p>-->
  65. </div>
  66. <div class="col-sm-6">
  67. <h3><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> How to Listen</h3>
  68. <h4><span class="glyphicon glyphicon-phone" aria-hidden="true"></span>iOS &amp; Android Apps </h4>
  69. <div class="row">
  70. <div class="col-sm-5">
  71. <img src="img/iwoody.png" height="150">
  72. <a href="https://itunes.apple.com/us/app/iwoody-radio/id1035163117" target="_blank"><img src="img/ios.png" width="130"></a>
  73. <a href="https://play.google.com/store/apps/details?id=com.woodywindham.thewoody" target="_blank"><img src="img/android.png" width="130"></a>
  74. </div>
  75. <div class="col-sm-5">
  76. <img src="img/crossroads.png" height="150">
  77. <a href="https://itunes.apple.com/us/app/crossroads-radio/id942306178" target="_blank"><img src="img/ios.png" width="130"></a>
  78. <a href="https://play.google.com/store/apps/details?id=org.cottageatthecrossroads.crossroadsradio" target="_blank"><img src="img/android.png" width="130"></a>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div role="tabpanel" class="tab-pane fade" id="archive">
  85. <div class="panel panel-default">
  86. <!-- Default panel contents -->
  87. <div class="panel-heading">Stream Archived Shows</div>
  88. <div class="panel-body">
  89. <p>...coming soon!</p>
  90. </div>
  91. <!-- Table -->
  92. <table class="table table-hover">
  93. <thead>
  94. <tr>
  95. <th>Date</th>
  96. <th>Guests</th>
  97. <th><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span></th>
  98. </tr>
  99. </thead>
  100. <tbody>
  101. <tr>
  102. <td>2/01/16</td>
  103. <td></td>
  104. <td></td>
  105. </tr>
  106. <tr>
  107. <td>2/??/16</td>
  108. <td></td>
  109. <td></td>
  110. </tr>
  111. <tr>
  112. <td>2/01/17</td>
  113. <td></td>
  114. <td></td>
  115. </tr>
  116. </tbody>
  117. </table>
  118. </table>
  119. </div>
  120. </div>
  121. <div role="tabpanel" class="tab-pane fade" id="schedule">
  122. ... coming soon!
  123. </div>
  124. </div>
  125. </div>
  126. <div class="container">
  127. </div>
  128. <footer>
  129. </footer>
  130. <script src="js/vendor.min.js"></script>
  131. <script src="js/radio.min.js"></script>
  132. </body>
  133. </html>