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;
}