JSFiddle - React, Tailwind, and code Playground

by mkurzweil

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<audio src="/Users/kmahford/Music/iTunes/iTunes Media/Music/Hiatus Kaiyote/Choose Your Weapon/16 Only Time All the Time_ Making Friends with Studio Owl.m4a" autoplay></audio>
    <div class="header">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
              <h1>ZAH</h1>
          </div>
          <div>
              <ul class="pull-right">
                 <li><a href="AboutMe.html">About Me</a></li>
                 <li><a href="Contact.html">Contact</a></li>
              </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h2>making <span>rustic</span> <span id="and">and</span> <span>modern</span> meet.</h2>
      </div>
    </div>

    <div class="footer">
      <p>&copy; Che Co.</p>
    </div>

CSS

.jumbotron {
height: 600px;
background: url("https://images.unsplash.com/photo-1432821596592-e2c18b78144f?q=80&fm=jpg&s=a4598570a3286ea23369fdefe46953ba") no-repeat center center;
background-size: cover;}
.jumbotron h2 {
margin-top: 0;
text-align: center;
color: #1E91B2;
padding-top: 300px;
font-size: 50px;
font-weight: 400;}
.jumbotron span {
font-weight: 800;}
.jumbotron {
    margin-bottom: 0;
color: #FF8208;
font-weight: 400;}