JSFiddle - React, Tailwind, and code Playground

by fezec

HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Wenatchee Kennel Club</title>
<link href="global.css" rel="stylesheet" type="text/css">
<!--[if IE]>
    <style type="text/css"> 
    a { zoom: 1;}
    </style>
    <![endif]-->
<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>
<div id="container">
  <header>
    <div class="headeranim">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="808" height="185" id="FlashID" title="header animation">
        <param name="movie" value="images/header.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <param name="swfversion" value="9.0.45.0">
        <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
        <param name="expressinstall" value="Scripts/expressInstall.swf">
        <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> 
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="images/header.swf" width="808" height="185">
          <!--<![endif]-->
          <param name="quality" value="high">
          <param name="wmode" value="transparent">
          <param name="swfversion" value="9.0.45.0">
          <param name="expressinstall" value="Scripts/expressInstall.swf">
          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33"...

CSS

@charset "utf-8";
/* CSS Document */

/* reset margins */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* end reset margins */

/*microclearfix by Nicolas Gallagher http://nicolasgallaher.com/micro-clearfix-hack/*/

.cf:before, .cf:after {
    content: "";
    display:table;
}
.cf:after {
    clear: both;
}
.headeranim {
    margin-top: 0px;
    margin-bottom: 20px;
}
#container {
    width: 810px;
    margin: 0 auto;
}
#legal {
    color: rgb(0,0,0);
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}
h1 {
    color: rgb(255,255,255)
}
p {
    color: rgb(255,255,255);
}
aside {
    width: 260px;
    float: right;
    height: 200px;
    color: rgb(255,255,255);
    background: rgb(0,0,0) url(images/bg.gif);
    border: 3px solid rgb(255,61,61);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: Tahoma, Geneva, sans-serif;
    display: block;
    margin-bottom: 20px;
}
body {
    background: rgb(0,0,0) url(images/headerbg.jpg) repeat-x top;
}
footer {
    float: left;
    color: rgb(255,255,255);
    width: 800px;
    height: 40px;
    background: rgb(0,0,0) url(images/bg.gif);
    border: 3px solid rgb(255,61,61);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    display: block;
    margin-bottom: 10px;
    line-height: 40px;
}
header {
    height: 305px;
    margin-top: 10px;
}
nav {
    color: rgb(255,255,255);
    font-size: 0.8em;
    width: 775px;
    margin: 0 auto;
    height: 50px;
    background: rgb(0,0,0);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius:...