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>
    #landing-page-content {
      max-width:1080px;
      margin:0 auto;
    }
    
    #row1 {background-color:#ffffff}
      #top-logo {
        float: left;
        width: 50%;
       
      }
      
      #top-logo p {
        
        
      }

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

      #top-phone p {
        float: right;
        font-family:Arial, sans-serif;
        font-size:20px;
        font-weight:bold;
      }

    </style>

  </head>

  <body>
    <div id="landing-page-content">


      <div class="jumbotron" id="row1">
        <div id="top-logo">
          <img alt="Works seamlessly with Google home, Amazon Echo, Philips Hue and Nest" src="https://resources.georgiapower.com/content/images/emails/vivint/q3-2020-signup/georgia-power-vivint-partner-web.png">

        </div>
        <div id="top-phone">
          <p>
            Call 855.995.5843
          </p>
        </div>
      </div>
      <div class="row" id="row2">
        <div class="col-md-9" id="hero">
          <p>Logo</p>
        </div>
        <div class="col-md-3 id="form-top">
          <p>
            Form here
          </p>
        </div>
      </div>
      <div class="container">
        <div class="row" id="row3">
          <div class="col-md-4">
            <div class="col-md-4">
              <h2 class="text-center"> Smart Home.<br />
                Smart Savings </h2>
              <p class="text-center"> By installing a Vivint Smart Home System you can save money and...