Foundation zurb snippet. Simple contact form

This snippet was created to help web designers, front-end and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code.

HTML code

This is the html code used to create this bootstrap snippet, You can copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview selection

<div class="row target fs-equalize-element">
    <div class="large-6 columns">
        <div class="contact-col" style="height: 416px;">
            <form>
                <label for="email">Email address</label>
                <input type="email" id="email" placeholder="Email">
                <label for="name">Name</label>
                <input type="text" id="name" placeholder="Name">
                <label for="msg">Your Message</label>
                <textarea id="msg" rows="5" placeholder="Message"></textarea>
                <button type="button" class="button success">Submit</button>
            </form>
        </div>
    </div>
    <div class="large-6 columns">
        <div class="contact-col" style="height: 416px;">
            <h3>Contact Info</h3>
            <p>
                It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
            </p>
            <br>
            
            <p class="lead">Lorem street, Imsum Market,<br> 302039</p>
            <p class="lead">Mail Us: [email protected]</p>
              <p class="lead">Call Us: +21 1800 765 5749</p>
        </div>
    </div>
</div>

CSS code

This is the css code used to create this bootstrap snippet, You can copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview selection

body{
    margin-top:50px;
}
.contact-col {
    background: #eee;
    padding: 30px;
}