A Pen by AJ Mody

Thumbnail
This awesome code was written by amody, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright amody ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  AJ Mody</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <header>
  <h1 id="logo">logo goes here</h1>
  <nav>
    <ul>
      <li>nav item1</li>
      <li>nav item2</li>
      <li>nav item3</li>
      <li>nav item4</li>
    </ul>
  </nav>
</header>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/amody/a-pen-by-aj-mody-qEOKRK */
*{
  padding: 0;
  margin: 0;
  font-family: 'Helvetica Neue';
  font-weight: 400;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

header{
  height: 75px;
  display: block;
  width: 100%;
  color: #fff;
  background-color: #673AB7;
}

#logo {
  color: #DCE775;
  float: left;
  padding: 4em 0 0 4em;
}

nav {
  padding: 4em 4em 0 0;
  float: right;
}

nav ul li {
  color: #DCE775;
  margin: 0;
  padding: 1.168em;
  border: 1px solid #DCE775;
  display: inline;
  text-decoration: none;
}

nav ul li:hover {
  border-bottom: 6px solid #DCE775;
}

Comments