Due to the effects of the coronavirus we decided to follow the recommended precautions and close the shop until further notice. In the mean time we'll continue to process all online orders promptly. Take care of yourselves and each other cuz #thatsjustgoodmanners

Good Manner x Streetlights


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
}

.parallax {
/* The image used */
background-image: url('img_parallax.jpg');

/* Full height */
height: 100%;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>

<div class="parallax"></div>

<div style="height:1000px;background-color:red;font-size:36px">
Scroll Up and Down this page to see the parallax scrolling effect.
This div is just here to enable scrolling.
Tip: Try to remove the background-attachment property to remove the scrolling effect.
</div>

<div class="parallax"></div>

</body>
</html>