Forms

<form class="form-style-1">
    <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="tel" class="form-control" placeholder="Phone Number">
        </div>
    </div>
    <div class="row">
        <div class="form-group col-md-6">
            <input type="email" class="form-control" placeholder="Mail">
        </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-style-lg btn-c-primary" title="Title">Send Message</button>
</form>
Copy to clipboard
                    

<form class="form-style-2">
    <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="tel" class="form-control" placeholder="Phone Number">
        </div>
    </div>
    <div class="row">
        <div class="form-group col-md-6">
            <input type="email" class="form-control" placeholder="Mail">
        </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-style-lg btn-c-primary" title="Title">Send Message</button>
</form>
Copy to clipboard
                    

<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-1 btn-style-lg btn-c-primary" title="Title">Send Message</button>
</form>
Copy to clipboard