JSFiddle - React, Tailwind, and code Playground

by Pamela Cook

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<header class="header">
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<a href="/"><img src="https://s3-us-west-2.amazonaws.com/lightbetestdata/HeaderTherapy.jpg" class="img-responsive"></a>
		</div>
	</div>
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" align="center" id="menu-line">
			<div class="row">
				<div class="col-lg-4 col-lg-offset-4 col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-12" align="center" id="header-links"><a href="/en/store">Buy Apps & View Trailers</a></div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" align="right" id="menu-link-right"><a href="http://eepurl.com/cGnzDf" target="_blank">Join Mailing List</a></div>
			</div>
    </div>
  </div>
</header>
<div class="margin-top-page"></div>

SCSS

$black: #000000;
$backgroundColor: lighten($black, 90%);
$blue: #0000ff;
$borderColor: #999999;
$color4d: #21ffff;
$LinkColor: #fe41ff;
$LinkColorHover: #ffff00;
$SideBar:  lighten($black, 46.7%);
$SideBarClose:  lighten($black, 80%);
$SideBarColorX:  lighten($black, 80%);
$SideBarlinkColor: #fe41ff;
$SideBarlinkColorHover: #ffff00;
$red: #ff0000;
$white: #ffffff;


a { color: $blue; } a:hover { color: $red; } a, a:hover, a:active, a:active.focus, a:focus, a:hover { text-decoration: none; }
body { overflow-x: hidden; position: relative; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: asset_url("https://s3-us-west-2.amazonaws.com/lightbetestdata/BackgroundLandscape.jpg") no-repeat center center fixed; 
	background-size: 100% 100%; -khtml-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%;
 }
footer, header { color: $white; background-color: $black; a { color: $LinkColor; } a:hover { color: $LinkColorHover; } }
footer { font-size: 80%; font-style: italic; padding: 10px 0px; }
header { margin-top: -20px; position: fixed; z-index: 1; margin-right: 35px; }