<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Dalton Menezes</title>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400" rel="stylesheet">
    <link href="assets/css/main.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <h1>DALTON MENEZES</h1>
      <nav id="menu">
        <ul>
          <li>
            <a href="blog/">BLOG</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a href="projects.html">PROJECTS</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a href="about.html">ABOUT</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a href="#">CONTACT</a>
          </li>
        </ul>
      </nav>
    </header>
    <section id="photo"></section>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Dalton Menezes</title>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400" rel="stylesheet">
    <link href="assets/css/main.css" rel="stylesheet">
  </head>
  <body>
    <header>
      <h1>DALTON MENEZES</h1>
      <nav id="menu">
        <ul>
          <li>
            <a id="blog" href="blog/">BLOG</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a id="projects" href="projects.html">PROJECTS</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a id="about" href="about.html">ABOUT</a>
          </li>

          <span class="separator">•</span>

          <li>
            <a id="contact" href="#">CONTACT</a>
          </li>
        </ul>
      </nav>
    </header>
    <section id="photo"></section>
  </body>
</html>

Add id to menu links
Add id to menu links
