Skip to content

Instantly share code, notes, and snippets.

@dyazincahya
Last active August 15, 2021 07:40
Show Gist options
  • Save dyazincahya/cecc8ee1657146ac12bbc5169237dff3 to your computer and use it in GitHub Desktop.
Save dyazincahya/cecc8ee1657146ac12bbc5169237dff3 to your computer and use it in GitHub Desktop.
Snippet Code Experience list HTML CSS
.experienceList{
text-align:center;
font-family: "Montserrat",sans-serif;
}
.experienceList > h2 { color: #616161; }
.experiencePart > h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #424242;
margin-bottom: 12px;
margin:10px;
}
.experiencePart > p {
font-size: 14px;
font-weight: 100;
color: #888;
font-family: inherit;
font-style: italic;
margin:0px
}
.resumePeriod {
background: #1ABC9C;
color: #fff;
padding: 2px 5px;
font-size: 12px;
font-style: italic;
border-radius: 4px;
}
.resumePeriodMove {
background: #edc100;
color: #fff;
padding: 2px 5px;
font-size: 12px;
font-style: italic;
border-radius: 4px;
}
.resumeName {
color: #666;
font-size: 12px;
text-transform: lowercase;
}
.mt50 { margin-top: 40px; }
<div class="experienceList">
<h2>EXPERIENCE</h2>
<div class="experiencePart">
<b class="resumePeriod">Feb 2017-Present</b>
<h4>
<i class="resumeName">Loream ipsume company</i>
@ Loream ipsume job position
</h4>
<p>Loream ipsume responsibility</p>
</div>
<div class="experiencePart mt50">
<b class="resumePeriod">Mar 2016-Jan 2017</b>
<h4>
<i class="resumeName">Loream ipsume company</i>
@ Loream ipsume job position
</h4>
<p>Loream ipsume responsibility</p>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment