JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<!doctype html>

<html lang="en">

  <head>
    <meta charset="utf-8">

    <title>The HTML5 Herald</title>
    <meta name="description" content="The HTML5 Herald">
    <meta name="author" content="SitePoint">

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
      #top-logo {
        float: left;
        width: 50%;
      }

      #top-logo {
        float: right;
        width: 50%;
      }

    </style>

  </head>

  <body>
    <div class="jumbotron" id="row1">
      <div id="top-logo">
        Logo
      </div>
      <div id="top-phone">
        <p>
          phone number
        </p>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <h2>
          Smart Home.<br />Smart Savings
          </h2>
          <p>
          By installing Vivint Smart home
          </p>
        </div>
        <div class="col-md-8">
          Devices image
        </div>
      </div>
      </div>
      <script src="js/scripts.js"></script>
  </body>

</html>