Learn To code transition

by Vince Richter

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Learn To Code Assignment 1 -- h1 tag</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/theme/icecoder.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/mode/htmlembedded/htmlembedded.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/addon/hint/show-hint.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/addon/hint/html-hint.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/addon/hint/javascript-hint.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
      * {
        cursor: default;
      }

      ::selection {
        background: transparent;
      }

      .top-bar {
        position: fixed;
        background: #e0e0e0;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        z-index: 998;
        transition: 1s;
      }

      .content {
        margin-top: 50px;
        margin-left: 350px;
        transition: 1.5s;
      }

      .side-bar {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 300px;
 ...