Codeup-web-exercises/Block-Resume.html at main · taylor-andersen/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
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Resume</title>
    <link rel="stylesheet" href="css/block-resume.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
    <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=Agbalumo&family=Oswald:wght@300&display=swap" rel="stylesheet">
    <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=Agbalumo&family=Kenia&family=Montserrat+Alternates&family=Oswald:wght@300&display=swap"
          rel="stylesheet">
</head>
<body class="bg-info p-2" style="--bs-bg-opacity: .2;">
<header class="text-center">
    <h1>Code the Duck</h1>
</header>
<div class="text-center">
    <h3>Software Developer</h3>
</div>
<div class="text-center">
    <p class="font-family-">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-sm-12 col-md-3 mx-auto text-center">
            <p><i class="fa-solid fa-phone"></i> 214-999-0009</p>
        </div>
        <div class="col-sm-12 col-md-3 mx-auto text-center">
            <p><i class="fa-solid fa-envelope"></i> code@codeup.com</p>
        </div>
        <div class="col-sm-12 col-md-3 mx-auto text-center">
            <p><i class="fa-brands fa-invision"></i> @cody-the-duck</p>
        </div>
        <div class="col-sm-12 col-md-3 mx-auto text-center">
            <p><i class="fa-brands fa-github"></i> @cody-the-duck</p>
        </div>
    </div>
</div>
<hr class="border border-success border-3 m-3 opacity-75">

<div class="container">
    <div class="row">
        <div class="col-sm-12 col-md-4 mx-auto">
            <div>
                <h4 class="text-primary mt-2">Skills and Abilities</h4>
                <ul>
                    <li>HTML</li>
                    <li>CSS</li>
                    <li>JavaScript</li>
                    <li>Bootstrap</li>
                </ul>
            </div>
            <div>
                <h4 class="text-primary mt-4">Academic</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
            </div>
            <div>
                <h4 class="text-primary mt-4">Professional Experience</h4>
                <h6>Job 2</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
                <h6>Job 1</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
            </div>
        </div>
        <div class="col-sm-12 col-md-8 mx-auto">
            <div>
                <h4 class="text-primary mt-2 ">Development Projects</h4>
                <h6>Project 3</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
                <h6>Project 2</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
                <h6>Project 1</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
            </div>
            <div>
                <h4 class="text-primary mt-4">Awards and Involvement</h4>
                <h6>Award 1</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
                <h6>Involvement 1</h6>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
                    et dolore magna aliqua.</p>
            </div>
        </div>
    </div>
</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>
</body>
</html>