Form Style 1

                
                                        
                                        <div class="col-md-9 col-lg-9">
                                            <div class="heading-1 text-center mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                              <h2>Form Style 1</h2> </div>
                                            <div class="form-1">
                                              <form action="#" method="post">
                                                <div class="row g-4">
                                                  <div class="col-6  mb-2 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
                                                  <div class="col-6 mb-2 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <input type="email" class="form-control" placeholder="Mail" aria-label="email"> </div>
                                                  <div class="col-12 mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="6" placeholder="Message"></textarea>
                                                  </div>
                                                </div>
                                                <div class="text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                  <button type="submit" class="btn btn-primary">Send <i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.823 104.652">
                                                                                  <g id="Icon_feather-send" data-name="Icon feather-send" transform="translate(52.326 -1.414) rotate(45)">
                                                                                  <path id="Path_210" data-name="Path 210" d="M55.326,3,16.5,41.826" transform="translate(17.674 0)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
                                                                                  <path id="Path_211" data-name="Path 211" d="M73,3,48.5,73l-14-31.5L3,27.5Z" transform="translate(0 0)" fill="none"   stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
                                                                                  </g>
                                                                              </svg></i></button>
                                                </div>
                                              </form>
                                            </div>
                                          </div>
                                        
                                

Form Style 2

                
                                          
                                          <div class="col-md-6 col-lg-6">
                                            <div class="form heading-1 mb-5 text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                              <h2>Form Style 2</h2> </div>
                                            <div class="form-2">
                                              <form action="#" method="post">
                                                <div class="row g-4">
                                                  <div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <input type="text" class="form-control" placeholder="Name" aria-label="name"> </div>
                                                  <div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <input type="email" class="form-control" placeholder="E-mail" aria-label="email"> </div>
                                                  <div class="col-12 mb-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="5" placeholder="Message"></textarea>
                                                  </div>
                                                </div>
                                                <button type="submit" class="btn btn-primary wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">Send <i><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.823 104.652">
                                                                                  <g id="Icon_feather-send" data-name="Icon feather-send" transform="translate(52.326 -1.414) rotate(45)">
                                                                                  <path id="Path_210" data-name="Path 210" d="M55.326,3,16.5,41.826" transform="translate(17.674 0)" fill="none"  stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
                                                                                  <path id="Path_211" data-name="Path 211" d="M73,3,48.5,73l-14-31.5L3,27.5Z" transform="translate(0 0)" fill="none"   stroke-linecap="round" stroke-linejoin="round" stroke-width="4"></path>
                                                                                  </g>
                                                                              </svg></i></button>
                                              </form>
                                            </div>
                                          </div>
                                          
                                  

Form Style 3

                
                                          
                                          <div class="col-md-6 col-lg-6">
                                              <div class="form heading-1 mb-5 text-center wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                <h2>Form Style 3</h2> </div>
                                              <div class="form-3">
                                                <form action="#" method="post">
                                                  <div class="row g-4">
                                                    <div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                      <label for="userName"> User Name <span>*</span> </label>
                                                      <input type="text" class="form-control" aria-label="userName">
                                                      <div class="form-3-footer-text">
                                                        <p>Enter your News Pro username.</p>
                                                      </div>
                                                    </div>
                                                    <div class="col-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                      <label for="password"> password <span>*</span> </label>
                                                      <input type="password" class="form-control" aria-label="password">
                                                      <div class="form-3-footer-text">
                                                        <p>Enter the password that accompanies your username.</p>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <div class="text-center mt-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
                                                    <button type="submit" class="btn btn-primary">Login </button>
                                                  </div>
                                                </form>
                                              </div>
                                            </div>
                                          
                                  

© 2025. All Rights Reserved. News Pro Theme by drupalthemes.io

HEADER STYLE
Sticky Menu
COLOR SKINS
COLOR SCHEMES