Difference between revisions of "Template:WLC-Milwaukee/header"

 
(72 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 +
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta http-equiv="x-ua-compatible" content="IE=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer (Recommended). -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
  <title>PLACEHOLDER</title>
 +
 +
<script>
 +
$(function()
 +
{
 +
    $(".hamburger").click(function()
 +
    {
 +
        $(".navigation").toggleClass("open");
 +
    });
 +
 +
    $(".m-dropdown a").click(function(event)
 +
    {
 +
      var target = $(event.target);
 +
      if(!target.siblings().hasClass('show'))
 +
      {
 +
        $(".m-dropdown-content").removeClass('show');
 +
        target.siblings().addClass('show');
 +
      }
 +
      else
 +
      {
 +
        $(".m-dropdown-content").removeClass('show');
 +
      }
 +
     
 +
    });
 +
 +
    //Navbar Behavior
 +
    var prevScrollpos = window.pageYOffset;
 +
    window.onscroll = function() {
 +
      var currentScrollPos = window.pageYOffset;
 +
      //If At (or above @safari) the top
 +
      if(currentScrollPos <= 0 ) {
 +
 +
        document.getElementById("navbar").style.top = "10px";
 +
        $(".dropdown").removeClass("nomouse");
 +
        if(!$(".dropdown").is(":visible"))
 +
        {
 +
 +
          $(".navigation").show();
 +
        }
 +
        else { $(".navigation").css("display", "");}
 +
        return;       
 +
      }
 +
 +
      //If Scrolling Up
 +
      if (prevScrollpos > currentScrollPos) {
 +
        document.getElementById("navbar").style.top = "10px";
 +
        $(".dropdown").removeClass("nomouse");
 +
        if(!$(".dropdown").is(":visible"))
 +
        {
 +
 +
          $(".navigation").show();
 +
        }
 +
        else { $(".navigation").css("display", "");}
 +
      }
 +
      //If Scrolling Down
 +
      else {
 +
        if($(".navigation").hasClass("open"))if(!$(".dropdown").is(":visible")){return;}
 +
        document.getElementById("navbar").style.top = "-45px";
 +
        $(".dropdown").addClass("nomouse");
 +
        $(".navigation").hide();
 +
 +
        if($(".dropdown").is(":visible"))
 +
        {
 +
          $(".navigation").css("display", "");
 +
        }
 +
 +
      }
 +
      prevScrollpos = currentScrollPos;
 +
    }   
 +
});
 +
 +
 +
 +
</script>
 +
 +
<!--HEADER STYLE-->
  
 
<style>
 
<style>
 +
 +
h1,h2,h3,h4,h5,h6{
 +
  font-family: 'Arimo',sans-serif;
 +
  font-weight: lighter;
 +
  overflow: visible;
 +
}
 +
 +
.container a:visited{
 +
color: #800080;
 +
}
 +
.nomouse
 +
{
 +
  pointer-events: none;
 +
}
 +
#globalWrapper {
 +
    font-size: 100% !important;
 +
}
 +
.header-logo
 +
{
 +
margin: -12px;
 +
}
 +
 +
@media screen and (max-width: 800px) {
 +
  .header-logo{
 +
   
 +
  }
 +
}
 +
 +
.hamburger {
 +
  position: fixed;
 +
  top: 2.25em;
 +
  right: 0;
 +
  cursor: pointer;
 +
  z-index: 1000;
 +
  padding: 10px 15px 5px;
 +
}
 +
  nav span {
 +
    vertical-align: middle;
 +
  }
 +
  .bars {
 +
    display: block;
 +
    position: relative;
 +
    width: 35px;
 +
    height: 5px;
 +
    background-color: white;
 +
    -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
    -ms-transition: all .2s ease;
 +
    transition: all .2s ease;
 +
    }
 +
    .bars:before, .bars:after {
 +
      position: absolute;
 +
      content: " ";
 +
      width: 100%;
 +
      height: 5px;
 +
      background-color: white;
 +
    -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
    -ms-transition: all .2s ease;
 +
    transition: all .2s ease;
 +
    }
 +
    .bars:before {
 +
      top: 10px;
 +
    }
 +
    .bars:after {
 +
      bottom: 10px;
 +
    }
 +
 +
 +
.open .hamburger .bars {
 +
  background-color: transparent;
 +
    -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
    -ms-transition: all .2s ease;
 +
    transition: all .2s ease;
 +
  }
 +
  .open .hamburger .bars:before {
 +
    top: 0;
 +
  -webkit-transform: rotate(-45deg);
 +
  -moz-transform: rotate(-45deg);
 +
  -ms-transform: rotate(-45deg);
 +
  transform: rotate(-45deg);
 +
 +
  }
 +
  .open .hamburger .bars:after {
 +
    bottom: 0;
 +
  -webkit-transform: rotate(45deg);
 +
  -moz-transform: rotate(45deg);
 +
  -ms-transform: rotate(45deg);
 +
  transform: rotate(45deg);
 +
  }
 +
 +
 +
.menu {
 +
  width: 90%;
 +
  height: 100%;
 +
  font-family: 'Arimo';
 +
  font-style: normal;
 +
  font-weight: bold;
 +
  background-color: var(--gray);
 +
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
 +
  position: fixed;
 +
  right: -100%;
 +
  top: 0;
 +
  opacity: 0;
 +
  z-index: 999;
 +
  margin-top: 0;
 +
    -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
    -ms-transition: all .2s ease;
 +
    transition: all .2s ease;
 +
  }
 +
 +
 +
.open .menu {
 +
  right: 0;
 +
  opacity: 1;
 +
    -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
    -ms-transition: all .2s ease;
 +
    transition: all .2s ease;
 +
}
 +
 +
/* Content Style */
 +
 +
.menu-header
 +
{
 +
background-color: var(--primary-color);
 +
width: 100%;
 +
padding: 10%;
 +
color: white;
 +
 +
}
 +
 +
.menu-header p img
 +
{
 +
padding-right: 5px;
 +
}
 +
 +
.menu-header p
 +
{
 +
        font-size: 1.1em !important;
 +
display: flex;
 +
flex-direction: row;
 +
align-items: center;
 +
align-content: center;
 +
}
 +
.menu-header a:link, a:visited
 +
{
 +
color: white;
 +
text-decoration: none;
 +
}
 +
 +
.menu-header p
 +
{
 +
margin: 0;
 +
}
 +
 +
.menu-footer
 +
{
 +
background-color:var(--primary-color);
 +
width: 100%;
 +
padding: 1%;
 +
bottom: 0px;
 +
position: absolute;
 +
color: white;
 +
display: flex;
 +
flex-direction: row;
 +
align-items: center;
 +
}
 +
 +
.m-dropdown
 +
{
 +
  margin: inherit;
 +
 +
}
 +
 +
.menu-content a {
 +
text-decoration: none;
 +
display: block;
 +
text-align: left;
 +
  padding: 20px;
 +
  color: #0e0e0e;
 +
}
 +
 +
 +
.m-dropdown-content
 +
{
 +
  transition: max-height .5s ease-in-out, opacity .5s ease;
 +
  opacity: 0;
 +
  max-height: 0px;
 +
  background-color: var(--gray-dark);
 +
  display: block;
 +
  pointer-events: none;
 +
}
 +
 +
.show  {
 +
  transition: max-height .5s ease-in, opacity .9s ease;
 +
  opacity: 1; 
 +
  max-height: 1000px ;
 +
  pointer-events: all;
 +
}
 +
 +
/*Mobile Navbar Icons/Links Style*/
 +
 +
.menu-content
 +
{
 +
    display: flex;
 +
    flex-direction: row;
 +
    overflow-y: auto;
 +
    height: 71%;
 +
}
 +
 +
.menu-links
 +
{
 +
  display: flex;
 +
  flex-direction: column;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
 +
.menu-links i
 +
{
 +
  font-size: 2em;
 +
  position: relative;
 +
  top: 9px;
 +
}
 +
 +
/*ICONS*/
 +
@font-face {
 +
    font-family: 'Material Icons';
 +
    font-style: normal;
 +
    font-weight: 400;   
 +
    src: url('https://static.igem.org/mediawiki/2018/8/81/T--WLC-Milwaukee--MaterialIcons-Regular.woff') format('woff');
 +
  }
 +
/*END ICONS*/
 +
 +
@font-face {
 +
    font-family: 'Open Sans';
 +
    src: url('https://static.igem.org/mediawiki/2018/4/4d/T--WLC-Milwaukee--OpenSans-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Open Sans';
 +
    src: url('https://static.igem.org/mediawiki/2018/5/55/T--WLC-Milwaukee--OpenSans-Regular.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Arimo';
 +
    src:    url('https://static.igem.org/mediawiki/2018/d/d7/T--WLC-Milwaukee--Arimo-Regular.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Arimo';
 +
    src: url('https://static.igem.org/mediawiki/2018/b/bb/T--WLC-Milwaukee--Arimo-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
}
 +
 +
 +
 +
 +
/*Main Vars*/
 +
:root{
 +
  --primary-color: #654ea3;
 +
  --primary-dark: #4b3191;
 +
  --primary-light: #9981db;
 +
  --primary-test: #DAD3EE;
 +
  --gray: #F3F3F3;
 +
  --gray-dark: rgb(214, 214, 214);
 +
}
 +
 +
html, body {
 +
    height: 100%;
 +
    min-width: 330px;
 +
  }
 +
 
 +
 +
  body {
 +
    display: flex;
 +
    flex-direction: column;
 +
    font-family: 'Open Sans', sans-serif !important;
 +
    font: initial !important;
 +
  }
 +
  .content {
 +
    margin-top: 60px;
 +
    flex: 1 0 auto;
 +
    z-index: 0;
 +
  }
 +
  .footer {
 +
    flex-shrink: 0;
 +
  }
 +
 +
body{
 +
  margin: 0;
 +
}
 +
 +
/*Main content container*/
 +
/*keeps content centered*/
 +
div.container{
 +
  max-width: 55em;
 +
  margin: 5vmax auto;
 +
  margin-top: 10vmax;
 +
  padding: 0 4vmax;
 +
}
 +
 +
 +
div.row{
 +
    display: inline-block;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
/*full width container*/
 +
div.col-lg{
 +
color: #0e0e0e;
 +
  width: 100%;
 +
}
 +
 +
div.container img
 +
{
 +
  max-width: 100%;
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
 +
 +
/*Half width container*/
 +
div.col-md{
 +
  color: #0e0e0e;
 +
  width: calc(50% - 1.5em);
 +
  float: left;
 +
  padding-right: 1.5em;
 +
}
 +
 +
/*one third width container*/
 +
div.col-sm{
 +
  color: #0e0e0e;
 +
  width: calc(33% - 1.5em);
 +
  float: left;
 +
  padding-right: 1.5em;
 +
}
 +
 +
h1,h2,h3{
 +
  font-family: 'Arimo', sans-serif !important;
 +
  font-weight: lighter !important;
 +
}
 +
 +
p{
 +
  font-family: 'Open sans', sans-serif !important;
 +
  line-height: 1.5em !important;
 +
  font-size: 1.1em !important;
 +
}
 +
 +
/* Use a media query to add a break point at 800px: */
 +
@media screen and (max-width: 800px) {
 +
  div.col-md, div.col-sm{
 +
    width: 100%;
 +
  }
 +
}
 +
 +
 +
/*ICONS*/
 +
.material-icons {
 +
  font-family: 'Material Icons';
 +
  font-weight: normal;
 +
  font-style: normal;
 +
  font-size: 24px;  /* Preferred icon size */
 +
  display: inline-block;
 +
  line-height: 1;
 +
  text-transform: none;
 +
  letter-spacing: normal;
 +
  word-wrap: normal;
 +
  white-space: nowrap;
 +
  direction: ltr;
 +
 +
  /* Support for all WebKit browsers. */
 +
  -webkit-font-smoothing: antialiased;
 +
  /* Support for Safari and Chrome. */
 +
  text-rendering: optimizeLegibility;
 +
 +
  /* Support for Firefox. */
 +
  -moz-osx-font-smoothing: grayscale;
 +
 +
  /* Support for IE. */
 +
  font-feature-settings: 'liga';
 +
}
 +
/*END ICONS*/
 +
 
#home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
#home_logo, #sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
</style>
+
  .navbar {
 +
      overflow: hidden;
 +
      background-color: var(--primary-color);
 +
      font-family: 'Arimo';
 +
      font-style: normal;
 +
      font-weight: bold;
 +
      z-index: 2;
 +
 
 +
      position: fixed;
 +
      top: 10px;
 +
      width: 100%;
 +
      transition: top 0.3s;
 +
  }
 +
 
 +
.m-facebook
 +
{
 +
 +
}
 +
  a::-moz-focus-inner {
 +
    border: 0;
 +
  }
 +
 
 +
  .shadow
 +
  {
 +
    -webkit-box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58);
 +
    -moz-box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58);
 +
    box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58);
 +
  }
 +
 
 +
  .navbar a {
 +
      float: left;
 +
      font-size: 1em;
 +
      color: white;
 +
      text-align: center;
 +
      padding: 1.5em 2em;
 +
      text-decoration: none;
 +
      display: inline-block;
 +
  }
 +
 
 +
  .navbar a.right{
 +
    float: right;
 +
  }
 +
 
 +
  .dropdown {
 +
      float: left;
 +
      overflow: hidden;
 +
  }
 +
 
 +
  .navbar a:hover, .dropdown:hover {
 +
      background-color: var(--primary-light);
 +
      transition: .23s ease-out all;
 +
  }
 +
 
 +
  .dropdown-content {
 +
      display: none;
 +
      position: fixed;
 +
      top: 5.1em;
 +
      background-color: var(--primary-color);
 +
      min-width: 160px;
 +
      border-radius:0px 0px 5px 5px;
 +
      -moz-border-radius:0px 0px 5px 5px;
 +
      -webkit-border-radius:0px 0px 5px 5px;
 +
  }
 +
  .dropdown-content::after
 +
  {
 +
      content: '';
 +
      width: 100%;
 +
      height: 100%;
 +
      top: 0;
 +
      left: 0;
 +
      -webkit-box-shadow:0px 13px 18px -8px rgba(0,0,0,0.75);
 +
      -moz-box-shadow: 0px 13px 18px -8px rgba(0,0,0,0.75);
 +
      box-shadow: 0px 13px 18px -8px rgba(0,0,0,0.75);
 +
      z-index: -1;
 +
      position: absolute;
 +
      border-radius:0px 0px 5px 5px;
 +
      -moz-border-radius:0px 0px 5px 5px;
 +
      -webkit-border-radius:0px 0px 5px 5px;
 +
    }
 +
  .dropdown-content a {
 +
      float: none;
 +
      color: white;
 +
      padding: 1em;
 +
      min-width: 15em;
 +
      text-decoration: none;
 +
      display: block;
 +
      text-align: left;
 +
 
 +
      border-radius:5px 5px 5px 5px;
 +
      -moz-border-radius:5px 5px 5px 5px;
 +
      -webkit-border-radius:5px 5px 5px 5px;
 +
  }
 +
 
 +
  .dropdown-content > a:hover{
 +
    background-color: var(--primary-dark);
 +
  }
 +
 
 +
  .dropdown:hover .dropdown-content {
 +
      display: block;   
 +
  }
 +
  .unselectable {
 +
    -moz-user-select: none;
 +
    -webkit-user-select: none;
 +
    -ms-user-select: none;
 +
    user-select: none;
 +
  }
 +
  body{
 +
    margin: 0;
 +
  }
 +
  .navigation { display: none; }
 +
 
 +
  /* Use a media query to add a breakpoint at 836px: */
 +
  @media only screen and (max-width:836px) {
 +
    /* For mobile phones: */
 +
    .navbar a, .navbar .dropdown, .dropdown-content{
 +
      width: 100%;
 +
    }
 +
    .dropdown{display:none;}
 +
    .navbar a { max-width: 40px;}
 +
    .navigation { display: block; visibility: visible;}
 +
  }
 +
 
 +
  </style>
 +
  <!--END HEADER STYLE-->
 +
 
 +
 
 +
</head>
 +
<body class="scroll">
 +
<!--Desktop Navbar-->
 +
<div id="navbar" class="navbar unselectable shadow">
 +
    <a href="/Team:WLC-Milwaukee">
 +
    <img height="40" title="WLC-Milwaukee iGEM Home" class="header-logo" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee">
 +
    </a>
 +
 
 +
    <!--PROJECT DROPDOWN-->
 +
    <div class="dropdown">
 +
      <a href="/Team:WLC-Milwaukee/Description">PROJECT</a>
 +
      <div class="dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Description">Overview</a>
 +
<a href="\Team:WLC-Milwaukee\Background">Background</a>
 +
<a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a>
 +
<a href="\Team:WLC-Milwaukee\Experiments">Wet Lab</a>
 +
<a href="\Team:WLC-Milwaukee\Demonstrate">Results</a>
 +
<a href="\Team:WLC-Milwaukee\Improve">Parts</a>
 +
      </div>
 +
    </div>
 +
 
 +
    <!--DOCUMENTATION DROPDOWN-->
 +
    <div class="dropdown">
 +
      <a href="\Team:WLC-Milwaukee\Judging">DOCUMENTATION</a>
 +
      <div class="dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Safety">Safety</a>
 +
<a href="\Team:WLC-Milwaukee\Notebook">Timeline</a>
 +
<a href="\Team:WLC-Milwaukee\Judging">Judging</a>
 +
      </div>
 +
    </div>
 +
 
 +
    <!--HUMAN PRACTICES DROPDOWN-->
 +
    <div class="dropdown">
 +
      <a href="\Team:WLC-Milwaukee\HP">HUMAN PRACTICES</a>
 +
      <div class="dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\HP">Overview</a>
 +
<a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a>
 +
<a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a>
 +
<a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a>
 +
      </div>
 +
    </div>
 +
 
 +
    <!--TEAM DROPDOWN-->
 +
    <div class="dropdown">
 +
      <a href="\Team:WLC-Milwaukee\Team">TEAM</a>
 +
      <div class="dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Team">Members</a>
 +
<a href="\Team:WLC-Milwaukee\Attributions">Attributions</a>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
</div>
 +
<!--Mobile Navbar-->
 +
<nav class="navigation">
 +
    <div class="hamburger">
 +
      <span class="bars"></span>
 +
    </div>
 +
    <div class="menu">
 +
    <div class="menu-header">
 +
    <a href="/Team:WLC-Milwaukee">
 +
    <p>
 +
<img height="40" title="WLC-Milwaukee iGEM Home"  src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee">
 +
WLC-Milwaukee iGEM
 +
</p>
 +
</a>
 +
    </div>
 +
 
 +
    <div class="menu-content">
 +
        <div class="menu-links">
 +
          <!--PROJECT DROPDOWN-->
 +
            <div class="m-dropdown">
 +
              <a href="#">
 +
                <i class="material-icons">insert_chart</i>
 +
                PROJECT
 +
              </a>
 +
              <div class="m-dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Description">Overview</a>
 +
<a href="\Team:WLC-Milwaukee\Background">Background</a>
 +
<a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a>
 +
<a href="\Team:WLC-Milwaukee\Experiments">Wetlab</a>
 +
<a href="\Team:WLC-Milwaukee\Demonstrate">Results</a>
 +
<a href="\Team:WLC-Milwaukee\Improve">Parts</a>
 +
                  </div>
 +
                </div>
 +
 
 +
            <!--DOCUMENTATION DROPDOWN-->
 +
                <div class="m-dropdown">
 +
                  <a href="#">
 +
                    <i class="material-icons">developer_board</i>
 +
                    DOCUMENTATION
 +
                  </a>
 +
                  <div class="m-dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Safety">Safety</a>
 +
<a href="\Team:WLC-Milwaukee\Notebook">Timeline</a>
 +
<a href="\Team:WLC-Milwaukee\Judging">Judging</a>
 +
                  </div>
 +
                </div>
 +
            <!--HUMAN PRACTICES DROPDOWN-->
 +
                <div class="m-dropdown">
 +
                  <a href="#">
 +
                    <i class="material-icons">nature_people</i>
 +
                    HUMAN PRACTICES
 +
                  </a>
 +
                  <div class="m-dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\HP">Overview</a>
 +
<a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a>
 +
<a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a>
 +
<a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a>
 +
                  </div>
 +
                </div>
 +
 
 +
            <!--TEAM DROPDOWN-->
 +
                <div class="m-dropdown">
 +
                  <a href="#">
 +
                    <i class="material-icons">people</i>
 +
                    TEAM
 +
                  </a>
 +
                  <div class="m-dropdown-content">
 +
<a href="\Team:WLC-Milwaukee\Team">Members</a>
 +
<a href="\Team:WLC-Milwaukee\Attributions">Attributions</a>
 +
                  </div>
 +
                </div>
 +
 
 +
                </div>
 +
              <div class="menu-footer">
 +
              <a href="https://www.facebook.com/WLCiGEM">
 +
                <img class="m-facebook" alt="Facebook" src="https://static.igem.org/mediawiki/2018/f/f5/T--WLC-Milwaukee--facebook.png" width="30"/>
 +
              </a>
 +
              </div>  
 +
          </div>
 +
 
 +
        </div>
 +
</nav>
 +
</body>
 +
 
 +
</html>

Latest revision as of 02:13, 18 October 2018

PLACEHOLDER