projects.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible"
          content="IE=edge">
      <meta name="viewport"
            content="width=device-width, initial-scale=1.0">
      <title>Maya Angelica Hernandez</title>
      <link rel="icon"
            href="img/mayalogojpg.jpg">

      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css"
            rel="stylesheet">

      <!--Custom CSS -->
      <link id ="stylesheet"
            href="css/style.css"
            rel="stylesheet">

      <!-- Custom Fonts -->
      <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
            rel="stylesheet">
      <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic'
            rel='stylesheet'
            type='text/css'>
      <script src="scripts/modernizr.js"></script>

      <!-- Global site tag (gtag.js) - Google Analytics -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=UA-37048322-3"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-37048322-3');
      </script>


      <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
      <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
      <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
  </head>

  <body>

    <!-- Borders  -->
    <span class="bt"></span>
    <span class="br"></span>
    <span class="bb"></span>
    <span class="bl"></span>

    <!-- Name -->
    <header>
      <div id="name">
        <a href="index.html">MAYA ANGELICA HERNANDEZ</a>
      </div>
    </header>

    <div class="nav-container">
      <div class="links projects">
        <div class="link">
          <a href="projects-a-sea-of-quotes.html">
            <p>A SEA OF QUOTES</p>
            <p class="link-description">
              a thoughtful collection of quotes
            </p>
        </a>
        </div>
        <div class="link">
          <a href="projects-critique-connect.html">
            <p>CRITIQUE CONNECT</p>
            <p class="link-description">
              connecting writers and beta readers
            </p>
          </a>
        </div>
        <div class="link">
          <a href="projects-watchlist.html">
            <p>WATCHLIST</p>
            <p class="link-description">
              tracking movies and shows
            </p>
          </a>
        </div>
        <div class="link">
          <a href="projects-samaya-playlist.html">
            <p>SAMAYA PLAYLIST</p>
            <p class="link-description">
              a better daily Spotify blend
            </p>
          </a>
        </div>
        <div class="link">
          <a href="projects-blog.html">
            <p>PERSONAL BLOG</p>
            <p class="link-description">
              a place for my thoughts
            </p>
          </a>
        </div>
        <div class="link">
          <a href="projects-old-personal-website.html">
            <p>OLD PERSONAL WEBSITE</p>
            <p class="link-description">
              this website from 2017 - 2023
            </p>
          </a>
        </div>
        <div class="link">
          <a href="projects-very-old-personal-website.html">
            <p>VERY OLD PERSONAL WEBSITE</p>
            <p class="link-description">
              this website from 2015 - 2016
            </p>
          </a>
        </div>
    </div>
    
    <footer>
      <a href="index.html">
        <div class="back">
          <img src="img/back-white.png">
        </div>
      </a>
      <div id="social">
        <a href="mailto:mayaah@berkeley.edu" target="_blank" class="icons">
          <img src="img/email-white.png">
        </a>
        <a href="http://github.com/mayaah" target="_blank" class="icons">
          <img src="img/gh-white.png">
        </a>
        <a href="http://www.linkedin.com/in/mayaah" target="_blank" class="icons">
          <img src="img/li-white.png">
        </a>
        <a href="http://www.youtube.com/channel/UCA9LKLw8TGmIiA_LF3N2_bw" target="_blank" class="icons">
          <img src="img/yt-white.png">
        </a>
      </div>
    </footer>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery.JavaScript"></script>
    <script src="js/jquery.panelslider.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
    <script src="https://malsup.github.com/jquery.cycle2.js"></script>

  </body>
</html>