codeup-web-exercises/resume.html at main · LeDukeOfZena/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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap Grid System</title>

    <link rel="stylesheet" href="./css/resume.css">
</head>

<body>
    <div class="page-wrapper">
        <header class="container">
            <div class="row">
                <div class="col text-center">
                    <h1>CODY THE DUCK</h1>
                </div>
            </div>

            <div class="row">
                <div class="col text-center">
                    <h2>Software Developer</h2>
                </div>
            </div>

            <div class="row">
                <div class="d-flex col-12 col-md-12 text-center m-20">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A consequuntur cumque delectus dolorum eos error, eveniet, iste iure iusto, labore optio perspiciatis quia quis rem reprehenderit rerum temporibus unde voluptatem.</p>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="d-flex col-12 col-md-3 text-center justify-content-center align-items-center gap-2">
                    <svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#0a0a0a}</style><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>
                    <p>210-123-1234</p>
                </div>
                <div class="d-flex col-12 col-md-3 text-center justify-content-center align-items-end gap-2">
                    <svg xmlns="http://www.w3.org/2000/svg" height="1.5em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#000000}</style><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
                    <p>cody@codytheduck.duck</p>
                </div>
                <div class="d-flex col-12 col-md-3 text-center justify-content-center align-items-end gap-2">
                    <img src="./images/icon-github.svg" alt="git-icon">
                    <p>@cody-the-duck</p>
                </div>
                <div class="d-flex col-12 col-md-3 text-center justify-content-center align-items-end gap-2">
                    <img src="./images/icon-linkedin.svg" alt="linkedin-icon">
                    <p>@cody-the-duck</p>
                </div>
            </div>

            <div class="row">
                <div class="col green-block">
                </div>
            </div>
        </header>

        <div class="container">

            <div class="row">
                <div class="col-12 col-md-4">
                    <h3>Skills and Abilities</h3>
                    <ul>
                        <li>HTML</li>
                        <li>CSS</li>
                        <li>Javascript</li>
                        <li>Bootstrap</li>
                    </ul>
                    <h3>Academic</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis nobis reprehenderit tenetur. Est, fuga ipsa necessitatibus recusandae sit veritatis! A aliquid aperiam culpa dolore, est eum illum laboriosam nihil perferendis!</p>
                    <h3>Professional Experience</h3>
                    <p>Job 2</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis ea sunt. Beatae, fugiat odio praesentium qui quo sapiente sint temporibus ullam. Architecto beatae deserunt et nam, nisi quia voluptatum.</p>
                    <p>Job 1</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad assumenda delectus dolores dolorum ducimus ea earum, hic incidunt minus mollitia neque obcaecati pariatur porro, quasi ratione repellendus tempora voluptatum. Quia?</p>
                </div>
                <div class="col-12 col-md-8">
                    <h3>Development Projects</h3>
                    <p>Project 3</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis ea sunt. Beatae, fugiat odio praesentium qui quo </p>
                    <p>Project 2</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis ea sunt. Beatae, fugiat odio praesentium qui quo </p>
                    <p>Project 1</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet corporis ea sunt. Beatae, fugiat odio praesentium qui quo</p>
                    <h3>Awards and Involvement</h3>
                    <br>
                    <p>AWARD 1</p>
                    <br>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet cumque doloribus enim eos harum laborum, maiores necessitatibus non pariatur, temporibus velit vitae. Alias eveniet facilis iste laborum nobis, non ut.</p>
                    <br>
                    <p>INVOLEMENT 1</p>
                    <br>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid amet asperiores blanditiis corporis culpa cum deleniti eum, illum inventore libero molestiae mollitia neque obcaecati officiis placeat praesentium provident quos repellendus?</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>


<!--<div class="page-wrapper">-->
<!--    <header class="container">-->
<!--        <div class="row">-->
<!--            <div class="col col-md-4 col-sm-12"></div>-->
<!--            <div class="col"></div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--            <div class="col col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-center">-->
<!--                <p>social media link</p>-->
<!--            </div>-->
<!--            <div class="col col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-center">-->
<!--                <p>social media link</p>-->
<!--            </div>-->
<!--            <div class="col col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-center">-->
<!--                <p>social media link</p>-->
<!--            </div>-->
<!--            <div class="col col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-center">-->
<!--                <p>social media link</p>-->
<!--            </div>-->
<!--        </div>-->

<!--    </header>-->

<!--</div>-->