Mini Projects

News Grid (2) Nav Bar (HTML)

윰윰로그 2020. 7. 6. 18:38
    <nav id="main-nav">
      <div class="container">
        <img src="img/logo.png" alt="NewsGrid" class="logo" />
        <div class="social">
          <a href="http://facebook.com" target="_blank">
            <i class="fab fa-facebook fa-2x"></i>
          </a>
          <a href="http://twitter.com" target="_blank">
            <i class="fab fa-twitter fa-2x"></i>
          </a>
          <a href="http://instagram.com" target="_blank">
            <i class="fab fa-instagram fa-2x"></i>
          </a>
          <a href="http://youtube.com" target="_blank">
            <i class="fab fa-youtube fa-2x"></i>
          </a>
        </div>
        <ul>
          <li><a class="current" href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
        </ul>
      </div>
    </nav>

navbar 속에 container

 

img 

.social

   a i

   a i

   a i

   a i

ul

   li 

   li