Forms | Nifty

Form Style 1

                
                    
        <form class="form-style-1 text-center">
            <div class="form-row justify-content-center">
                <div class="form-group col-md-8">
                    <input class="form-control" placeholder="Name*">
                </div>
                <div class="form-group col-md-8">
                    <input class="form-control" placeholder="Email*">
                </div>
                <div class="form-group col-md-8">
                    <input class="form-control" placeholder="Subject">
                </div>
                <div class="form-group col-md-8">
                    <textarea class="form-control" placeholder="Message"></textarea>
                </div>
            </div>
            <div class="mt-2 mb-5">
                <button class="btn btn-primary mx-auto">Submit</button>
            </div>
        </form>

Form Style 2

First Name*

Last Name*

Subject

Email*

Message

                
                    
        <div class="row justify-content-center">
            <div class="col-md-10">
                <form class="form-style-2">
                    <div class="form-row text-left">
                        <div class="form-group col-md-6">
                            <label for="fname">First Name*</label>
                            <input class="form-control" placeholder="Type your First Name">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="lname">Last Name*</label>
                            <input class="form-control" placeholder="Type your Last Name">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="email">Subject</label>
                            <input class="form-control" placeholder="Type the Subject">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="email">Email*</label>
                            <input class="form-control" placeholder="Type the Email Address">
                        </div>
                        <div class="form-group col-12">
                            <label for="Message">Message</label>
                            <textarea class="form-control" placeholder="Type Message"></textarea>
                        </div>
                    </div>
                    <div class="mt-2 mb-5">
                        <button class="btn btn-primary mx-auto">Submit</button>
                    </div>
                </form>
            </div>
        </div>