Advertisement
isawk

Layout

Nov 28th, 2014
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.62 KB | None | 0 0
  1. <!doctype html>
  2. <!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
  3. <html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
  4. <head>
  5. <meta charset="utf-8"/>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  7. <title>Brooklyn Montessori</title>
  8. <meta name="description" content="Welcome to Brooklyn Montessori based in Pretoria, South Africa. "/>
  9. <meta name="keywords" content="montessori, brooklyn, pretoria, kindergarten, school, child-care, pre-school" />
  10. <link rel="stylesheet" href="{{ asset('/css/foundation.css')}}">
  11. <link rel="stylesheet" href="{{ asset('/css/styles.css')}}">
  12. <link rel="stylesheet" href="{{ asset('/css/icon/fontawesome/css/font-awesome.min.css')}}">
  13. {% block pagecss %}{% endblock pagecss %}
  14. </head>
  15.  
  16. <body>
  17. <div class="row highlight"> <!-- top nav area -->
  18.   <div class="container">
  19.     <div class="large-12 columns"> <!-- main menu -->
  20.       <nav class="top-bar" data-topbar role="navigation">
  21.         <ul class="title-area">
  22.           <li class="name">
  23.             <h1><a href="{{ url("site_index") }}"><img class="logo" src="{{ asset('/img/logo.png')}}" /></a></h1>
  24.           </li>
  25.           <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
  26.           <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
  27.         </ul>
  28.         <section class="menu top-bar-section">
  29.           <!-- Right Nav Section -->
  30.           <ul class="right">
  31.             <li><a href="{{ url("site_index") }}"><i class="fa fa-home fa-lg show-for-medium-up active"></i> Home</a></li>
  32.             <li class="has-dropdown"><a href="#"><i class="fa fa-child fa-lg show-for-medium-up"></i> About</a>
  33.               <ul id="hover1" class="dropdown">
  34.                 <li><a href="{{ url("site_about_montessori_method") }}">Montessori Method</a></li>
  35.                 <li><a href="{{ url("site_about_school_history") }}">School History</a></li>
  36.                  {#
  37.             <li><a href="{{ url("site_download_index") }}">Downloads</a></li>
  38.             #}
  39.               </ul>
  40.             </li>
  41.             <li class="has-dropdown"><a href="#"><i class="fa fa-graduation-cap show-for-medium-up fa-lg"></i> Enrolment</a>
  42.               <ul id="hover2" class="dropdown">
  43.                 <li><a href="{{ url("site_enrolment_index") }}">Enrol now</a></li>
  44.                 <li><a href="{{ url("site_sponsor_a_child_index") }}">Sponsor a Child</a></li>
  45.               </ul>
  46.             </li>
  47.             <li><a href="{{ url("site_extramural_index") }}"><i class="fa fa-puzzle-piece fa-lg show-for-medium-up"></i> Extra-murals</a></li>
  48.             <li><a href="{{ url("site_contact_index") }}"><i class="fa fa-map-marker fa-lg show-for-medium-up"></i> Contact Us</a></li>
  49. {#             <li class="login"><a href="{{ url("admin_index") }}" class="small radius secondary button">Login</a></li>#}
  50.           </ul>
  51.         </section>
  52.       </nav>
  53.     </div>
  54.   </div>
  55. </div>
  56.  
  57. {% block page %}{% endblock page %}
  58.  
  59. <footer class="row">
  60.   <div class="footer-container">
  61.     <div class="small-12 medium-4 large-4 columns">
  62.       <h5>Quick Links</h5>
  63.       <ul>
  64.         <li><a href="{{ url("site_index") }}">Home</a></li>
  65.         <li><a href="{{ url("site_vecancy_index") }}">Careers</a></li>
  66.         <li><a href="{{ url("site_extramural_index") }}">Extra-murals</a></li>
  67.         <li><a href="{{ url("site_contact_index") }}">Contact us</a></li>
  68. {#         <li><a href="{{ url("admin_index") }}">Login</a></li>#}
  69.       </ul>
  70.     </div>
  71.     <div class="small-12 medium-4 large-4 columns">
  72.       <ul id="quicklinks">
  73.         <li><a href="{{ url("site_enrolment_index") }}">Enrol now</a></li>
  74.         <li><a href="{{ url("site_sponsor_a_child_index") }}">Sponsor a Child</a></li>
  75.         <li><a href="{{ url("site_about_montessori_method") }}">Montessori Method</a></li>
  76.         <li><a href="{{ url("site_about_school_history") }}">School History</a></li>
  77.         <li><a href="{{ url("site_download_index") }}">Downloads</a></li>
  78.       </ul>
  79.     </div>
  80.     <div class="small-12 medium-4 large-4 columns">
  81.       <h5>Let's Chat</h5>
  82.       <ul>
  83.         <li><a href="tel:0027124609626"><i class="fa fa-comment-o"></i>&nbsp;&nbsp;+27 (0) 12 460-9626</a></li>
  84.         <li><a href="mailto:estelle@brooklyn-montessori.co.za"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;Email us</a></li>
  85.         <li><a href="https://www.facebook.com/pages/Brooklyn-Montessori/520009028097580?ref=stream" target="_blank"><i class="fa fa-facebook"></i>&nbsp;&nbsp;&nbsp;&nbsp;Let's connect on Facebook</a></li>
  86.         <li><a href="http://www.samontessori.org.za/listings/list-of-schools/item/brooklyn-montessori.html" target="_blank"><img src="{{ asset('/img/sama-member-2014.png')}}"/></a></li>
  87.       </ul>
  88.     </div>
  89.   </div>
  90. </footer>
  91. <div class="row highlight"> <!-- copyright -->
  92.   <div class="container copyright">
  93.     <div class="small-12 large-12 columns">
  94.       <p>&copy; Brooklyn Montessori. All rights reserved {{ 'now'|date( 'Y' ) }}.</p>
  95.     </div>
  96.   </div>
  97. </div>
  98. <!-- / copyright -->
  99.  
  100. {% javascripts
  101.             'js/vendor/jquery.min.js'
  102.             'js/vendor/modernizr.js'
  103.             'js/vendor/foundation.min.js'
  104.             'js/vendor/jquery.edged.js'
  105.         %}
  106. <script src="{{ asset_url }}"></script>
  107. {% endjavascripts %}
  108.  
  109. {% block pagejsimport %}{% endblock pagejsimport%}
  110.  
  111. <script type="text/javascript">
  112.     $(document).foundation();
  113.     var doc = document.documentElement;
  114.     doc.setAttribute('data-useragent', navigator.userAgent);
  115. </script>
  116.        
  117. {% block pagejs %}{% endblock pagejs %}
  118.  
  119. </body>
  120. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement