Navigation

linkDefault Navigation

The navigation provides us with the default state of how users will interact with the website.

logo

HTML

<div class="design-preview design-preview-navigation">
    <img src="images/Logo.svg" alt="logo"/>
    <ul class="menu align-right">
        <li><a href="">Twitter</a></li>
        <li><a href="">Portfolio</a></li>
        <li><a href="">About</a></li>
    </ul>
</div>

SCSS

.design-preview-navigation img {
    width: 200px;
}

.design-preview-navigation a {
    text-transform: uppercase;
    font-weight: 700;
    color: $purple;
}