Advertisement
Guest User

Untitled

a guest
Sep 2nd, 2015
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.34 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>FutureGooseMusic</title>
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="https://googledrive.com/host/0B6t34ty5CmAAci0yQ0J4NGtob2s">
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  13. </head>
  14. <style>
  15. iframe {display:none !important;}
  16.  
  17. </style>
  18. <body>
  19. <!-- Fixed navbar -->
  20. <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  21. <div class="container">
  22. <div class="navbar-header">
  23. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  24. <span class="sr-only">Toggle navigation</span>
  25. <span class="icon-bar"></span>
  26. <span class="icon-bar"></span>
  27. <span class="icon-bar"></span>
  28. </button>
  29. <a class="logo-link" href="http://futuregoosemusic.tumblr.com">
  30. <div class="logo"></div>
  31. </a>
  32. </div>
  33. <div class="navbar-collapse collapse">
  34. <ul class="nav navbar-nav navbar-right">
  35. <li><a href="http://futuregoosemusic.com">Home</a></li>
  36. <li><a href="about">About</a></li>
  37. <li class="active"><a href="artists">Artists</a></li>
  38. <li><a href="releases">Releases</a></li>
  39. <li><a href="news">News</a></li>
  40. <li><a href="contact">Contact</a></li>
  41. </ul>
  42. </div><!--/.nav-collapse -->
  43. </div>
  44. </nav>
  45.  
  46. <div class="container" style="margin-top:80px;">
  47. <div class="row">
  48. <h2 style="text-align:center;">Artists</h2>
  49. <hr>
  50. <div class="col-md-4">
  51. <table>
  52. <tbody>
  53. <div>
  54. <a>
  55. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/569420_orig.png"></img>
  56. </a>
  57. <h4 style="text-align:center;margin-top:10px;">Diode</h4>
  58. <div class="customfa" style="margin-top:10px;">
  59. <a href="https://soundcloud.com/itsdiode">
  60. <i class="fa fa-soundcloud fa-2x"></i>
  61. </a>
  62. <a href="https://twitter.com/itsdiode">
  63. <i class="fa fa-twitter fa-2x"></i>
  64. </a>
  65. <a href="https://www.youtube.com/user/pierce1oo">
  66. <i class="fa fa-youtube-play fa-2x"></i>
  67. </a>
  68. </div>
  69. </div>
  70. <div class="topgab">
  71. <a>
  72. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/6496860_orig.png"></img>
  73. </a>
  74. <h4 style="text-align:center;margin-top:10px;">Foizon</h4>
  75. <div class="customfa" style="margin-top:10px;">
  76. <a href="https://soundcloud.com/foizonmusic">
  77. <i class="fa fa-soundcloud fa-2x"></i>
  78. </a>
  79. <a href="https://twitter.com/FoizonMusic">
  80. <i class="fa fa-twitter fa-2x"></i>
  81. </a>
  82. </div>
  83. </div>
  84. <div class="topgab">
  85. <a>
  86. <img class="round" style="width:auto;max-width:50%;" align="middle" src="https://i1.sndcdn.com/avatars-000166684204-y6imfy-t200x200.jpg"></img>
  87. </a>
  88. <h4 style="text-align:center;margin-top:10px;">vITALITY</h4>
  89. <div class="customfa" style="margin-top:10px;">
  90. <a href="https://soundcloud.com/vitalitydubstep">
  91. <i class="fa fa-soundcloud fa-2x"></i>
  92. </a>
  93. </div>
  94. </div>
  95. <div class="topgab">
  96. <a>
  97. <img class="round" style="width:auto;max-width:50%;" align="middle" src="https://i1.sndcdn.com/avatars-000158279304-wmxwhw-t500x500.jpg"></img>
  98. </a>
  99. <h4 style="text-align:center;margin-top:10px;">Dalux</h4>
  100. <div class="customfa" style="margin-top:10px;">
  101. <a href="https://soundcloud.com/daluxmusic">
  102. <i class="fa fa-soundcloud fa-2x"></i>
  103. </a>
  104. </div>
  105. </div>
  106. </tbody>
  107. </table>
  108. </div>
  109. <div class="col-md-4">
  110. <table>
  111. <tbody>
  112. <div>
  113. <a>
  114. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/7556739_orig.png"></img>
  115. </a>
  116. <h4 style="text-align:center;margin-top:10px;">+1 Rabbit</h4>
  117. <div class="customfa" style="margin-top:10px;">
  118. <a href="https://twitter.com/plusonerabbit">
  119. <i class="fa fa-twitter fa-2x"></i>
  120. </a>
  121. </div>
  122. </div>
  123. <div class="topgab">
  124. <a>
  125. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/5966738_orig.png"></img>
  126. </a>
  127. <h4 style="text-align:center;margin-top:10px;">Bybot</h4>
  128. <div class="customfa" style="margin-top:10px;">
  129. <a href="https://soundcloud.com/bybot">
  130. <i class="fa fa-soundcloud fa-2x"></i>
  131. </a>
  132. <a href="https://twitter.com/BybotNL">
  133. <i class="fa fa-twitter fa-2x"></i>
  134. </a>
  135. </div>
  136. </div>
  137. <div class="topgab">
  138. <a>
  139. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://i.imgur.com/L3DqbOE.png"></img>
  140. </a>
  141. <h4 style="text-align:center;margin-top:10px;">Tyler Taken</h4>
  142. <div class="customfa" style="margin-top:10px;">
  143. <a href="https://soundcloud.com/tylertaken">
  144. <i class="fa fa-soundcloud fa-2x"></i>
  145. </a>
  146. <a href="">
  147. <i class="fa fa-twitter fa-2x"></i>
  148. </a>
  149. </div>
  150. </div>
  151. </tbody>
  152. </table>
  153. </div>
  154. <div class="col-md-4">
  155. <table>
  156. <tbody>
  157. <div>
  158. <a>
  159. <img class="round" style="width:auto;max-width:50%;" class="center-block" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/810559_orig.png"></img>
  160. </a>
  161. <h4 style="text-align:center;margin-top:10px;">Corrupting the Population</h4>
  162. <div class="customfa" style="margin-top:10px;">
  163. <a href="https://soundcloud.com/corruptingthepopulation">
  164. <i class="fa fa-soundcloud fa-2x"></i>
  165. </a>
  166. <a href="https://twitter.com/CTP_Music">
  167. <i class="fa fa-twitter fa-2x"></i>
  168. </a>
  169. </div>
  170. </div>
  171. <div class="topgab">
  172. <a>
  173. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://i.imgur.com/xoP3aUN.png"></img>
  174. </a>
  175. <h4 style="text-align:center;margin-top:10px;">CutLink</h4>
  176. <div class="customfa" style="margin-top:10px;">
  177. <a href="https://soundcloud.com/cutlink">
  178. <i class="fa fa-soundcloud fa-2x"></i>
  179. </a>
  180. <a href="https://twitter.com/IAmCutLink">
  181. <i class="fa fa-twitter fa-2x"></i>
  182. </a>
  183. </div>
  184. </div>
  185. <div class="topgab">
  186. <a>
  187. <img class="round" style="width:auto;max-width:50%;" align="middle" src="http://futuregoose.weebly.com/uploads/5/1/6/2/51627915/1462142_orig.png"></img>
  188. </a>
  189. <h4 style="text-align:center;margin-top:10px;">Performance -> Zerda</h4>
  190. <div class="customfa" style="margin-top:10px;">
  191. <a href="https://soundcloud.com/officialperformance">
  192. <i class="fa fa-soundcloud fa-2x"></i>
  193. </a>
  194. <a href="https://twitter.com/PerformanceEDM">
  195. <i class="fa fa-twitter fa-2x"></i>
  196. </a>
  197. </div>
  198. </div>
  199. <div class="topgab">
  200. <a>
  201. <img class="round" style="width:auto;max-width:50%;" align="middle" src="https://i1.sndcdn.com/avatars-000169397351-c34vs5-t200x200.jpg"></img>
  202. </a>
  203. <h4 style="text-align:center;margin-top:10px;">Grem.Lin</h4>
  204. <div class="customfa" style="margin-top:10px;">
  205. <a href="https://soundcloud.com/Grem_Lin">
  206. <i class="fa fa-soundcloud fa-2x"></i>
  207. </a>
  208. </div>
  209. </div>
  210. </tbody>
  211. </table>
  212. </div>
  213. </div>
  214. <hr>
  215. </div>
  216.  
  217.  
  218.  
  219. <!-- Fixed footer -->
  220. <div class="navbar navbar-default navbar-static-bottom" role="navigation">
  221. <div class="rightsocials">
  222. <a href="https://soundcloud.com/futuregoose">
  223. <i class="fa fa-soundcloud"></i>
  224. </a>
  225. <a href="https://twitter.com/future_goose">
  226. <i class="fa fa-twitter"></i>
  227. </a>
  228. <a href="">
  229. <i class="fa fa-youtube-play"></i>
  230. </a>
  231. <h6 style="display: inline-block;">© 2015 Future Goose</h6>
  232. </div>
  233. <div class="container">
  234. <div class="topline">
  235. <a href="http://futuregoosemusic.tumblr.com">
  236. <h6>Home</h6>
  237. </a>
  238. <a href="about">
  239. <h6>About</h6>
  240. </a>
  241. <a href="artists">
  242. <h6>Artists</h6>
  243. </a>
  244. <a href="releases">
  245. <h6>Releases</h6>
  246. </a>
  247. <a href="news">
  248. <h6>News</h6>
  249. </a>
  250. <a href="contact">
  251. <h6>Contact</h6>
  252. </a>
  253. </div>
  254.  
  255. </div>
  256. </div>
  257.  
  258. <!-- Bootstrap core JavaScript
  259. ================================================== -->
  260. <!-- Placed at the end of the document so the pages load faster -->
  261. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  262. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  263. </body>
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement