   <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">

               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                   Menu 
               </button>
               <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/IGEM.BOKU.Vienna">
                   <img src="" alt="Facebook" >
               </a>
               <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/BOKU_iGEM">
                   <img src="" alt="Twitter" >
               </a>

   </nav>

   <header class="myintro">

Notebook

                       <a href="#Notebook" class="page-scroll">

                           <img src="" alt="V">

                       </a>

   </header>

<body>

   <section id="Notebook" class="container content-section text-center">

Notebook.

Our <a href="https://2017.igem.org/Team:BOKU-Vienna/Notebookdata">Notebook</a> is still under construction. You can find our protocol for the methods here: <a href="https://2017.igem.org/Team:BOKU-Vienna/Protocol">Protocol</a> </br>

Test<input type="text" id="datepicker">

   </section>