Skip to content

Instantly share code, notes, and snippets.

@zachdrago
Created April 8, 2015 17:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zachdrago/46660d46692a19b11ee9 to your computer and use it in GitHub Desktop.
Save zachdrago/46660d46692a19b11ee9 to your computer and use it in GitHub Desktop.
West Elm source http://jsbin.com/zasuha
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.stackBar {
height: 40px;
width: 100%;
background: #F8F8F8 url('https://stackla-web-assets.s3.amazonaws.com/StacklaDemo.stackla.com/media/images/customimages/2015-04/1428451284/Z.jpg') repeat top left;
background-attachment: scroll;
background-color: #F8F8F8;
border-top: 3px solid #4A4A4A;
border-bottom: thin solid #4A4A4A;
}
.clientHeader {
background-color: #f8f8f8;
height: 140px;
padding-top: 35px;
padding-left: 30px;
}
.clientLogo {
height: 150px;
float: left;
background: none;
height: 90px;
display: table;
overflow: hidden;
}
</style>
</head>
<body>
<div class="clientHeader">
<div class="clientLogo">
<a href="http://www.westelm.com/">
<img src="https://stackla-web-assets.s3.amazonaws.com/StacklaDemo.stackla.com/media/images/customimages/2015-04/1428451391/logo_we.png">
</a>
</div>
</div>
<div class="stackBar"></div>
<div class='stacklafw' data-id='3696' data-hash='5524b5f42593e' data-ct='' data-alias='StacklaDemo.stackla.com' data-ttl="30" ></div>
<script type='text/javascript'>
(function (d, id) {
if (d.getElementById(id)) return;
var t = d.createElement('script');
t.type = 'text/javascript';
t.src = '//assetscdn.stackla.com/media/js/widget/fluid-embed.js';
t.id = id;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(t);
}(document, 'stacklafw-js'));
</script>
<script id="jsbin-source-css" type="text/css">* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.stackBar {
height: 40px;
width: 100%;
background: #F8F8F8 url('https://stackla-web-assets.s3.amazonaws.com/StacklaDemo.stackla.com/media/images/customimages/2015-04/1428451284/Z.jpg') repeat top left;
background-attachment: scroll;
background-color: #F8F8F8;
border-top: 3px solid #4A4A4A;
border-bottom: thin solid #4A4A4A;
}
.clientHeader {
background-color: #f8f8f8;
height: 140px;
padding-top: 35px;
padding-left: 30px;
}
.clientLogo {
height: 150px;
float: left;
background: none;
height: 90px;
display: table;
overflow: hidden;
}</script>
</body>
</html>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.stackBar {
height: 40px;
width: 100%;
background: #F8F8F8 url('https://stackla-web-assets.s3.amazonaws.com/StacklaDemo.stackla.com/media/images/customimages/2015-04/1428451284/Z.jpg') repeat top left;
background-attachment: scroll;
background-color: #F8F8F8;
border-top: 3px solid #4A4A4A;
border-bottom: thin solid #4A4A4A;
}
.clientHeader {
background-color: #f8f8f8;
height: 140px;
padding-top: 35px;
padding-left: 30px;
}
.clientLogo {
height: 150px;
float: left;
background: none;
height: 90px;
display: table;
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment