Forms

Form Style 1

                        
<form class="form-style-1">
    <div class="row s-25">
        <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-25">
        <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-rounded-2" title="Title">Send Message
        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
            <path data-name="Path 42037" d="M326.027,190.4v65.626H260.4v18.749h65.625V340.4h18.75V274.775H410.4V256.026H344.777V190.4Z" transform="translate(-260.402 -190.4)" fill="#0a2046"/>
        </svg>
    </button>
</form>

Form Style 2

                        
<form class="form-style-2">
    <div class="row s-12-5">
        <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-12-5">
        <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-rounded-2" title="Title">Send Message
        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
            <path data-name="Path 42037" d="M326.027,190.4v65.626H260.4v18.749h65.625V340.4h18.75V274.775H410.4V256.026H344.777V190.4Z" transform="translate(-260.402 -190.4)" fill="#0a2046"/>
        </svg>
    </button>
</form>