Skip to content

Instantly share code, notes, and snippets.

@ionware

ionware/cv.html

Last active September 26, 2019 17:07
Show Gist options
  • Save ionware/0d6099c7dd792db61860a20e26001e3d to your computer and use it in GitHub Desktop.
Save ionware/0d6099c7dd792db61860a20e26001e3d to your computer and use it in GitHub Desktop.
Download ZIP
DSC CV Design Day 2
Raw
cv.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CV &mdash; Ojetola Alimot</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,900&display=swap"
rel="stylesheet">
<style>
body {
background-color: #ecf0f1;
color: #34495e;
font-family: 'Montserrat', sans-serif;
margin: 0;
}
h1, h2,h3, h4, h5, h6 {
text-transform: uppercase;
color: #e8ac73;
font-family: 'Montserrat', sans-serif;
}
.header {
padding: 15px;
margin-top: 50px;
text-align: center;
}
.header h1 {
color: #d38842;
text-transform: uppercase;
font-size: 40px;
margin-bottom: 8px;
}
.header h4 {
font-style: italic;
font-size: 20px;
margin-top: 0;
text-transform: none;
color: #34495e;
}
.border {
border: 2px solid;
}
.border-green {
border-color: green;
}
.border-red {
border-color: red;
}
.section {
padding: 20px 120px;
}
.section {
}
.section > div {
display: inline-block;
width: 43%;
margin-left: 25px;
}
p {
text-align: justify;
}
.avatar {
width: 190px;
height: 190px;
}
</style>
</head>
<!-- cv link: https://www.canva.com/learn/wp-content/uploads/2019/07/50-inspiring-resume-designs-And-what-you-can-learn-from-them.jpg -->
<body class="">
<!-- header starts -->
<div class="header">
<h1>Ojetola Alimot</h1>
<h4>Floral Designer</h4>
</div>
<!-- header ends -->
<div class="section">
<div>
<!-- personal profile starts-->
<div>
<h4>Personal Profile</h4>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Vel porro alias nemo, explicabo odit incidunt!
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Dolorum officia nobis praesentium quis ea iure voluptates doloremque
laudantium dicta? Aliquid saepe voluptate similique! Cupiditate, delectus.
</p>
</div>
<!-- personal profile ends -->
<!-- why hire me-->
<div>
<h4>Why Hire Me</h4>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Vel porro alias nemo, explicabo odit incidunt!
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</p>
</div>
<!-- //why hire me -->
</div>
<div>
<h4>Work Experience</h4>
<h5>Floral Designer & Artist</h5>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore recusandae
expedita id repellendus voluptatum voluptatibus illo tenetur doloribus dolor,
rem quam, sint eligendi aliquam eum doloremque adipisci harum excepturi. Quos?
</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment