JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://ahopefilm.com/dev/bootstrap.css">
<!-- Static navbar -->
<div class="navbar navbar-inverse navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle btn" data-toggle="collapse" data-target=".navbar-collapse">
      <i class="icon-reorder"></i>
    </button>      
      <a href="http://localhost:8888/en/" class="navbar-logo"><img src="http://localhost:8888/assets/images/logo-inverse.png" height="41px" alt="Kirby" /></a>
    
  </div>
    <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-right">
  		        				      <li ><a href="about-us">About</a></li>
			            				          <li class="dropdown ">
            <a data-target="#" href="projects" class="dropdown-toggle " data-toggle="dropdown">Projects<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu">
              <li><a href="projects">Projects</a></li>
                          <li><a href="project-a">Project A</a></li>
						              <li><a href="project-b">Project B</a></li>
						              <li><a href="project-c">Project C</a></li>
						          </ul>
          </li>
			            				      <li ><a href="contact">Contact us</a></li>
			            				      <li ><a href="example">example</a></li>
			        </ul>
  </div><!--/.nav-collapse -->
</div>
</div>


<!-- Masthead
================================================== -->
<section class="featurette jumbotron" id="make">
  <div class="container">
  <h1><p>Join us in making a <strong>new</strong> kind of documentary</p>
</h1>
  
  <form action="http://forkables.us2.list-manage.com/subscribe/post?u=4a7c468040d165b6b672268bc&amp;id=c9a1b544cf" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="row validate" target="_blank" role="form">
    <div...