JSFiddle - React, Tailwind, and code Playground

by marianico2

HTML

<link rel="stylesheet" href="http://byjakewithlove.com/treehouse/bootstrap-layout/css/bootstrap.min.css">
<link rel="stylesheet" href="http://byjakewithlove.com/treehouse/bootstrap-layout/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="http://byjakewithlove.com/treehouse/bootstrap-layout/css/global.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://byjakewithlove.com/treehouse/bootstrap-layout/js/bootstrap.min.js"></script>
<body>
    <nav id="navigation">
      <div class="container">
        <ul class="navlinks pull-right">
          <li><a href="index.html">Homepage</a></li>
          <li><a href="index.html">About Us</a></li>
          <li><a href="index.html">Projects</a></li>
          <li><a href="index.html">The Team</a></li>
          <li><a href="index.html">Contacts</a></li>
        </ul>
      </div>
    </nav>
    
    <header id="heading">
      <div class="container text-center">
        <h1>Super Nintendo Rocks</h1>
        <h4>But this is just a sample demo layout, don't get too excited!</h4>
        
        <p><a href="index.html" class="btn btn-large btn-inverse">Check out our features</a></p>
      </div>
    </header>
    
    <div id="main-content">
      <div class="container">
         <div class="row">
           <div class="span4">
             <h2>Our Products</h2>
             <p>Oh…yeah…the guy in the…the $4,000 suit is holding the elevator for a guy who doesn't make that in three months. Come on! Speaking of settling, how's Ann? He's a regular Freddie Wilson, that one.</p>
             <p class="text-center"><a class="btn" href="index.html">Read more</a></p>
           </div>
   
           <div class="span4">
             <h2>We Love You! <small>so much</small></h2>
             <p>I mean, it's one banana, Michael. What could it cost, ten dollars? It's sort of like going from prime rib to… I don't know… weird brother of prime rib. I hear the jury's...

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:800,300,600);
* {
    box-shadow: none;
    text-shadow: none;
}

body {
    font-family:"Open Sans", sans-serif;
    font-weight: 300;
}
#heading {
    background: #e74c3c;
}

h1, h2 {
    font-weight: 800;
    text-transform: uppercase;
}
#heading h4 {
    font-weight: 300;
}
#navigation {
    background: #34495e;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    box-shadow: none;
}
#navigation .navlinks li a {
    color: white;
}

.btn{
    background: #1abc9c;
    box-shadow: none;
    text-shadow: none;
}