Forms

All the forms in this template are

Modal Form

<!-- request demo modal -->
    <!-- Modal -->
    <div class="modal fade modal-get-demo" id="exampleModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form action="#" class="contact-form-area-start">
                        <div class="contact-input-half-wrapper">
                            <div class="single-input">
                                <label for="name">Fast Name</label>
                                <input id="name" type="text" placeholder="Willeigan">
                            </div>
                            <div class="single-input">
                                <label for="lname">Last Name</label>
                                <input id="lname" type="text" placeholder="Jon">
                            </div>
                        </div>
                        <div class="contact-input-half-wrapper">
                            <div class="single-input">
                                <label for="email">Email</label>
                                <input id="email" type="text" placeholder="info@yourmail.com">
                            </div>
                            <div class="single-input">
                                <label for="phone">Number</label>
                                <input id="phone" type="text" placeholder="(00) 123 456 789">
                            </div>
                        </div>
                        <label for="message">Message</label>
                        <textarea name="message" id="message" placeholder="Write your message here..."></textarea>
                        <button class="rts-btn btn-primary mt--30">Submit Now</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- request demo modal end -->

Sign In Form

<!-- rts login area start -->
    <div class="rts-login-area rts-section-gap bg-background-1">
        <div class="container rts-section-gapTop">
            <div class="row">
                <div class="col-lg-12">
                    <div class="rts-loging-area">

                        <div class="registration-wrapper-1">
                            <div class="logo-area mb--0">
                                <img class="mb--10" src="assets/images/logo/fav.png" alt="logo">
                            </div>
                            <h3 class="title animated fadeIn">Login Into Your Account</h3>
                            <form action="#" class="registration-form">
                                <div class="input-wrapper">
                                    <label for="email">Email*</label>
                                    <input type="email" id="email">
                                </div>
                                <div class="input-wrapper">
                                    <label for="password">Password*</label>
                                    <input type="password" id="password">
                                </div>
                                <button class="rts-btn btn-primary">Login Account</button>
                                <div class="another-way-to-registration">
                                    <div class="registradion-top-text">
                                        <span>Or Register With</span>
                                    </div>
                                    <div class="login-with-brand">
                                        <a href="#" class="single">
                                            <img src="assets/images/form/google.svg" alt="login">
                                        </a>
                                        <a href="#" class="single">
                                            <img src="assets/images/form/facebook.svg" alt="login">
                                        </a>
                                    </div>
                                    <p>Already Have Account? <a href="#">Login</a></p>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- rts login area end -->

Contact Form

<!-- rts contact area start -->
    <div class="rts-section-gap rts-contact-area">
        <div class="container pt--50">
            <div class="row">
                <div class="col-lg-12">
                    <div class="title-center-main-wrapper">
                        <h2 class="title wow fadeInUp" data-wow-delay=".0s">Let's connect with us</h2>
                        <p class="disc wow fadeInUp" data-wow-delay=".2s">
                            Connect with Us Today through the Details Below or Fill Out the Form for a Prompt Response"
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form action="#" class="contact-form-area-start">
                        <div class="contact-input-half-wrapper">
                            <div class="single-input">
                                <label for="name">Fast Name</label>
                                <input id="name" type="text" placeholder="Willeigan">
                            </div>
                            <div class="single-input">
                                <label for="lname">Last Name</label>
                                <input id="lname" type="text" placeholder="Jon">
                            </div>
                        </div>
                        <div class="contact-input-half-wrapper">
                            <div class="single-input">
                                <label for="email">Email</label>
                                <input id="email" type="text" placeholder="info@yourmail.com">
                            </div>
                            <div class="single-input">
                                <label for="phone">Number</label>
                                <input id="phone" type="text" placeholder="(00) 123 456 789">
                            </div>
                        </div>
                        <label for="message">Message</label>
                        <textarea name="message" id="message" placeholder="Write your message here..."></textarea>
                        <button class="rts-btn btn-primary mt--30">Submit Now</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- rts contact area end -->

Was this page helpful?

Leave a Reply

Your email address will not be published. Required fields are marked *