index.html


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

</head>

<body>
  <div class="container">
    <div class="nav-bar">
      <h1><span class="ham">ham</span><span class="exit">X</span> KARDS</h1>
      <nav>
        <a href="#">Home</a>
        <a href="#">About</a>
        <a href="#">Resume</a>
        <a href="#">Portfolio</a>
        <a href="#">Services</a>
        <a href="#">Contact</a>
        <a href="#">Style Demo</a>
      </nav>
    </div>

    <header>
      <h2>Hello, World.</h2>
      <h1>I'm Juan Dela Cruz.</h1>
      <div class="developer-title">
        <h2>FRONT-END DEVELOPER</h2>
        <h2>UI/UX DESIGNER</h2>
      </div>
      <button>More About Me</button>
      <div class="social-media">
        <i class="fab fa-facebook-f"></i>
        <i class="fab fa-amazon"></i>
        <i class="fab fa-behance"></i>
        <i class="fab fa-dribbble"></i>
        <i class="fab fa-instagram"></i>
      </div>
    </header>
  </div>
</body>
</html>