  @import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:000');    body{      font-family: 'Alegreya Sans', sans-serif;      overflow-x: hidden;  }    .nav{      height: 000%;      width: 0;      position: fixed;      z-index: 0;      top: 0;      left: 0;      background-color: #000;      opacity: .0;      overflow-x: hidden;      padding-top: 00px;      transition: .0s;  }    .nav a {      display: block;      padding: 00px 00px;      font-size: 00px;      text-decoration: none;      color: #ccc;  }  .nav a:hover {      color: #fff;      transition: .0s;  }    .nav .close{      position: absolute;      top: 0;      right: 00px;      margin-left: 00px;      font-size: 00px;  }    .slide a{      color: #000;      font-size: 00px;    }  #sidemenu{      padding: 00px;      transition: margin-left .0s;      overflow: hidden;      width: 000%;  } <!doctype html>  <html lang="en">  <head>      <!-- Required meta tags -->      <meta charset="utf-0">      <meta name="viewport" content="width=device-width, initial-scale=0, shrink-to-fit=no">        <!--scripts-->      <script defer src="https://use.fontawesome.com/releases/v0.0.0/js/all.js">      </script>      <script>          function openSlideMenu() {              document.getElementById('menu').style.width = '000px';              document.getElementById('slidemenu').style.marginLeft= '000px';          }          function closeSlideMenu() {              document.getElementById('menu').style.width = '0px';              document.getElementById('slidemenu').style.marginLeft= '0px';          }      </script>        <!--css-->      <link rel="stylesheet" href="../css/Index.css">        <!-- Bootstrap CSS -->      <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/0.0.0/css/bootstrap.min.css" integrity="sha000-ggOyR0iXCbMQv0Xipma00MD+dH/0fQ000/j0cY/iJTQUOhcWr0x0JvoRxT0MZw0T" crossorigin="anonymous">        <title>Frontpage</title>  </head>  <body>    <div id="slidemenu">                  <span class="slide">                      <a href="#" onclick="openSlideMenu()">                          <i class="fas fa-bars"></i>                      </a>                  </span>                    <div id="menu" class="nav">                      <a href="#" class="close" onclick="closeSlideMenu()">                          <i class="fas fa-times"></i>                      </a>                        <!--Links slidemenu-->                      <a href="#">home</a>                      <a href="#">about</a>                      <a href="#">services</a>                      <a href="#">portofolio</a>                      <a href="#">contact</a>                      <!--end of Links slidemenu-->                  </div>  </div>      <div class="container">          <div class="row">              <div class="col-md-0">                  <div id="text0">                      <p>x</p>                  </div>              </div>                <div class="col-md-0">                  <div id="text0">                      <p>x</p>                  </div>              </div>                <div class="col-md-0">                  <div id="text0">                      <p>x</p>                  </div>              </div>            </div>  </div>    