JSFiddle - React, Tailwind, and code Playground
by refhat
HTML
<html> <head> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <div style="width: 580px;"> <p>Thank you for your interest in becoming a Moneythink mentor. To apply, please fill out the form below. If you are selected for an interview, we will contact you.</p> <form id="mentor_application"> <table id="mentor_app"> <tr> <td>First Name:</td> <td>Last Name</td> <td>Gender:</td> </tr> <tr> <td><input type="text" name="first"></td> <td><input type="text" name="last"></td> <td> <select name="gender"> <option value="male">Male</option> <option value="female">Female</option> </select> </td> </tr> <tr> <td>Ethnicity</td> <td>DOB (MM/DD/YYYY)</td> </tr> <tr> <td> <select name="ethnicity"> <option value="white">White/Caucasian</option> <option value="hispanic">Hispanic</option> <option value="asian">Asian/Pacific Islander</option> <option value="native_american">Native American Indian</option> <option value="other">Other</option> </td> <td><input type="text" name="dob"></td> </tr> <tr><td> </td></tr> <tr> <td colspan="4" border="1"><h3>Academic Information</h3></td> </tr> <tr> <td>Cumulutative GPA:</td> <td>Major</td> <td>Grade Level</td> </tr> <tr> <td><input type="text" name="gpa"></td> <td><input type="text" name="major"></td> <td> <select name="year_in_school"> <option value="freshman">Freshman</option> <option value="sophomore">Sophomore</option> <option value="junior">Junior</option> <option value="senior">Senior</option> </select> </td> </tr> <tr><td> </td></tr> <tr> <td colspan="4"><h2>Contact Details</h2></td> </tr> <tr> <td>Email Address:</td> <td>Phone Number:</td> <td>Twitter Username:</td> </tr> <tr> <td><input type="text" name="email"></td> <td><input type="text" name="phone"></td> <td><input type="text" name="twitter_handle"></td> </tr> <tr> <td>Street Address:</td> <td>Apt/Suite</td> <td>City</td> </tr> <tr> <td><input type="text" name="address"></td> <td><input type="text" name="suite_num"></td>...