Advertisement
Guest User

Js/jQuery linking issue

a guest
Sep 17th, 2013
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Queen Anne High School | Quality, Achievement and High Standards</title>
  5.  
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  8. <link href="css/carousel.css" rel="stylesheet">
  9.  
  10. </head>
  11.  
  12. <body>
  13.  
  14. <!-- Navbar -->
  15.  
  16. <div class="navbar-wrapper">
  17. <div class="container">
  18. <div class="navbar navbar-inverse navbar-static-top">
  19. <div class="container">
  20.  
  21.  
  22. <div class="navbar-collapse collapse">
  23. <ul class="nav navbar-nav">
  24. <li><a href="#about">Home</a></li>
  25. <li><a href="#about">About</a></li>
  26. <li><a href="#contact">Faculties</a></li>
  27. <li><a href="#contact">Parents</a></li>
  28. <li><a href="qanda.html">Q & A</a></li>
  29. </li>
  30. </ul>
  31.  
  32. <button type="button" class="btn btn-primary pull-right" style="margin-top:8px; margin-left:640px">Sign in</button>
  33.  
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38.  
  39.  
  40. <!-- Top banner -->
  41.  
  42. <div id="myCarousel" class="carousel slide">
  43. <div class="carousel-inner">
  44. <div class="item active">
  45. <img style="width:100%; height:500px" src="http://tinyurl.com/qahsbanner"/>
  46. <div class="carousel-caption">
  47. <img style="width:100px;height:90px" src= "http://qahs.org.uk/wp-content/uploads/2013/04/Queenanne.gif"/>
  48. <h1>Queen Anne High School</h1>
  49. <p>We pride ourselves on Quality, Achievement and High Standards. </p>
  50. <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55.  
  56.  
  57. <!-- Marketing messaging and featurettes
  58. ================================================== -->
  59. <!-- Wrap the rest of the page in another container to center all the content. -->
  60.  
  61.  
  62. <!-- Button trigger modal -->
  63. <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>
  64.  
  65. <!-- Modal -->
  66. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  67. <div class="modal-dialog">
  68. <div class="modal-content">
  69. <div class="modal-header">
  70. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  71. <h4 class="modal-title">Modal title</h4>
  72. </div>
  73. <div class="modal-body">
  74. ...
  75. </div>
  76. <div class="modal-footer">
  77. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  78. <button type="button" class="btn btn-primary">Save changes</button>
  79. </div>
  80. </div><!-- /.modal-content -->
  81. </div><!-- /.modal-dialog -->
  82. </div><!-- /.modal -->
  83.  
  84.  
  85.  
  86. <div class="container marketing">
  87.  
  88.  
  89.  
  90. <!-- Three columns of text below the carousel -->
  91. <div class="row">
  92. <div class="col-lg-4">
  93. <span class="glyphicon glyphicon-tree-conifer"></span>
  94. <h2>Enviromentally Friendly</h2>
  95. <p>After recieving our third green flag we are now taking the next step towards helping the planet. Our newsletter is now digitally available and is updated daily in the news section so why not check it out!</p>
  96. <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
  97. </div>
  98.  
  99. <div class="col-lg-4">
  100. <span class="glyphicon glyphicon-dashboard"></span>
  101. <h2>Online Education</h2>
  102. <p>Gain the ability to supercharge your learning by using our online knowledgebase. Each department has there own webspace where they frequently upload course information, homework and past papers.</p>
  103. <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
  104. </div>
  105.  
  106. <div class="col-lg-4">
  107. <span class="glyphicon glyphicon-wrench"></span>
  108. <h2>Securely Engineered</h2>
  109. <p>This website was handcrafted to allow pupils help each other with subject related issues to help get maximum results from their education. Our new Q&A page allows pupils to post questions on issues they may have and this can be answered by other pupils and staff!</p>
  110. <p><a class="btn btn-default" href="#">View details &raquo;</a></p>
  111. </div>
  112. </div>
  113.  
  114.  
  115.  
  116.  
  117. <!-- Featurette(s) -->
  118. <div class="container">
  119. <hr class="featurette-divider">
  120.  
  121. <div class="row featurette">
  122. <div class="col-md-7">
  123. <h2 class="featurette-heading">Meet our affilates.<span class="text-muted">It'll blow your mind.</span></h2>
  124. <p class="lead">After many years of success Queen Anne High School has gained may Affilates. You can visit all of these websites for revision purposes. These include: <a href="https://fronter.com/qahs/">Fronter</a>, <a href="http://evoke.qahs.org.uk/">Evoke</a>, <a href="https://secure.glowscotland.org.uk/login/login.htm">Glow</a> and <a href="http://courses.scholar.hw.ac.uk/vle/scholar/">Scholar</a>.</p>
  125. </div>
  126. <div class="col-md-5">
  127. <img class="featurette-image img-responsive" style="margin-top:70px" src="http://tinyurl.com/oqhq43k">
  128. </div>
  129. </div>
  130.  
  131. <hr class="featurette-divider">
  132.  
  133. <div class="row featurette">
  134. <div class="col-md-5">
  135. <img class="featurette-image img-responsive" style="margin-top:70px" src="http://tinyurl.com/nmeax2h">
  136. </div>
  137. <div class="col-md-7">
  138. <h2 class="featurette-heading">Supporting local charities.<span class="text-muted">See for yourself.</span></h2>
  139. <p class="lead">Queen Anne High School has proudly been supporting our local community and charities since 2006. Every year we hold a fitness challenge for our selected charity and all pupils get involved to fundraise for the cause!</p>
  140. </div>
  141. </div>
  142.  
  143. <hr class="featurette-divider">
  144.  
  145. <div class="row featurette">
  146. <div class="col-md-7">
  147. <h2 class="featurette-heading">After school clubs. <span class="text-muted">Get involved.</span></h2>
  148. <p class="lead">We offer a wide range of extra curricular activities for our pupils to get involved in. A full range of clubs available at Queen Anne can be found <a href="http://qahs.org.uk/wp-content/uploads/2013/08/Clubs-and-Societies.pdf">here</a>.</p>
  149. </div>
  150. <div class="col-md-5">
  151. <img class="featurette-image img-responsive" style="width:500;height:300px; margin-top:70px" src="http://pe.qahs.org.uk/files/2012/06/IMG_9756.jpg">
  152. </div>
  153. </div>
  154.  
  155. <hr class="featurette-divider">
  156. </div>
  157.  
  158. <!-- Footer -->
  159. <footer>
  160.  
  161.  
  162. <div class="html5 pull-right">
  163. <img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-device-graphics-multimedia-performance-semantics.png" alt="html5"/>
  164. </div>
  165.  
  166.  
  167. <p>Copyright Queen Anne High School 2013. All rights reserved. <br>
  168. <a href="#">About</a> - <a href="#">Privacy</a> - <a href="#">Terms</a> - <a href="#">Contact</a></p>
  169. </footer>
  170. </div>
  171.  
  172.  
  173. <!-- Core javascript and icons -->
  174.  
  175. <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
  176.  
  177. <!-- Latest compiled and minified CSS -->
  178. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
  179.  
  180. <!-- Optional theme -->
  181. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
  182.  
  183. <!-- Latest compiled and minified JavaScript -->
  184. <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  185.  
  186. </body>
  187. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement