415 lines
25 KiB
HTML
415 lines
25 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class="wide wow-animation" lang="en">
|
||
|
|
<head>
|
||
|
|
<title>Forms</title>
|
||
|
|
<meta name="format-detection" content="telephone=no">
|
||
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
||
|
|
<!-- Stylesheets-->
|
||
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,900">
|
||
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
||
|
|
<link rel="stylesheet" href="css/fonts.css">
|
||
|
|
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
|
||
|
|
<style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="ie-panel"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
||
|
|
<div class="preloader">
|
||
|
|
<div class="preloader-body">
|
||
|
|
<div class="cssload-container">
|
||
|
|
<div class="cssload-speeding-wheel"></div>
|
||
|
|
</div>
|
||
|
|
<p>Loading...</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="page">
|
||
|
|
<!-- Page Header-->
|
||
|
|
<header class="section page-header">
|
||
|
|
<!-- RD Navbar-->
|
||
|
|
<div class="rd-navbar-wrap rd-navbar-absolute">
|
||
|
|
<nav class="rd-navbar rd-navbar-transparent" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="20px" data-xl-stick-up-offset="20px" data-xxl-stick-up-offset="20px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
|
||
|
|
<div class="rd-navbar-main-outer">
|
||
|
|
<div class="rd-navbar-main">
|
||
|
|
<!-- RD Navbar Panel-->
|
||
|
|
<div class="rd-navbar-panel">
|
||
|
|
<!-- RD Navbar Toggle-->
|
||
|
|
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
|
||
|
|
<!-- RD Navbar Brand-->
|
||
|
|
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="rd-navbar-main-element">
|
||
|
|
<div class="rd-navbar-nav-wrap">
|
||
|
|
<!-- RD Navbar Nav-->
|
||
|
|
<ul class="rd-navbar-nav">
|
||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
|
||
|
|
</li>
|
||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="about-us.html">About us</a>
|
||
|
|
<!-- RD Navbar Dropdown-->
|
||
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="pricing.html">Pricing</a></li>
|
||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="our-team.html">Our team</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
|
||
|
|
<!-- RD Navbar Dropdown-->
|
||
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-service.html">Single service</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="careers.html">Careers</a>
|
||
|
|
<!-- RD Navbar Dropdown-->
|
||
|
|
<ul class="rd-menu rd-navbar-dropdown">
|
||
|
|
<li class="rd-dropdown-item"><a class="rd-dropdown-link" href="single-job.html">Single job</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-nav-item active"><a class="rd-nav-link" href="#">Pages</a>
|
||
|
|
<!-- RD Navbar Megamenu-->
|
||
|
|
<ul class="rd-menu rd-navbar-megamenu">
|
||
|
|
<li class="rd-megamenu-item">
|
||
|
|
<h6 class="rd-megamenu-title">Elements</h6>
|
||
|
|
<ul class="rd-megamenu-list">
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="typography.html">Typography</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="buttons.html">Buttons</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="forms.html">Forms</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tabs-and-accordions.html">Tabs and accordions</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="progress-bars.html">Progress bars</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid.html">Grid</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="tables.html">Tables</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-megamenu-item">
|
||
|
|
<h6 class="rd-megamenu-title">Blog</h6>
|
||
|
|
<ul class="rd-megamenu-list">
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="classic-blog.html">Classic blog</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-blog.html">Grid blog</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-blog.html">Masonry blog</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="modern-blog.html">Modern blog</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="single-post.html">Single post</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-megamenu-item">
|
||
|
|
<h6 class="rd-megamenu-title">Gallery</h6>
|
||
|
|
<ul class="rd-megamenu-list">
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-gallery.html">Grid gallery</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry gallery</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-megamenu-item">
|
||
|
|
<h6 class="rd-megamenu-title">Extras</h6>
|
||
|
|
<ul class="rd-megamenu-list">
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404.html">404 Page</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503.html">503 Page</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming soon</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="login.html">Login/Registration</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy policy</a></li>
|
||
|
|
<li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li class="rd-nav-item"><a class="rd-nav-link" href="contacts.html">Contacts</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- RD Navbar Search-->
|
||
|
|
<div class="rd-navbar-search">
|
||
|
|
<button class="rd-navbar-search-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-search"><span></span></button>
|
||
|
|
<form class="rd-search" action="search-results.html" data-search-live="rd-search-results-live" method="GET">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="rd-navbar-search-form-input">Search</label>
|
||
|
|
<input class="rd-navbar-search-form-input form-input" id="rd-navbar-search-form-input" type="text" name="s" autocomplete="off">
|
||
|
|
<div class="rd-search-results-live" id="rd-search-results-live"></div>
|
||
|
|
</div>
|
||
|
|
<button class="rd-search-form-submit mdi mdi-magnify" type="submit"></button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<!-- Breadcrumbs -->
|
||
|
|
<section class="section section-bredcrumbs bg-image-2">
|
||
|
|
<div class="container context-dark breadcrumb-wrapper">
|
||
|
|
<h1>Forms</h1>
|
||
|
|
<ul class="breadcrumbs-custom">
|
||
|
|
<li><a href="index.html">Home</a></li>
|
||
|
|
<li><a href="#">Pages</a></li>
|
||
|
|
<li class="active">Forms</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Contact us-->
|
||
|
|
<section class="section section-lg bg-default">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8 col-lg-5 col-xxl-4">
|
||
|
|
<h2>Get in Touch</h2>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="contact-name" type="text" name="name" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="contact-name">Name</label>
|
||
|
|
</div>
|
||
|
|
<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>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="contact-message">Message</label>
|
||
|
|
<textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea>
|
||
|
|
</div>
|
||
|
|
<button class="button button-primary" type="submit">Send</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Subscribe to Our Newsletter-->
|
||
|
|
<section class="section section-sm bg-primary-gradient context-dark text-center">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row row-20 justify-content-md-center">
|
||
|
|
<div class="col-md-9 col-lg-6 col-xxl-7">
|
||
|
|
<h3>Subscribe for <span class="font-weight-bold">News and Updates</span></h3>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-8 col-lg-5 col-xxl-4">
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form rd-mailform rd-form-inline-2" 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-0-email" type="email" name="email" data-constraints="@Email @Required"/>
|
||
|
|
<label class="form-label" for="subscribe-form-0-email">Enter your e-mail</label>
|
||
|
|
</div>
|
||
|
|
<button class="form-icon-button mdi mdi-email-outline" type="submit"></button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Newsletter-->
|
||
|
|
<section class="section section-lg bg-default">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8 col-lg-6 col-xxl-3">
|
||
|
|
<h5>Newsletter</h5>
|
||
|
|
<p>Keep up with our always upcoming news. Enter your e-mail and subscribe to our newsletter to get all updates right into your inbox.</p>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form form-sm rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="newsletter-email" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
<label class="form-label" for="newsletter-email">Enter your e-mail</label>
|
||
|
|
</div>
|
||
|
|
<button class="button button-sm button-primary" type="submit">Subscribe</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Register Form-->
|
||
|
|
<section class="section section-lg bg-default text-center">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8 col-lg-6 col-xxl-4">
|
||
|
|
<h3>Registration</h3>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form form-lg rd-mailform">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="register-name" type="text" name="name" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="register-name">Username</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="register-email" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
<label class="form-label" for="register-email">E-mail</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="register-password" type="password" name="password" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="register-password">Password</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="register-confirm-password" type="password" name="confirm-password" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="register-confirm-password">Confirm Password</label>
|
||
|
|
</div>
|
||
|
|
<button class="button button-lg button-round button-block button-primary" type="submit">Register</button>
|
||
|
|
</form>
|
||
|
|
<div class="group-sm group-sm-justify group-middle social-items"><span>or use</span><a class="icon icon-lg icon-gray-400 novi-icon fa fa-facebook" href="#"></a><a class="icon icon-lg icon-gray-400 novi-icon fa fa-twitter" href="#"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Login Form-->
|
||
|
|
<section class="section section-lg bg-default text-center">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8 col-lg-6 col-xxl-4">
|
||
|
|
<h3>Login</h3>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form form-lg rd-mailform">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="login-email" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
<label class="form-label" for="login-email">E-mail</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="login-password" type="password" name="password" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="login-password">Password</label>
|
||
|
|
</div>
|
||
|
|
<button class="button button-lg button-round button-block button-primary" type="submit">Sign In</button>
|
||
|
|
</form>
|
||
|
|
<div class="group-sm group-sm-justify group-middle social-items"><span>or enter with</span><a class="icon icon-lg icon-gray-400 novi-icon fa fa-facebook" href="#"></a><a class="icon icon-lg icon-gray-400 novi-icon fa fa-twitter" href="#"></a></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Contact Us (with reCAPTCHA)-->
|
||
|
|
<section class="section section-lg bg-default">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-9 col-lg-7 col-xxl-4">
|
||
|
|
<h3>Contact Us (with reCAPTCHA)</h3>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="contact-2-name" type="text" name="name" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="contact-2-name">Name</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="contact-2-email" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
<label class="form-label" for="contact-2-email">E-mail</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="contact-2-message">Message</label>
|
||
|
|
<textarea class="form-input" id="contact-2-message" name="message" data-constraints="@Required"></textarea>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap form-wrap-recaptcha">
|
||
|
|
<!-- Google captcha-->
|
||
|
|
<div class="recaptcha" id="captcha1" data-sitekey="6LfZlSETAAAAAC5VW4R4tQP8Am_to4bM3dddxkEt"></div>
|
||
|
|
</div>
|
||
|
|
<button class="button button-primary" type="submit">Send</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="section section-md bg-default text-center">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-md-center">
|
||
|
|
<div class="col-md-9 col-lg-8 col-xl-7">
|
||
|
|
<h3>MailChimp</h3>
|
||
|
|
<p class="big">Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts.</p>
|
||
|
|
<!--Mailchimp-->
|
||
|
|
<form class="rd-form mailchimp-mailform rd-form-inline subscribe-form" data-form-output="form-output-global" action="#" method="post">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="mailchimp-email">Enter your e-mail</label>
|
||
|
|
<input class="form-input" id="mailchimp-email" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
</div>
|
||
|
|
<div class="form-button">
|
||
|
|
<button class="button button-primary" type="submit">Subscribe</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="section section-md bg-default text-center">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-md-center">
|
||
|
|
<div class="col-md-9 col-lg-8 col-xl-7">
|
||
|
|
<h3>Campaign Monitor</h3>
|
||
|
|
<p class="big">Sign up to our newsletter and be the first to know about the latest news, special offers, events, and discounts.</p>
|
||
|
|
<!--Campaign Monitor-->
|
||
|
|
<form class="rd-form campaign-mailform rd-form-inline subscribe-form" data-form-output="form-output-global" action="#" method="post">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="campaign-email">Enter your e-mail</label>
|
||
|
|
<input class="form-input" id="campaign-email" type="email" name="cm-zjjikd-zjjikd" data-constraints="@Email @Required">
|
||
|
|
</div>
|
||
|
|
<div class="form-button">
|
||
|
|
<button class="button button-primary" type="submit">Subscribe</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Page Footer-->
|
||
|
|
<footer class="section footer-1 bg-primary-gradient">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row row-40 wow fadeIn">
|
||
|
|
<div class="col-md-6 col-lg-4">
|
||
|
|
<h5 class="title">About Us</h5>
|
||
|
|
<p>Interson is a national Internet service provider founded in 1999. We offer high-speed Internet service to all 50 states. In addition to DSL broadband, our company provides fiber and fixed wireless Internet service as well as corporate solutions to our clients. Our pricing is affordable to match all your needs and demands.</p>
|
||
|
|
<div class="footer-logo"><a class="brand" href="index.html"><img class="brand-logo-dark" src="images/logo-default-256x46.png" alt="" width="256" height="46"/><img class="brand-logo-light" src="images/logo-inverse-256x46.png" alt="" width="256" height="46"/></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6 col-lg-4">
|
||
|
|
<h5 class="title">Twitter Feed</h5>
|
||
|
|
<!-- RD Twitter Feed-->
|
||
|
|
<div class="twitter" data-twitter-username="Templates" data-twitter-date-hours=" hours ago" data-twitter-date-minutes=" minutes ago">
|
||
|
|
<div class="tweet" data-twitter-type="tweet">
|
||
|
|
<div class="tweet-left">
|
||
|
|
<div class="icon fa-twitter"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tweet-right">
|
||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
||
|
|
<div class="twitter-meta">
|
||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tweet" data-twitter-type="tweet">
|
||
|
|
<div class="tweet-left">
|
||
|
|
<div class="icon fa-twitter"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tweet-right">
|
||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
||
|
|
<div class="twitter-meta">
|
||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tweet" data-twitter-type="tweet">
|
||
|
|
<div class="tweet-left">
|
||
|
|
<div class="icon fa-twitter"></div>
|
||
|
|
</div>
|
||
|
|
<div class="tweet-right">
|
||
|
|
<div class="twitter-text text-dark" data-tweet="text"></div>
|
||
|
|
<div class="twitter-meta">
|
||
|
|
<div class="twitter-name" data-screen_name="text"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-10 col-lg-4">
|
||
|
|
<h5 class="title">Get in Touch</h5>
|
||
|
|
<!-- RD Mailform-->
|
||
|
|
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="contact-name-footer" type="text" name="name" data-constraints="@Required">
|
||
|
|
<label class="form-label" for="contact-name-footer">Name</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<input class="form-input" id="contact-email-footer" type="email" name="email" data-constraints="@Email @Required">
|
||
|
|
<label class="form-label" for="contact-email-footer">E-mail</label>
|
||
|
|
</div>
|
||
|
|
<div class="form-wrap">
|
||
|
|
<label class="form-label" for="contact-message-footer">Message</label>
|
||
|
|
<textarea class="form-input" id="contact-message-footer" name="message" data-constraints="@Required"></textarea>
|
||
|
|
</div>
|
||
|
|
<button class="button button-primary" type="submit">Send</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Rights-->
|
||
|
|
<p class="rights"><span>© </span><span class="copyright-year"></span><span> </span><span><a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></span><span>. </span><a href="privacy-policy.html">Privacy Policy</a></p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
<!-- Global Mailform Output-->
|
||
|
|
<div class="snackbars" id="form-output-global"></div>
|
||
|
|
<!-- Javascript-->
|
||
|
|
<script src="js/core.min.js"></script>
|
||
|
|
<script src="js/script.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|