JSFiddle - React, Tailwind, and code Playground

by Mike Kerney

HTML

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Assignment #7</title>
<link href="newsiteStyle.css" rel="stylesheet" type="text/css">
<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default.js"></script>
<script src="menu.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script>src="Cards"</script>
	<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>

<body> 
	
	<div id="mainwrapper">
  <header> 
   
    <div id="logo"> <img src="logo.png" alt="" height="50" > </div>
    <nav>
  <ul id="sddm">
    <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()" onblur="mclosetime()" onfocus="mopen('m1')">Home</a>
              <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" onblur="mclosetime()" onfocus="mcancelclosetime()">
                <a href="index.html">Home</a>
              </div>
            </li>
            <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()" onblur="mclosetime()" onfocus="mopen('m2')">Assignments</a>
              <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" onblur="mclosetime()" onfocus="mcancelclosetime()">
                <a href="assignment1.html">Assignment 1</a>
                <a href="Assignment2.html">Assignment 2 - Original Site</a>
                <a href="assignment3.html">Assignment 3 - Form Validation</a>
				  <a href="assignment4.html">Assignment 4 - Function Calculator</a>
				  <a href="assignment5.html">Assignment 5 - Random Spirograph</a>
				  <a href="assignment6.html">Assignment 6</a>
				  <a href="assignment7.html">Assignment 7</a>
              </div>
            </li>
            <li><a href="#"...