index.html

﻿<!doctype html>
<html lang="en">
<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119896416-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-119896416-1');
  </script>
  <meta charset="UTF-8">
  <title>Sophie Anastasia Janson</title>
  <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  <link rel="icon" type="image/png" href="./assets/images/favicon.png">
  <script src="assets/js/utils.js"></script>
  <script src="assets/js/snake.js"></script>
  <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' *.usabilla.com d6tizftlrpuof.cloudfront.net fonts.gstatic.com fonts.googleapis.com www.google-analytics.com;">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

  <body>
      <div class="container">
        <nav class="navbar">
          <h1 data-menu-item="home">Sophie Janson</h1>
          <ul>
            <li data-menu-item="about">About</li>
            <li data-menu-item="portfolio">Portfolio</li>
            <li data-menu-item="blog">Blog</li>
            <li data-menu-item="contact">Contact</li>
          </ul>
        </nav>
        <div id="content">
        </div>
        <footer>
          <img src="./assets/images/change-background.svg" id="change-background" alt="Change Background">
          <p aria-hidden="true" id="image-credits"></p>
        </footer>
      </div>
  </body>
</html> 