-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
102 lines (99 loc) · 4.27 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<style>
h1 {
letter-spacing: 5px;
}
h1, h2 {
text-align: center;
}
h3 {
color: cornflowerblue;
font-weight: bolder;
margin-top: 25px;
}
ul#info {
margin-top: 30px;
padding-left: 0;
border-bottom: 5px solid #8fa573;
}
ul#info li {
list-style-type: none;
}
#phone {
font-size: 0.9em;
}
@media (min-width: 768px) {
body {
background: whitesmoke;
}
nav {
background: red;
display: flex;
}
nav li{
background: #4D499E;
}
}
</style>
</head>
<body>
<div class="container-fluid pt-5 pb-3">
<h1 class="fw-bolder">CODY THE DUCK</h1>
</div>
<div class="container text-center">
<h2 class="">Software Developer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid consectetur eaque reiciendis sed voluptates! Accusantium et maxime minus molestiae numquam perspiciatis possimus ut! Deleniti eaque itaque non nostrum odio optio?</p>
<nav class="container">
<ul id="info" class="row">
<div class="col-md-3"><li><span id="phone">📞 </span>210-123-1234</li></div>
<div class="col-md-3"><li class="py-1">✉ [email protected]</li></div>
<div class="col-md-3"><li><span class="fw-bolder fs-5">in </span>@cody-the-duck</li></div>
<div class="col-md-3"><li class="pt-1 py-4"><img src="images/GitHub-Mark-20px.png"> @cody-the-duck</li></div>
</ul>
</nav>
</nav>
</div>
<div class="container">
<div class="row">
<div class="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. Architecto asperiores at cumque eius molestias nisi quia quod ut velit. Culpa fugiat illo illum porro quibusdam. Expedita illo illum tenetur ullam.</p>
<h3>PROFESSIONAL EXPERIENCE</h3>
<p>Job 2</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, dignissimos dolorem eaque eum facere mollitia natus numquam odio provident quasi, repellendus, sequi velit voluptatum. Consequuntur id minima minus molestiae natus.</p>
<p>Job 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam blanditiis error hic inventore laborum omnis ratione, suscipit tempora. Aut beatae dignissimos earum incidunt laudantium modi, nam nobis praesentium provident saepe!</p>
</div>
<div class="col-md-8">
<h3>DEVELOPMENT PROJECTS</h3>
<p>Project 3</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque blanditiis delectus esse et ex laborum nobis vero. Culpa cum eius inventore iste iure, minima nisi numquam qui saepe suscipit.</p>
<p>Project 2</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et illum modi nihil odio similique veritatis voluptas. Atque blanditiis dolorem error eum ipsum minima nobis omnis quis, repellat, repudiandae, unde vel!</p>
<p>Project 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis maxime minima necessitatibus odio. Adipisci aspernatur blanditiis fugiat ipsum laboriosam maxime nisi numquam sint? Dolore libero nihil, optio quae quam ullam!</p>
<h3>AWARDS AND INVOLVEMENT</h3>
<p>AWARD 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, eos, praesentium. Accusamus cumque debitis ex nobis porro quae. A, cumque impedit modi mollitia nemo quos sed vitae! Debitis, excepturi, sint!</p>
<p>INVOLVEMENT 1</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A dolor expedita facilis inventore ipsum nam odit quod sequi vel! Accusamus commodi debitis nisi odit optio totam vero! Fugiat, sit, veniam.</p>
</div>
</div>
<!-- adding a line height at the md breakpoint can help the empty space below.-->
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>