Forms

Form Style 1

                       
    <form class="form-style-1">
        <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="Email">
            </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">
                <select class="form-select" aria-label="Default select example">
                    <option selected>Subject</option>
                    <option value="1">Title 1</option>
                    <option value="2">Title 2</option>
                    <option value="3">Title 3</option>
                </select>
            </div>
        </div>
        <textarea class="form-control" placeholder="Message"></textarea>
        <button type="submit" class="btn btn-primary btn-style-1 btn-lg" title="Title">SEND MESSAGE</button>
    </form>
                       
                   

Form Style 2

                       
    <form class="form-style-2">
        <input type="text" class="form-control" placeholder="Name">
        <input type="email" class="form-control" placeholder="Email">
        <select class="form-select" aria-label="Default select example">
            <option selected>Subject</option>
            <option value="1">Title 1</option>
            <option value="2">Title 2</option>
            <option value="3">Title 3</option>
        </select>
        <textarea class="form-control" placeholder="Message"></textarea>
        <button type="submit" class="btn btn-primary btn-style-3 btn-lg" title="Title">Send Message</button>
    </form>
                    
                   

Form Style 3

                       
    <form class="form-style-3">
        <div class="row">
            <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">
            <div class="form-group col-md-6">
                <input type="tel" class="form-control" placeholder="Phone Number">
            </div>
            <div class="form-group col-md-6">
                <select class="form-select" aria-label="Default select example">
                    <option selected>Subject</option>
                    <option value="1">Title 1</option>
                    <option value="2">Title 2</option>
                    <option value="3">Title 3</option>
                </select>
            </div>
        </div>
        <textarea class="form-control" placeholder="Message"></textarea>
        <button type="submit" class="btn btn-primary btn-style-3 btn-lg" title="Title">Send Message</button>
    </form>
                       
                   
HEADER STYLE
COLOR SCHEMES
Buy Now