index.html

<!doctype html>
<html lang="de">

  <head>
    <meta data-react-helmet="true" charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ausstellung-Virtuell | Folge und Varianz</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/overview.css">
    <link rel="stylesheet" type="text/css" href="css/about.css">
    <link rel="stylesheet" type="text/css" href="css/mapbox-gl-0.44.1.css">
    <link rel="stylesheet" type="text/css" href="css/videre.css">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
  </head>

  <body>

    <div class="container">
      <logo>
        <img class='logo' src='images/logo.png' ref='main.html'>
        <img class="burger_menu" id="burger_menu" src='images/menu.png'>
      </logo>
      <navigation>
        <div class="wrapper">
          <ul>
            <li><a href='#' ref='overview.html' class="nav-item">Werkübersicht</a></li>
            <li><a href='#' ref='about.html' class="nav-item">Über das Projekt</a></li>
          </ul>
        </div>
      </navigation>
      <map>
        <!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
      </map>
      <content>

        <div class='episode-wrapper'>

          <div class='empty'></div>
          
          <div class="description">
            <h2>Werkübersicht</h2>
            Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad. Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia. Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
          </div>

          <div class='video-navigation'>
            <a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
            <a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
          </div>

        </div>

      </content>
    </div>

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/videre.js"></script>
    <script src="js/jquery-ui-1.12.1.min.js"></script>
    <script src='js/mapbox-gl-0.44.1.js'></script>
    <script src="js/map.js"></script>
    <script src="js/main.js"></script>

  </body>

</html>