Forms

Form Style 1

                        
<form class="form-style-1 element">
    <div class="row s-10">
        <div class="form-group col-md-6">
            <input type="text" class="form-control" placeholder="Name">
        </div>
        <div class="form-group col-md-6">
            <input type="email" class="form-control" placeholder="Mail">
        </div>
    </div>
    <div class="row s-10">
        <div class="form-group col-md-6">
            <input type="tel" class="form-control" placeholder="Phone Number">
        </div>
        <div class="form-group col-md-6">
        <input type="text" class="form-control" placeholder="Subject">
        </div>
    </div>
    <textarea class="form-control" placeholder="Message"></textarea>
    <button type="submit" class="btn btn-primary btn-style-1 btn-style-lg btn-c-primary" title="Title">Send Message</button>
</form>

Form Style 2

                        
<form class="form-style-2">
    <div class="row s-12-5">
        <div class="form-group col-md-6 col-lg-4">
            <input type="text" class="form-control" placeholder="Name">
        </div>
        <div class="form-group col-md-6 col-lg-4">
            <input type="email" class="form-control" placeholder="Email">
        </div>
        <div class="form-group col-md-12 col-lg-4">
        <input type="text" class="form-control" placeholder="Subject">
        </div>
    </div>
    <textarea class="form-control" placeholder="Message"></textarea>
    <button type="submit" class="btn btn-primary btn-style-1 btn-style-lg btn-c-primary" title="Title">Send Message</button>
</form>

Form Style 3

First Name
Last Name
Mail
Phone Number
Message
                        
<form class="form-style-3">
    <div class="row s-15">
        <div class="form-group col-md-6">
            <h5>First Name</h5>
            <input type="text" class="form-control" placeholder="Enter your first name.">
        </div>
        <div class="form-group col-md-6">
            <h5>Last Name</h5>
            <input type="text" class="form-control" placeholder="Enter your last name.">
        </div>
    </div>
    <div class="row s-15">
        <div class="form-group col-md-6">
            <h5>Mail</h5>
            <input type="email" class="form-control" placeholder="Mail">
        </div>
        <div class="form-group col-md-6">
            <h5>Phone Number</h5>
            <input type="tel" class="form-control" placeholder="Enter your phone number.">
        </div>
    </div>
    <h5>Message</h5>
    <textarea class="form-control" placeholder="Type Something"></textarea>
    <button type="submit" class="btn btn-primary btn-style-1 btn-style-lg btn-c-primary" title="Title">Send Message</button>
</form>