zachdrago
4/8/2015 - 5:21 PM

West Elm source http://jsbin.com/zasuha

West Elm source http://jsbin.com/zasuha

jsbin.zasuha.css
content_copyfile_download
* {
  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;
}
index.html
content_copyfile_download
<!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>