Forms

Home
Pages
Forms

Forms

With forms you can get almost any kind of information from your visitors, who will definitely appreciate this attractive element.

Login form

Facebook Twitter Google+

Contact us

Your Name

Phone

Your Message

</div>
</p></div>
<div class="col-md-6">
<div class="form-wrap">
                      <input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required"/><label class="form-label" for="contact-email">E-mail</label>
                    </div>
</p></div>
<div class="col-md-6">
                    <button class="button button-block button-primary button-ujarak" type="submit">Send Message</button>
                  </div>
</p></div>
</p></form>
</p></div>
</p></div>
</p></div>
</section>
<div class="divider"/>
      </p>
<section class="section section-md bg-white text-center">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-10 col-lg-7 col-xl-6">
<h4>Contact Us (with reCAPTCHA)</h4>
<p>              </p>
<form class="rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row align-items-md-end row-20">
<div class="col-md-6">
<div class="form-wrap">
                      <input class="form-input" id="contact-form-2-name" type="text" name="name" data-constraints="@Required"/><label class="form-label" for="contact-form-2-name">Your Name</label>
                    </div>
</p></div>
<div class="col-md-6">
<div class="form-wrap">
                      <input class="form-input" id="contact-form-2-phone" type="text" name="phone" data-constraints="@PhoneNumber"/><label class="form-label" for="contact-form-2-phone">Phone</label>
                    </div>
</p></div>
<div class="col-sm-12">
<div class="form-wrap">
                      <label class="form-label" for="contact-form-2-message">Your Message</label><br />
                      <textarea class="form-input" id="contact-form-2-message" name="message" data-constraints="@Required"/></div>
</p></div>
<div class="col-md-6">
<div class="form-wrap">
                      <input class="form-input" id="contact-form-2-email" type="email" name="email" data-constraints="@Email @Required"/><label class="form-label" for="contact-form-2-email">E-mail</label>
                    </div>
</p></div>
<div class="col-md-6">
                    <button class="button button-block button-primary button-ujarak" type="submit">Send Message</button>
                  </div>
<div class="col-md-7">
<div class="form-wrap form-wrap-recaptcha">
                      </p>
<div class="recaptcha" id="captcha1" data-sitekey="6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt"/>
                    </div>
</p></div>
</p></div>
</p></form>
</p></div>
</p></div>
</p></div>
</section>
<div class="divider"/>
      </p>
<section class="section parallax-container bg-gray-darker" data-parallax-img="images/bg-image-3-1920x730.jpg">
<div class="parallax-content">
<div class="section-md text-center">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-9 col-lg-8 col-xl-7">
<h3>Subscribe to Our Newsletter</h3>
<p><span class="box-width-1">Sign up to our newsletter and be the first to know about the latest company news, special offers, events, and discounts.</span></p>
<p>                  </p>
<form class="rd-mailform form_inline form_inline-centered form_transparent" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
                      <input class="form-input" id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required"/><label class="form-label" for="subscribe-form-1-email">Your E-mail</label>
                    </div>
<div class="form-button">
                      <button class="button  button-lg button-default button-ujarak" type="submit">Subscribe</button>
                    </div>
</p></form>
</p></div>
</p></div>
</p></div>
</p></div>
</p></div>
</section>
<p></p>
<footer class="section footer-classic context-dark">
<div class="footer-classic__main bg-gray-3">
<div class="container">
<div class="row row-50 align-items-sm-end justify-content-sm-center justify-content-lg-start">
<div class="col-lg-6">
<div class="footer-classic__custom-column">
<div class="unit flex-sm-row">
<div class="unit__left"><span class="icon icon-md icon-default fl-bigmug-line-headphones32"/></div>
<div class="unit__body"><a class="link link-lg" href="tel:#">1-800-700-6200</a></p>
<p>Our Support Service is always available 24 hours a day</p>
</p></div>
</p></div>
</p></div>
</p></div>
<div class="col-md-10 col-lg-6">
<div class="group-md">
<h3>Subscribe</h3>
<p class="large">Get the latest updates and offers</p>
</p></div>
<p>                      </p>
<form class="rd-mailform form_inline form_lg" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
                          <input class="form-input" id="subscribe-form-footer-form-email" type="email" name="email" data-constraints="@Email @Required"/><label class="form-label" for="subscribe-form-footer-form-email">Your E-mail</label>
                        </div>
<div class="form-button">
                          <button class="button button-lg button-primary button-ujarak" type="submit">Subscribe</button>
                        </div>
</p></form>
</p></div>
</p></div>
<div class="row row-50 justify-content-md-center justify-content-lg-start justify-content-xl-between">
<div class="col-md-5 col-lg-3">
<p class="custom-heading-1 custom-heading-bordered">About us</p>
<div class="divider"/>
<p class="ls-05">Our company has been developing high-quality and reliable software for corporate needs since 2008.</p>
<ul class="list-inline list-inline-xs">
<li><a class="icon icon-xxs icon-circle icon-filled icon-filled_brand fa fa-facebook" href="#"/></li>
<li><a class="icon icon-xxs icon-circle icon-filled icon-filled_brand fa fa-twitter" href="#"/></li>
<li><a class="icon icon-xxs icon-circle icon-filled icon-filled_brand fa fa-google-plus" href="#"/></li>
<li><a class="icon icon-xxs icon-circle icon-filled icon-filled_brand fa fa-instagram" href="#"/></li>
</ul>
</div>
<div class="col-md-5 col-lg-4 col-xl-3">
<p class="custom-heading-1 custom-heading-bordered">Latest news</p>
<div class="divider"/>
<div class="post-small-wrap">
                        </p>
<article class="post-small">
<div class="post-small__aside"><a class="post-small__media" href="blog-post.html"><img loading="lazy" class="post-small__image" src="http://www.mcc-consulting.com.mx/wp-content/uploads/2019/01/post-small-1-80x68-1.jpg" alt="" width="80" height="68"/></a></div>
<div class="post-small__main">
<p class="post-small__title"><a href="blog-post.html">Benefits of Async/Await in Programming</a></p>
<p>                            <time class="post-small__time" datetime="2018">January 12, 2018</time></div>
</article>
<p></p>
<article class="post-small">
<div class="post-small__aside"><a class="post-small__media" href="blog-post.html"><img loading="lazy" class="post-small__image" src="http://www.mcc-consulting.com.mx/wp-content/uploads/2019/01/post-small-2-80x68-1.jpg" alt="" width="80" height="68"/></a></div>
<div class="post-small__main">
<p class="post-small__title"><a href="blog-post.html">Key Considerations and Warnings of iPaaS</a></p>
<p>                            <time class="post-small__time" datetime="2018">January 12, 2018</time></div>
</article>
</div></div>
<div class="col-md-10 col-lg-5 col-xl-4">
<p class="custom-heading-1 custom-heading-bordered">Useful Links</p>
<div class="divider"/>
<div class="row row-5">
<div class="col-sm-6">
<ul class="list-marked list-marked_primary">
<li><a href="#">DB Management</a></li>
<li><a href="#">iOS/MacOs Apps</a></li>
<li><a href="#">Android Apps</a></li>
<li><a href="#">Windows Apps</a></li>
<li><a href="#">UX Design</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul class="list-marked list-marked_primary">
<li><a href="#">Tutorials</a></li>
<li><a href="#">Product Support</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div></div>
</p></div>
</p></div>
</p></div>
</p></div>
<div class="footer-default__aside bg-gray-5">
<div class="container">
<div class="footer-default__aside-inner">
              </p>
<p class="rights"><span>©  </span><span class="copyright-year"/><span> </span><span>Techsoft</span><span>. </span><a href="privacy-policy.html">Privacy Policy</a></p>
<ul class="list-separated list-inline">
<li><a href="faq.html">FAQ</a></li>
<li><a href="#">Support</a></li>
</ul>
</div></div>
</p></div>
</footer>
</div>
<p>    </p>
<div class="snackbars" id="form-output-global"/>
    <br />
    <script src="js/core.min.js"/><script src="js/script.js"/></body></p>

</div>

</article>

</main>

</div>

<aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://www.mcc-consulting.net/">
				<label>
					<span class="screen-reader-text">Buscar:</span>
					<input type="search" class="search-field" placeholder="Buscar …" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Buscar" />
			</form></aside>
		<aside id="recent-posts-2" class="widget widget_recent_entries">
		<h4 class="widget-title">Publicaciones recientes</h4>
		<ul>
											<li>
					<a href="https://www.mcc-consulting.net/titulo-de-la-publicacion-en-el-blog/">Título de la publicación en el blog</a>
									</li>
					</ul>

</aside><aside id="recent-comments-2" class="widget widget_recent_comments"><h4 class="widget-title">Comentarios recientes</h4><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href='http://wordpress.org/' rel='external nofollow ugc' class='url'>Mr WordPress</a></span> en <a href="https://www.mcc-consulting.net/titulo-de-la-publicacion-en-el-blog/#comment-1">Título de la publicación en el blog</a></li></ul></aside><aside id="archives-2" class="widget widget_archive"><h4 class="widget-title">Archivos</h4>
			<ul>
					<li><a href='https://www.mcc-consulting.net/2019/01/'>enero 2019</a></li>
			</ul>

</aside>
</div>

</div>

</div>

</footer>

</div>

</div>

</div>

</div>

</body>

</html>

Forms

Pages 1

Pages 2

Elements

Forms

Login form

Contact us