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>Mike Kerney's Web Systems Page</title>
    <link href="newsiteStyle.css" rel="stylesheet" type="text/css">
    <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
    <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>
  </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()">Home</a>
              <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                <a href="index.html">Home</a>
              </div>
            </li>
            <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Assignments</a>
              <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                <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>
              </div>
            </li>
            <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Other</a>
              <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
                <a href="kidspage.html">Kid's Projects</a>
              </div>
            </li>
          </ul>
        </nav>
      </header>

      <div id="content">

        <section id="mainContent">

          <h1>Web Systems 4813 Page</h1>

        ...