codeup-web-exercises/t-block.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!doctype html>
<html lang="en" data-bs-theme="auto">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Web Resume</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
          integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
          crossorigin="anonymous" referrerpolicy="no-referrer"/>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <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=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="css/tblock.css">
</head>
<body>
<div class="container">
    <header class="row">
        <h1 class="column-12 text-center">Doe, John Doe</h1>
        <h2 class="column-12 text-center">Full Stack Web Design</h2>
        <p class="column-12 text-center">Craft beer chillwave polaroid vice irony, banh mi meditation affogato DIY.
            Hammock cardigan poutine, kale chips flexitarian man bun marfa yes plz kitsch. Typewriter umami selvage
            vexillologist gatekeep jianbing neutra same yes plz health goth. Plaid shaman gorpcore, thundercats
            blackbird spyplane celiac cloud bread scenester tonx offal.</p>
        <address class="row">
            <div class="col-md-3 col-12 text-center fw-bold"><i class="fa-solid fa-phone"></i> 555-867-5309</div>
            <div class="col-md-3 col-12 text-center fw-bold"><i class="fa-solid fa-envelope"></i> John.Doe@Doe.me</div>
            <div class="col-md-3 col-12 text-center fw-bold"><i class="fa-brands fa-linkedin-in"></i> @johndoe</div>
            <div class="col-md-3 col-12 text-center fw-bold"><i class="fa-brands fa-github"></i> @johndoe</div>
        </address>
    </header>
    <hr class=" border border-success border-2">
    <main class="row">
        <aside class="col-md-4 col-12">
            <h2>Skills and Abilities</h2>
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <li>JavaScript</li>
                <li>Bootstrap</li>
            </ul>
            <h2>Academic</h2>
            <p>Flannel lo-fi ethical, truffaut affogato chillwave pok pok mlkshk taxidermy. Photo booth venmo austin
                stumptown chillwave. Hexagon sus etsy disrupt, taxidermy flannel authentic knausgaard wayfarers quinoa
                biodiesel XOXO. Scenester shoreditch keytar distillery food truck, synth bruh palo santo. Ethical twee
                chia tote bag subway tile knausgaard schlitz flannel pug 8-bit viral 90's disrupt bruh messenger bag.
                Vinyl mukbang tote bag mixtape. Coloring book before they sold out thundercats kickstarter, glossier
                mustache vibecession narwhal asymmetrical synth chartreuse you probably haven't heard of them
                forage.</p>
            <h2>Professional Experience</h2>
            <h3>Job 2</h3>
            <p>Quinoa pabst messenger bag celiac fixie synth skateboard keffiyeh lo-fi venmo mlkshk chia palo santo DSA.
                Flannel tousled VHS master cleanse lumbersexual knausgaard disrupt typewriter salvia cred. Blackbird
                spyplane austin yes plz palo santo air plant. Occupy bruh distillery, meh Brooklyn bicycle rights
                vexillologist skateboard pop-up hella.</p>
            <h3>Job 1</h3>
            <p>Ugh neutral milk hotel synth austin ramps art party, coloring book vaporware flannel hammock microdosing.
                Small batch swag tbh, heirloom humblebrag single-origin coffee next level bodega boys VHS pitchfork put
                a bird on it. Chia everyday carry lyft yuccie. Direct trade knausgaard four loko, cronut subway tile
                palo santo XOXO neutra solarpunk next level flexitarian gastropub bitters. Farm-to-table normcore
                neutral milk hotel blog bicycle rights 90's ascot poutine edison bulb keffiyeh direct trade pinterest.
                Succulents lyft twee knausgaard polaroid kickstarter hella disrupt hot chicken affogato narwhal
                leggings. Leggings beard try-hard neutra hammock same.</p>
        </aside>
        <article class="col">
            <h2>Development Projects</h2>
            <h3>Project 3</h3>
            <p>Photo booth gastropub forage listicle wayfarers. Shoreditch ennui listicle snackwave cliche, shabby chic
                squid viral tilde actually green juice.</p>
            <a href="#" class="btn btn-outline-secondary">see live</a>
            <h3>Project 2</h3>
            <p>Tousled etsy twee, tote bag hashtag fashion axe kogi unicorn occupy portland.</p>
            <a href="#" class="btn btn-outline-secondary">see live</a>
            <h3>Project 3</h3>
            <p>Chia vegan meh, fit tumeric cupping cardigan stumptown bespoke farm-to-table four dollar toast. +1
                fashion axe waistcoat dreamcatcher beard readymade sus neutra. </p>
            <a href="#" class="btn btn-outline-secondary">see live</a>
            <h2>Awards and Involvement</h2>
            <h3>Award 1</h3>
            <p>Humblebrag gastropub messenger bag fixie hexagon coloring book. Gastropub blue bottle blackbird spyplane,
                XOXO hell of kale chips hammock selvage chicharrones kombucha next level kogi stumptown.</p>
            <h3> Involvement 1</h3>
            <p>Ascot big mood squid pabst locavore, fanny pack twee four loko put a bird on it tilde gorpcore copper mug
                bespoke hot chicken adaptogen.</p>
        </article>
    </main>
    <footer class="row justify-content-end">
        <button class="btn btn-outline-secondary col-2" type="button" data-bs-theme-value="light">light theme</button>
        <button class="btn btn-outline-secondary col-2" type="button" data-bs-theme-value="dark">dark theme</button>
    </footer>


</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
        crossorigin="anonymous"></script>
<script src="js/tblock.js"></script>
</body>
</html>