JSFiddle - React, Tailwind, and code Playground

by Gretchen Ward

HTML

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        
        <link rel="stylesheet" href="main.css">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript">

		$(document).ready(function(){

		 	$('a[href^="#"]').bind('click.smoothscroll',function (e) {
			    e.preventDefault();
			    var target = this.hash;
			        $target = $(target);
			    $('html, body').stop().animate({
			        'scrollTop': $target.offset().top
			    }, 500, 'swing', function () {
			        window.location.hash = target;
			    });
			});

		
		</script>    
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->


        <div id="main-container">
				<div id="first">
					<div class="headingText">
						<p>(Please scroll down - there is a gift for you under the tree!)</p>
						<h1>This Holiday Season, Re:member to...</h1>
					</div>	
				</div>
				
				<div id="second">
					<div class="bodyText">
						<h1>Re:duce the need for new materials...</h1>
					</div>
				</div>
                
				<div id="third">
					<div class="bodyText">
						<h1>Re:use what you can...</h1>
					</div>
				</div>
			
				<div...