Form

Style 1

                
<!--perview start-->
<div class="we-love-area">
    <form action="mail.php" method="post">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="text" name="name1" class="info" placeholder="First Name*">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="text" name="name2" class="info" placeholder="Last Name*">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="email" name="email" class="info" placeholder="Your Email*">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="text" name="web" class="info" placeholder="Website">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="text" name="subject" class="info" placeholder="subject*">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <textarea name="message" class="area-tex" placeholder="Your Message*"></textarea>
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="submit" name="submit" class="submit-btn" value="Send Mail">
                </div>
            </div>
        </div>
    </form>
</div>
<!--preview end-->

                

.input-box input,textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  width: 100%;
}

.area-tex {
    height: 130px;
	resize:none
}
.input-box input:focus,textarea:focus{
    border: 1px solid #2395ec;
}
input.submit-btn {
  background: #2395ec none repeat scroll 0 0;
  border: medium none #2395ec;
  color: #fff;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
input.submit-btn:hover {
  background: #117acb none repeat scroll 0 0;
}
.input-box .submit-btn {
  margin-top: 30px;
}

Style 2

First Name *

Last Name *

Email *

Website

Subject *

Message *

                        
<div class="we-love-area">
    <form action="mail.php" method="post">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>First Name <em>*</em></label>
                    <input type="text" name="name1" class="info"> </div>
            </div>

            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>Last Name <em>*</em></label>
                    <input type="text" name="name2" class="info"> </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>Email <em>*</em></label>
                    <input type="email" name="email" class="info"> </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>Website</label>
                    <input type="text" name="web" class="info"> </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>Subject <em>*</em></label>
                    <input type="text" name="subject" class="info"> </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <label>Message <em>*</em></label>
                    <textarea name="message" class="area-tex"></textarea>
                </div>
            </div>
            <div class="col-lg-6 offset-lg-3">
                <div class="input-box">
                    <input type="submit" name="submit" class="submit-btn" value="Send Mail">
                </div>
            </div>
        </div>
    </form>
</div>

                

.input-box input,textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  width: 100%;
}

.area-tex {
    height: 130px;
	resize:none
}
.input-box input:focus,textarea:focus{
    border: 1px solid #2395ec;
}
input.submit-btn {
  background: #2395ec none repeat scroll 0 0;
  border: medium none #2395ec;
  color: #fff;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
}
input.submit-btn:hover {
  background: #117acb none repeat scroll 0 0;
}
.input-box .submit-btn {
  margin-top: 30px;
}