Skip to content

Instantly share code, notes, and snippets.

@codler

codler/result.html

Created September 9, 2017 08:27
Show Gist options
  • Save codler/1a173ae237cfa5ade43b57def2f63dc8 to your computer and use it in GitHub Desktop.
Save codler/1a173ae237cfa5ade43b57def2f63dc8 to your computer and use it in GitHub Desktop.
Download ZIP
Code in the dark - NordicJS - 2017
Raw
result.html
<!doctype html>
<style>
* {
margin: 0;
padding: 0;
font-size: 16px;
}
.hejsan {
position:relative;
}
.hej {
position: absolute;
right: 0;
}
.bg {
position: relative;
background-image: url(''./background.jpg');
background-repeat: no-repeat;
backgroudn-position: top left;
height: 80vh;
}
body {
}
.footer {
position: relative;
font-size: 12px;
}
.right {
position: aboslute;
right: 0;
}
.box {
background-color: #fff;
width: 300px;
height: 150px;
position: absolute;
padding: 10px;
bottom: 70px;
left: 150px;
}
span {
display: inline-block;
}
.yellow {
color: yellow;
}
.box1 {
position: aboslute;
top: 2px;
right: 0;
background-color: #222;
height: 4px;
widht: 10px;
}
.box2 {
position: aboslute;
top: 5px;
right: 0;
background-color: #222;
height: 4px;
widht: 10px;
}
.open {
padding-right: 40px;
}
h1 {
font-size: 30px;
}
.grey {
padding: 5px;
color: #ccc;
}
</style>
<body>
<div class="hejsan">
<img src="./logo.png" />
<div class="hej">
<span class="open">Open today untill 20 </span>
<div class="box1">-</div>
<div class="box2">-</div>
</div>
</div>
<div class="bg">
<div class="box">
<h1>MARIE-LOUISE</h1>
<h1>EKMAN</h1>
<div>17.6 17.9 2017</div>
<div class="yellow">12 days left</div>
</div>
</div>
<div class="footer">
<span>Stockholm <span class="grey">malmö</span></span>
<span class="right">English <span class="grey">Svenska</span></span>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment