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