In this example below you will see how to do a Layout with some HTML / CSS and Javascript

This awesome code was written by prebla, you can see more from this user in the personal repository.
You can find the original code on
Copyright prebla ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <link rel='stylesheet prefetch' href='css/ozjrjn.css'>



  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Seven Bridges</title>
    <header id="header">
        <nav id="navigation">
            <ul class="menu app-navigation">
                <li class="menu-item"><a id="nav-home" class="menu-item-link active">SevenBridges</a></li>
                <li class="menu-item"><a class="menu-item-link">Projects</a></li>
                <li class="menu-item"><a class="menu-item-link">Data</a></li>
                <li class="menu-item"><a class="menu-item-link">Public Apps</a></li>
                <li class="menu-item"><a class="menu-item-link">Public projects</a></li>
                <li class="menu-item"><a class="menu-item-link">Staff</a></li>
            <ul class="menu user-navigation" role="group">
                <li class="menu-item"><a class="menu-item-link">admin</a></li>
    <main id="main">
        <section id="content">
            <div class="sbg-layout sbg-layout-vertical sbg-layout--centered">

        <footer id="footer">
            <span class="sbg-footer__content">
                <span class="sbg-footer__copy">Copyright © <span class="current-year">2016</span> Seven Bridges Genomics, Inc. All rights reserved.</span>
                <nav class="sbg-footer__links">
                    <a class="strong">Knowledge Center</a>