codeup-web-exercises/flexbox-nav-exercise.html at main · IraHuff/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
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flexbox Nav Exercise</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css">
    <link rel="stylesheet" href="css/flexbox-nav-exercise.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<nav>
    <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>
        <li class="center"><a class="logo" href="#">Last Week</a></li>
        <li><a class="left" href="#">Follow Us</a></li>
        <li><a href="#"><i class="fas fa-search"></i></a></li>
        <li><a href="#"><i class="fas fa-shopping-cart"></i></a></li>
        <li><a href="#"><i class="fas fa-user-circle"></i></a></li>
    </ul>
</nav>
<main class="container">
    <secton class="flex">
        <h1>How you too can be a hipster!</h1>
        <article>
            Cronut irony hashtag vegan, keffiyeh godard single-origin coffee shoreditch tacos woke blue bottle brunch tote bag gochujang. Fingerstache shoreditch art party, pabst gastropub flannel blue bottle poutine whatever grailed praxis man bun tilde. Plaid semiotics vibecession, prism kogi snackwave pork belly affogato vexillologist schlitz twee listicle hammock whatever. Cred gastropub hot chicken next level organic kombucha viral cloud bread jean shorts tbh cornhole photo booth four dollar toast.
        </article>
        <article>
            <h2> Your next step.</h2>
            <p>I'm baby keffiyeh pinterest tumeric, palo santo sriracha VHS praxis bruh trust fund bodega boys retro occupy. Twee deep v DIY retro. Man bun cardigan subway tile organic vegan thundercats etsy pitchfork franzen. Crucifix iPhone sartorial jean shorts literally kickstarter sus synth kogi live-edge trust fund 90's fixie neutra +1. Hella JOMO readymade XOXO, raw denim cornhole bitters seitan solarpunk pinterest normcore sartorial williamsburg same. Aesthetic vegan meh, same ramps kombucha authentic cold-pressed flannel keytar.

                Palo santo yr banjo dreamcatcher trust fund raclette roof party tote bag edison bulb JOMO Brooklyn scenester neutral milk hotel blue bottle. Messenger bag selvage art party listicle chartreuse bruh tofu squid single-origin coffee food truck lo-fi bitters chillwave 90's whatever. Franzen offal XOXO quinoa mumblecore cronut. Heirloom fingerstache everyday carry yuccie VHS slow-carb.</p>
        </article>
    </secton>
</main>
</body>
</html>