2019/includes/banner.html

   1   </head>
   2   <body>
   3     <div id="wrapper"> <!-- start of wrapper -->
   4       <div class="lp-banner hidden-xs"> <!--start of lp banner -->
   5                 <div class="container"> <!-- start of container -->
   6                   <div class="row">
   7                         <div class="lp-head"> <!-- start of lp header -->
   8                           <div class="lp-logo col-sm-3 col-xs-5">
   9                                 <a href="/2019/">
  10                                   <img src="/2019/assets/img/lp-logo-small.png"
  11                                            class="img-responsive"
  12                                            alt="[ LibrePlanet 2019 ]" />
  13                                 </a>
  14                           </div>
  15                           <div class="lp-date-place col-sm-3 col-xs-2">
  16                             <!-- Heads up! When updating this date and place information,
  17                                  remember to update it in the small
  18                                  screen navbar too (see below) -->
  19                               <p><br><strong>March 23 - 24th<br />
  20                               Greater Boston Area</strong></p>
  21                           </div>
  22                           <!-- #top-right-desktop start -->
  23                           <!--#include virtual="/2019/includes/join-list.html"-->
  24                           <!-- #top-right-desktop end -->
  25                         </div><!-- end of lp header -->
  26
  27                   </div>
  28                 </div> <!-- end of header container -->
  29       </div> <!-- end of lp banner -->
  30
  31       <!-- start nav for small screens -->
  32       <nav class="navbar navbar-default visible-xs">
  33         <div class="container-fluid">
  34           <!-- Brand and toggle get grouped for better mobile display -->
  35           <div class="navbar-header">
  36             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
  37                     data-target="#lp-navbar-collapse" aria-expanded="false">
  38               <span class="sr-only">Toggle navigation</span>
  39               <span class="icon-bar"></span>
  40               <span class="icon-bar"></span>
  41               <span class="icon-bar"></span>
  42             </button>
  43             <a class="navbar-brand" href="/2019/">
  44               <img src="/2019/assets/img/lp-logo-small.png"
  45                    style="max-width: 100px"
  46                    class="img-responsive"
  47                    alt="[ LibrePlanet 2019 ]" />
  48             </a>
  49             <p class="navbar-text">
  50                <!-- Heads up! When updating date place, remember to
  51                update it in the lp banner too (see above) -->
  52                 <strong>March 23 - 24th<br />Greater Boston Area</strong>
  53             </p>
  54           </div>
  55
  56           <div class="collapse navbar-collapse" id="lp-navbar-collapse">
  57
  58             <ul class="nav navbar-nav">
  59               <!--#include virtual="/2019/includes/nav-list-1.html"-->
  60             </ul>
  61
  62             <ul class="nav navbar-nav">
  63               <!--#include virtual="/2019/includes/nav-list-2.html"-->
  64             </ul>
  65           </div><!-- navbar-collapse end -->
  66         </div><!-- navbar container-fluid end -->
  67       </nav>
  68       <!-- end nav for small screens -->