codeup-web-exercises/flexbox-nav-exercise.html at main · Geniece-Tims/codeup-web-exercises · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flexbox Navigation Bar</title>
    <link rel="stylesheet" href="css/flexbox-nav-exercise.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@300&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined&display=swap" rel="stylesheet">
</head>
<body>
<nav>
    <div class="left-items">
        <ul>
            <li><a href="#">Articles</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Market</a></li>
            <li><a href="#">Jobs</a></li>
        </ul>
    </div>
    <div class="logo">
        <h1>Logo</h1>
    </div>
    <div class="right-items">
        <ul>
            <li><a href="#">Follow Us</a></li>
            <li><a href="#"><i class="material-icons-outlined">search</i></a></li>
            <li><a href="#"><i class="material-icons-outlined">shopping_cart</i></a></li>
            <li><a href="#"><i class="material-icons-outlined">account_circle</i></a></li>
        </ul>
    </div>
</nav>
</body>
</html>