Forms | Biz Pro

Forms Style 1

Your Name

Your Mail

Message

                                
<section class="forms-block-area">
    <div class="container">
        <div class="forms-block">
            <div class="form1">
                <h2>Forms Title</h2>
                <form>
                    <div class="row gx-4">
                        <div class="col-sm-6 col-12">
                            <div class="mb-4">
                                <label for="name" class="form-label">Your Name</label>
                                <input type="text" class="form-control" id="name" placeholder="Enter your name">
                            </div>
                        </div>
                        <div class="col-sm-6 col-12">
                            <div class="mb-4">
                                <label for="email" class="form-label">Your Mail</label>
                                <input type="email" class="form-control" id="email" placeholder="Enter your mail">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-5">
                                <label for="textarea" class="form-label">Message</label>
                                <textarea class="form-control" id="textarea" rows="4" placeholder="Type Something..."></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-primary">Send Message 
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="10" viewBox="0 0 28 10">
                                <path data-name="Path 4" d="M109.754,179.349h25.8l-3.667-3.641a.489.489,0,0,1,0-.7.5.5,0,0,1,.7,0l4.459,4.427a.489.489,0,0,1,.21.4s0,0,0,.007,0,.011,0,.016a.492.492,0,0,1-.1.279.493.493,0,0,1-.038.057l-4.557,4.524a.5.5,0,0,1-.7,0,.489.489,0,0,1,0-.7l3.722-3.7H109.754a.492.492,0,1,1,0-.984Z" transform="translate(-109.259 -174.868)" fill="#fff"></path>
                            </svg>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

Forms Style 2

                                
<section class="forms-block-area">
    <div class="container">
        <div class="forms-block">
            <div class="form2">
                <h2>Forms Title</h2>
                <form>
                    <div class="row gx-4">
                        <div class="col-sm-6 col-12">
                            <div class="mb-4">
                                <input type="text" class="form-control" id="name1" placeholder="Name">
                            </div>
                        </div>
                        <div class="col-sm-6 col-12">
                            <div class="mb-4">
                                <input type="email" class="form-control" id="email1" placeholder="Mail">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-5">
                                <textarea class="form-control" id="textarea1" rows="4" placeholder="Message"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-primary">Send Message 
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="10" viewBox="0 0 28 10">
                                <path data-name="Path 4" d="M109.754,179.349h25.8l-3.667-3.641a.489.489,0,0,1,0-.7.5.5,0,0,1,.7,0l4.459,4.427a.489.489,0,0,1,.21.4s0,0,0,.007,0,.011,0,.016a.492.492,0,0,1-.1.279.493.493,0,0,1-.038.057l-4.557,4.524a.5.5,0,0,1-.7,0,.489.489,0,0,1,0-.7l3.722-3.7H109.754a.492.492,0,1,1,0-.984Z" transform="translate(-109.259 -174.868)" fill="#fff"></path>
                            </svg>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

Forms Style 3

                                
<section class="forms-block-area">
    <div class="container">
        <div class="forms-block">
            <div class="form3">
                <h2>Forms Title</h2>
                <form>
                    <div class="mb-3">
                        <input type="text" class="form-control" id="name2" placeholder="Name">
                    </div>
                    <div class="mb-3">
                        <input type="email" class="form-control" id="email2" placeholder="Your Mail">
                    </div>
                    <div class="mb-5">
                        <textarea class="form-control" id="textarea2" rows="4" placeholder="Message"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">Send Message 
                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="10" viewBox="0 0 28 10">
                            <path data-name="Path 4" d="M109.754,179.349h25.8l-3.667-3.641a.489.489,0,0,1,0-.7.5.5,0,0,1,.7,0l4.459,4.427a.489.489,0,0,1,.21.4s0,0,0,.007,0,.011,0,.016a.492.492,0,0,1-.1.279.493.493,0,0,1-.038.057l-4.557,4.524a.5.5,0,0,1-.7,0,.489.489,0,0,1,0-.7l3.722-3.7H109.754a.492.492,0,1,1,0-.984Z" transform="translate(-109.259 -174.868)" fill="#fff"></path>
                        </svg>
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>