File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="en">
<!-- 헤더 -->
<body>
<div class="header">
<div class="header-area flex justify-between align-center">
<img src="../../resources/img/component/logo-w.png" alt="">
<nav>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Business</a></li>
<li><a href="">Solution</a></li>
<li><a href="">Portfolio</a></li>
</ul>
</nav>
</div>
</div>
</body>
<style>
#header {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.header-area{
width: 100%;
margin: 0 auto;
padding: 20px 30px 15px 30px;
}
nav ul li{
margin-left: 140px;
display: inline-block;
}
nav ul li a{
color: white;
font-size: 1.5rem;
}
</style>
</html>