JSFiddle - React, Tailwind, and code Playground

by Academia

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <div class= "navbar navbar-inverse navbar-static-top">
		  <div class= "container">
		      <a href="#" class="navbar-brand"> tech  site</a>
		      <button class= "navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
		          <span class= "icon-bar"></span>
		          <span class= "icon-bar"></span>
		          <span class= "icon-bar"></span>
		      </button>
		      <div class= "collapse navbar-collapse navHeaderCollapse">
		       <ul class= "nav navbar-nav navbar-right">
		              <li><a href= "#" class="active"> Home</a></li>
		              <li><a href= "#"> Login</a></li>
		              <li class="dropdown">
		                  <a href= "#" class="dropdown-toggle" data-toggle="dropdown"> Social Media<b class="caret"></b></a>                          
		                  <ul class="dropdown-menu">
		              <li><a href= "#" class="active">Facebook</a></li>
		              <li><a href= "#">Twitter</a></li>
		              <li><a href= "#"> Google+</a></li>

		                  </ul>
		              </li>
		              <li><a href= "#"> About</a></li>
		              <li><a href= "#"> Contact</a></li>
		       </ul>
		      </div>
		  </div>
	<div>


	<div class="bottom">
		  <div class="container">
		      <div class="col-md-4">
		          <h3><span class="glyphicon glyphicon-heart"></span> Footer section 1</h3>
		          <p>Content for the first footer section.</p>
		      </div>
		      <div class="col-md-4">
		          <h3><span class="glyphicon glyphicon-star"></span> Footer section 2</h3>
		          <p>Content for the second footer section.</p>
		      </div>
		      <div class="col-md-4">
		          <h3><span class="glyphicon glyphicon-music"></span> Footer section 3</h3>
		          <p>Content for the third footer...