Стильная форма контактов на фоне фото


Увидел на одном из шаблонов и очень понравилось такое оформление - решил сохранить на память и использовать в других проектах 🙂

Примерный набросок по коду (код такой сделан для обмана спам-ботов):

<h2>Contact Us</h2>				
<div id="vo_all_inp">
<div class="col-lg-6">
<input class="vo_form" type="text" placeholder="Full Name (required)" aria-required="true" size="40" value="" id="full_name">
<input class="vo_form" type="text" placeholder="Email (required)" aria-required="true" size="40" value="" id="email">
<input class="vo_form" type="text" placeholder="Address" aria-required="true" size="40" value="" id="address">
<input class="vo_form" type="text" placeholder="City" aria-required="true" size="40" value="" id="city">
<input class="vo_form" type="text" placeholder="State" aria-required="true" size="40" value="" id="state">
<input class="vo_form" type="text" placeholder="ZIP / Postal Code" aria-required="true" size="40" value="" id="zipcode">
</div>
<div class="col-lg-6">
<input class="vo_form" type="text" placeholder="Country (reuired)" aria-required="true" size="40" value="" id="country">
<input class="vo_form" type="text" placeholder="Phone Number (required)" aria-required="true" size="40" value="" id="phone">
<textarea class="vo_form" style="resize: none; height: 200px; height: 150px !important;" type="text" placeholder="Comments/Questions" aria-required="true" size="40" id="comments"></textarea>
<span id="msgg"></span><input type="button" id="sub_form_landng" class="vo_submit" value="Send" onclick="validate_vo();">
</div>
</div>

	<script>
	jQuery("#vo_all_inp").wrap("<form id='v_form'></form>");
	</script>

и сам CSS:

.vo_form {
	padding: 5px 10px;
    width: 100%;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    border-style: solid;
    border-width: 1px;
    color: #fff;
	border-radius: 0px;
	height: 40px;
	margin-bottom: 10px;
}
.vo_submit {
	border: 0 none;
    float: right;
    padding: 5px 20px;
    text-transform: uppercase;
    transition: all 200ms ease 0s;
	background: none repeat scroll 0 0 #389bb5;
    color: #ffffff;
}
.vo_submit:hover {
	background: none repeat scroll 0 0 #95a5a6;
    color: #ffffff;
}