Skip to content

Instantly share code, notes, and snippets.

@kratskij

kratskij/quote.html

Created June 11, 2018 14:22
Show Gist options
  • Save kratskij/909025b29d43698b9bae8d024dcb016d to your computer and use it in GitHub Desktop.
Save kratskij/909025b29d43698b9bae8d024dcb016d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
quote.html
<html>
<head>
<style type="text/css">
body { background-color: #fff; font-family: courier; font-size: 12px; margin: 0; padding: 0; }
.wrap {
background-color: #666;
width: 550px;
height: 100px;
margin-top: 20px;
}
.quote {
font-weight: bold;
font-size: 1.3em;
color: #fff;
padding: 20px 0 20px 150px;
z-index: 1;
position: absolute;
}
.quote:before {
content: "“ ";
font-size: 3em;
font-family: "Times new roman";
}
.quote:after {
content: " ”";
font-size: 3em;
font-family: "Times new roman";
}
div.author {
color: #fff;
text-transform: uppercase;
font-size: 1em;
position: absolute;
top: 100px;
left: 150px;
}
div.author:before {
content: "- ";
}
img.author {
height: 140px;
position: absolute;
top: 0;
z-index: 3;
left: 20px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="quote">Sitat?</div>
<div class="author">
Navn Navnesen
</div>
<img class="author" src="" />
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment