Skip to content

Instantly share code, notes, and snippets.

@erikpantzar
Created November 28, 2016 09:23
Show Gist options
  • Save erikpantzar/f1dc7cccd624e754b936a5754bf4620e to your computer and use it in GitHub Desktop.
Save erikpantzar/f1dc7cccd624e754b936a5754bf4620e to your computer and use it in GitHub Desktop.
asd
<div class="page">
<h1 class="page-title">
Hello my name if flvio
</h1>
<a href="#" class="page-cta">
This is something i want to show you
</a>
<a href="#" class="page-cta">
This is something i want to show you
</a>
<a href="#" class="page-cta">
This is something i want to show you
</a>
</div>
body {
background: #111;
color: #eee;
}
.page {
display: block;
width: 80%;
max-width: 960px;
margin: 30vh auto;
}
.page-title {
margin-bottom: 5vh;
}
.page-cta {
width: 50%;
display: inline-block;
float: left;
margin: 0 0;
position: relative;
padding: 10px 0 30px;
color: inherit;
text-decoration: none;
}
.page-cta:before {
content: " ";
width: 20px;
height: 1px;
background: #fff;
position: absolute;
top: -5px;
left: 0;
display: block;
}
.page-cta:after {
display: inline;
content: " >> ";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment