JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div id="container">
    <div id="column1">
        
<h1>You can talk to me. I don't bite...</h1>
    
    <br>
    <br>
    
<h5>You can contact me by the form opposite or by one of the following:</h5>
    <br>
    <br>
    <img src="/icons/mail.png" name="mail">[email protected]</div>
<div id="column2">
    <form action="mail.php" method="POST">
        <p>Name*</p>
        <input type="text" name="name">
        <p>Your Company Name</p>
        <input type="text" name="name">
        <p>Email*</p>
        <input type="text" name="email">
        <p>Telephone*</p>
        <input type="text" name="email">
        <p>Message</p>
        <textarea name="message" rows="6" cols="25"></textarea>
        <br />
<small>Fields marked with a * symbol are required. </small>

        <input type="submit" value="Send">
        <input type="reset" value="Clear">
    </form>
</div>
</div>

CSS

#container {
    float: left;
    width: 98%;
    position:relative;
}
#column1, #column2 {
    width: 50%;
    float: left;
    position:relative;
}