2020/includes/banner.html

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