API tools faq
paste
Advertisement
aggelosQQ

Bootstrap Navbar Collapse is Not Working

aggelosQQ
Mar 27th, 2016
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Home | ImmaNetwork</title>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <meta content="width=device-width, initial-scale=1" name="viewport">
  9. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  13. <link href="css/style.min.css" rel="stylesheet">
  14. <link href="css/animate.min.css" rel="stylesheet">
  15. </head>
  16.  
  17. <body>
  18. <a id="Top"></a>
  19. <nav class="navbar navbar-default navbar-static-top">
  20. <div class="container-fluid wow animated fadeInRight">
  21. <div class="navbar-header">
  22. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  23. <span class="icon-bar"></span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. </button>
  27. <a class="navbar-brand" href="#">ImmaNetwork</a>
  28. </div>
  29. <center>
  30. <div class="collapse navbar-collapse" id="myNavbar">
  31.  
  32. <ul class="nav navbar-nav">
  33. <li class="active">
  34. <a href="/index.html"><i class="fa fa-home"></i>
  35. Home</a>
  36. </li>
  37. <li>
  38. <a href="http://immanetwork.boards.net"><i class="fa fa-users"></i> Forum</a>
  39. </li>
  40. <li>
  41. <a href="http://twitter.com/immafreedommc" target="_blank"><i class="fa fa-twitter"></i> Twitter</a>
  42. </li>
  43.  
  44. </ul>
  45.  
  46. <ul class="nav navbar-nav navbar-right">
  47. <li>
  48. <a href="http://167.114.36.167/"><i class= "fa fa-terminal"></i> Control Panel</a>
  49. </li>
  50. </ul>
  51.  
  52. </div>
  53. </center>
  54. </div>
  55. </nav>
  56. <div class="container">
  57. <div class="jumbotron">
  58. <center>
  59. <h1 class="wow animated fadeInRight" data-wow-delay="0.5s">ImmaNetwork</h1>
  60. <p class="wow animated fadeInLeft" data-wow-delay="1s">A Minecraft Network Server devoted to give you as much fun as possible.</p>
  61. <div class="input-group wow animated fadeInDownBig" data-wow-delay="1s">
  62. <span class="input-group-addon"><strong id="ip-before">IP:</strong></span>
  63. <input class="form-control text-center" disabled id="disabledTextInput" type="text" value="play.immafreedom.eu">
  64. <span class="input-group-addon"><span class="badge">Copy</span></span>
  65. </div>
  66. </center>
  67. </div>
  68. </div>
  69. <div class="container">
  70. <div class="row">
  71. <div class="col-md-9 wow animated fadeInUpBig" data-wow-delay="1.5s">
  72. <center>
  73. <div class="about-area">
  74. <h1 id="about">About</h1> Welcome to ImmaNetwork, one of the only Minecraft servers with Free-OP as well as other minigames.
  75. <br> The staff team of ImmaNetwork welcomes you with a warm heart! We are glad you stumbled across our server. Here on ImmaNetwork we have several minigames, including one of the most fun minigame - Free OP! Other than that, we have Plots, KitPvP and more! But do not worry, we are currently only in Alpha version. Once our beloved developers finish programming everything required, we will have many more minigames! ImmaNetwork seeks the happiness of its players. If you need assistance with any issue you have on the server, do not hesistate to contact a staff member. We are always here to help. We hope to become a large community where our fellow minecraft players come to hang out and spend quality time with others. To make our server even better, we need the support and cooperation of our players. It would be greatly appreciated if you could drop your spare change at our donation store located <a href="http://store.buycraft.eu" target="_blank">here</a>.
  76. <br> Visit our forums to provide suggestions or to apply for a staff position. To go to our forums, click <a href="http://immanetwork.boards.net" target="_blank">here</a>.
  77. <br>
  78. <i>ImmaNetwork - The Minecraft Server You Have Been
  79. Waiting For.</i>
  80. <div class="alert alert-info">
  81. We hope to see you in-game soon.
  82. </div>
  83. </div>
  84. </center>
  85. <br>
  86. <br>
  87. </div>
  88. <div class="col-md-3 wow animated zoomInUp" data-wow-delay="0.5s">
  89. <div class="ease-of-access">
  90. <center>
  91. <h3>Ease of Access</h3>
  92. <div class="btn-group">
  93. <h4>Server</h4>
  94. <a href="http://immanetwork.boards.net/board/4/rules">Rules</a>
  95. <br/>
  96. <a href="http://immanetwork.boards.net">Suggestions</a>
  97. <hr>
  98. <h4>Player</h4><a href="http://immanetwork.boards.net/board/8/ban-report">Report
  99. a Rulebreaker</a>
  100. <br/>
  101. <a href="http://immanetwork.boards.net/board/9/ban-appeal">Post
  102. a Ban Appeal</a>
  103. <br/>
  104. <a href="http://immanetwork.boards.net/board/29/staff-applications">
  105. Submit a Staff Application</a>
  106. <br/>
  107. <a href="http://immanetwork.boards.net/thread/13/report-bug-read-before-posting">
  108. Report a Bug</a>
  109. <br>
  110. <a href="http://immanetwork.boards.net/board/7/introductions">
  111. Introduce Yourself</a>
  112. </div>
  113. </center>
  114. </div>
  115. </div>
  116. </div>
  117. <center>
  118. <div class="row">
  119. <div class="col-md-3 wow animated fadeInLeft">
  120. <div class="server">
  121. <h3>Creative</h3>
  122. <img src="images/minecraft-screenshot.png" class="img-responsive img-rounded" alt="Creative" id="image-blured">
  123. <br/>
  124. <button class="btn btn-primary" type="button">Statistics</button>
  125. </div>
  126. </div>
  127. <div class="col-md-3 wow animated fadeInLeft">
  128. <div class="server">
  129. <h3>Factions</h3>
  130. <img src="images/minecraft-screenshot.png" class="img-responsive img-rounded" alt="Factions" id="image-blured">
  131. <br/>
  132. <button class="btn btn-primary" type="button">Statistics</button>
  133. </div>
  134. </div>
  135. <div class="col-md-3 wow animated fadeInRight">
  136. <div class="server">
  137. <h3>KitPvP</h3>
  138. <img src="images/minecraft-screenshot.png" class="img-responsive img-rounded" alt="KitPvP" id="image-blured">
  139. <br/>
  140. <button class="btn btn-primary" type="button">Statistics</button>
  141. </div>
  142. </div>
  143. <div class="col-md-3 wow animated fadeInRight">
  144. <div class="server">
  145. <h3>Bending</h3>
  146. <img src="images/minecraft-screenshot.png" class="img-responsive img-rounded" alt="Bending" id="image-blured">
  147. <br/>
  148. <button class="btn btn-primary" type="button">Statistics</button>
  149. </div>
  150. </div>
  151. </div>
  152. </center>
  153. </div>
  154. <div class="container">
  155. <div class="owners">
  156. <div class="row wow rollIn">
  157. <center>
  158. <div class="col-md-6 wow animated fadeInLeft">
  159. <img alt="GrannyMary48" class="img-responsive img-circle" src="images/GrannyMary48.png">
  160. <p class="text-muted">GrannyMary48
  161. <br>
  162. <em>Server Owner and Founder</em></p>
  163. </div>
  164. <div class="col-md-6 wow animated fadeInRight">
  165. <img alt="_Pinchyy" class="img-responsive img-circle" src="images/_Pinchyy.png">
  166. <p class="text-muted">_Pinchyy
  167. <br>
  168. <em>Server Owner and Founder</em></p>
  169. </div>
  170. </center>
  171. </div>
  172. <center>
  173. <br/>
  174. </center>
  175. </div>
  176. </div>
  177. <br>
  178.  
  179. <center>
  180. <div class="footer-full">
  181. <div class="navbar navbar-inverse navbar-fixed-bottom">
  182. <div class="container-fluid">
  183. <a class="btn btn-danger btn-sm navbar-btn pull-left" href="#Top">Go to Top</a>
  184.  
  185. <!-- <div class="wow animated bounce" data-wow-delay="1s" data-wow-iteration="3">-->
  186. <a href="#collapse-footer" data-toggle="collapse" class="btn btn-warning btn-sm navbar-btn pull-right">
  187. <div class="glyphicon glyphicon-menu-up"></div>
  188. </a>
  189. <!-- </div>-->
  190. <br/>
  191. <br/>
  192. <div id="collapse-footer" class="collapse">
  193.  
  194. <div class="row">
  195. <div class="col-md-3 navbar-text">
  196. <strong id="footer-subtitle">Quick Navigation</strong>
  197. <br/>
  198. <div class="footer-content">
  199. <a href="#">Rules</a>
  200. <br/>
  201. <a href="http://immanetwork.buycraft.net">Store</a>
  202. </div>
  203. </div>
  204. <div class="col-md-3 navbar-text" id="contact">
  205. <strong id="footer-subtitle">Contact</strong>
  206. <div class="footer-content">
  207. <p><i class="fa fa-skype fa-2x" id="footer-icon-skype"></i> maloukos2</p>
  208. <p><i class="fa fa-envelope fa-2x" id="e-mail"></i> <a href="mailto:aggelosqq@gmail.com">aggelosqq@gmail.com</a></p>
  209. </div>
  210. </div>
  211. <div class="col-md-3 navbar-text">
  212. <strong id="footer-subtitle">Social</strong>
  213. <div class="footer-content">
  214. <a href="http://twitter.com/immafreedommc"><i class="fa fa-twitter fa-2x" id="footer-icon-twitter"></i></a>
  215. </div>
  216. </div>
  217. </div>
  218. <center>
  219. <p class="navbar-text" id="footer-copy">ImmaNetwork &copy; 2016. All Rights Reserved.</p>
  220. </center>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. </center>
  226. <script src="js/wow.min.js"></script>
  227. <script>
  228. new WOW().init();
  229. </script>
  230. </body>
  231.  
  232. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!