-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patht-block-resume.html
157 lines (149 loc) · 9.71 KB
/
t-block-resume.html
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=
"width=device-width,
initial-scale=1,
shrink-to-fit=no">
<title>T Block Resume</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body class="border-start border-dark border-2 ms-2">
<!--<div class="d-sm-flex">-->
<section class="container-fluid text-center">
<div class="row ">
<div class="col-12 mt-4 ">
<h1 class="fs-1 fw-bold">CODY THE DUCK</h1>
</div>
</div>
<div class="row">
<div class="col-12 mt-2">
<h2 class="fs-3">Software developer</h2>
</div>
</div>
<div class="row">
<div class="col-12 ">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, ad aspernatur commodi consectetur
consequatur consequuntur ducimus eos exercitationem libero magnam natus nisi omnis perspiciatis,
quae quibusdam quos recusandae saepe tempora ullam voluptatum. </p>
</div>
</div>
<div class="d-md-flex border-bottom justify-content-evenly d-inline-block pb-3 border-4 border-success w-100">
<div class="row">
<span class="d-flex justify-content-center align-items-center">
<svg class="me-2" width="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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>210-123-1234
</span>
</div>
<div class="row">
<span class="d-flex justify-content-center align-items-center">
<svg class="me-2" width="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><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>[email protected]
</span>
</div>
<div class="row">
<span class="d-flex justify-content-center align-items-center">
<svg class="me-2" width="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/>
</svg>
@cody-the-duck
</span>
</div>
<div class="row ">
<span class="d-flex justify-content-center align-items-center">
<svg class="me-2" width="14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
</svg>
@cody-the-duck
</span>
</div>
</div>
</section>
<section class="container-fluid ">
<div class="container-fluid grid " >
<div class="row grid " >
<div class="col-md-4" >
<div class="row mt-4 text-info ">
<h3 class="fw-bold">SKILLS AND ABILITIES</h3>
</div>
<div class="row ms-4">
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
<li>Bootstrap</li>
</ul>
</div>
<div class="row text-info mt-4">
<h3 class="fw-bold">ACADEMIC</h3>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad adipisci culpa deleniti
deserunt
distinctio doloremque hic illo incidunt itaque mollitia nostrum, pariatur, quidem ut?</p>
</div>
<div class="row text-info mt-4">
<h3 class="fw-bold">PROFESSIONAL EXPERIENCE</h3>
</div>
<div class="row">
<p>Job 2</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aspernatur commodi cum ea earum exercitationem fuga fugiat, incidunt ipsa ipsam molestias mollitia officiis, quibusdam tempore?</p>
</div>
<div class="row">
<p>Job 1</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci ducimus eaque nesciunt non reprehenderit voluptate! Illo laborum minima molestias non numquam officiis perferendis porro <voluptas class=""></voluptas></p>
</div>
</div>
<div class="col-md-8 mt-4"><div class="row text-info">
<h3 class="fw-bold">DEVELOPMENT PROJECTS</h3>
</div>
<div class="row">
<p>Project 3</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consequuntur culpa dolore ea eos est facilis illo, impedit itaque necessitatibus, nostrum odio officiis possimus quae recusandae voluptatem voluptatum? Laborum, necessitatibus!</p>
</div>
<div class="row">
<p>Project 2</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquid aspernatur cum, dicta dignissimos dolores eius est ex explicabo incidunt, laudantium minus necessitatibus nemo neque, provident quibusdam quidem veniam vitae.</p>
</div>
<div class="row">
<p>Project 1</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam deserunt eaque, ipsam iste maiores nihil odit, porro qui quos rem temporibus velit voluptate. Aliquam autem beatae dolore expedita totam.</p>
</div>
<div class="row text-info mt-4">
<h3 class="fw-bold">AWARDS AND INVOLVEMENT</h3>
</div>
<div class="row">
<p>AWARD 1</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci blanditiis ipsum laboriosam molestiae quaerat reiciendis repellendus sunt? Ad assumenda debitis dolorum, error nisi provident quam sint sit tempora unde voluptatum!</p>
</div>
<div class="row">
<p>INVOLVEMENT 1</p>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo itaque numquam, praesentium recusandae veniam voluptates voluptatibus? Aliquid, aspernatur consequatur, cum ea eaque esse natus omnis quia repellat rerum tempore unde.</p>
</div></div>
</div>
</div>
<!-- <div class="col-2">-->
<!-- </div>-->
</section>
<!--</div>-->
<script src="bootstrap/js/bootstrap.js"></script>
</body>
</html>