codeup-web-exercises/FlexBox-In-Practice.html at main · cabrera-alejandr26/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
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flexbox in Practice</title>
    <link rel="stylesheet" href="css/Flexbox-in-Practice.css">
</head>
<body>
<p><Strong>Flexbox in Practice</Strong></p>

<!--    <nav>-->
<!--        <ul>-->
<!--            <li><a href="#">Home</a></li>-->
<!--            <li><a href="#">News</a></li>-->
<!--            <li><a href="#">Contact</a></li>-->
<!--            <li><a href="#">About</a></li>-->
<!--        </ul>-->
<!--    </nav>-->

<header>
    <h1>Staff</h1>
</header>
<main>
    <article class="card">
        <section>
            <img src="images/profile.png" alt="profile-image" >
        </section>
        <section class="text-section">
            <h2>Ron Swanson</h2>
            <h3>Director</h3>
            <hr>
        </section>
        <section class="icons">
            <a href="#"><i class="fab fa-github"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-linkedin"></i></a>
        </section>
    </article>

    <!-- additional cards ... -->
</main>


</body>
</html>