JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.zerogravpro.com/temp/bootstrap/resources/bootstrap.css">
<link rel="stylesheet" href="http://www.zerogravpro.com/temp/bootstrap/resources/carousel.css">
<link rel="stylesheet" href="http://cloud.webtype.com/css/d6d548fd-83c8-4f6d-ba0d-ecefe5655e0f.css">
<script src="http://www.zerogravpro.com/temp/bootstrap/resources/bootstrap.min.js"></script>
<script src="http://www.zerogravpro.com/temp/bootstrap/resources/holder.js"></script>
<!-- NAVBAR
================================================== -->
  <body bgcolor="#ffffff" style="">
    <div class="navbar-wrapper" style="background-color:#343432;margin-top:0px">
      <div class="container">
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Project name</a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
                    <li class="dropdown-header">Nav...

CSS

.antennaextralight {
		  font-family: "Antenna Extra Light";
		  font-style: normal;
		  font-weight: normal;
		}

		.antennalight {
		  font-family: "Antenna Light";
		  font-style: normal;
		  font-weight: normal;
		}

		.antennaregular {
		  font-family: Antenna;
		  font-style: normal;
		  font-weight: normal;
		}

		.antennathin {
		  font-family: "Antenna Thin";
		  font-style: normal;
		  font-weight: normal;
		}
		
		.GrayBox{
			position:relative;
			font-family: "Antenna Thin";
			font-style: normal;
			font-weight: bold;
			display:inline-block;
			vertical-align:top;
			color:#1D1D1D;
			background-color:#F6F7F9;
			width:193px;
			height:193px;
			font-size:18px;
			font-weight:bold;
			margin:12px 12px 12px 12px;
			padding:26px 12px 0px 12px;
		}
		
		.GrayBoxImage{
			width: 100%; 
			text-align: center; 
			position: absolute; 
			bottom: 30px;
			margin-left:-12px
		}