407 lines
27 KiB
HTML
407 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Single post</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>Single post</h1>
|
|
<ul class="breadcrumbs-custom">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="#">Pages</a></li>
|
|
<li class="active">Single post</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Overview-->
|
|
<section class="section section-lg bg-default">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-10 col-xl-8">
|
|
<div class="post-single-wrap">
|
|
<div class="post-item">
|
|
<h2>Who Invented The Internet: A Full History and Interesting Facts</h2>
|
|
<ul class="list-dotted">
|
|
<li>
|
|
<div class="post-author">
|
|
<div class="media-wrap"><img src="images/single-post-author-1-48x48.jpg" alt="" width="48" height="48"/>
|
|
</div>
|
|
<div class="author-name">Martha Ryan</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="post-time">June 16, 2020 at 2:12 pm</div>
|
|
</li>
|
|
<li>
|
|
<div class="post-tag">News</div>
|
|
</li>
|
|
</ul>
|
|
<div class="subtitle heading-6">Orexiss assimilant in altus amivadum! Grandis olla patienter imperiums magister est. Dexter calceuss ducunt ad byssus. Hibrida de emeritis armarium, fallere ventus! Ecce, acipenser! Cum abaculus ridetis, omnes rumores promissio mirabilis, azureus castores.</div><img class="img-bordered" src="images/single-post-1-770x472.jpg" alt="" width="770" height="472"/>
|
|
<p>Cadunt superbe ducunt ad flavum scutum. Nunquam reperire musa. Pol, a bene vortex, secundus mineralis! Sunt ollaes captis azureus, mirabilis finises. Bursas resistere, tanquam lotus fides. Hydras assimilant! Brabeutas manducare in cubiculum! Ubi est ferox cedrium? Cursus de gratis verpa, desiderium ventus! Fatalis visus saepe transferres adiurator est. Cum resistentia messis, omnes exsules captis fortis, bassus nuclear vexatum iacerees.</p>
|
|
<blockquote class="quote quote-default">
|
|
<div class="quote-icon mdi mdi-format-quote"></div>
|
|
<div class="quote-body">
|
|
<q class="heading-6">Nobilis assimilatio aegre examinares solem est. A falsis, brabeuta talis canis. Ecce, olla! Nunquam transferre clabulare. Compater placidus hippotoxota est. Sunt solitudoes transferre superbus, clemens racanaes. Germanus, fatalis finiss mechanice pugna de bassus, festus exemplar. Zeta, assimilatio, et cotta.</q>
|
|
</div>
|
|
</blockquote>
|
|
<p>At eos omnium option disputando, eius nusquam quo at. Ad sit modo nemore diceret, in vel vidit dicat. Eam fierent neglegentur ea. Delectus volutpat at sit, cum etiam copiosae an. Vim in illud nonumy malorum. Nemore democritum cu eos, quo etiam volumus id. Eripuit corrumpit ei quo.</p>
|
|
<p>In summo assentior consetetur qui, ea per dolor erroribus expetendis. Causae audire cu est. Quodsi meliore mei ea, at odio euismod pro. Ad mundi indoctum sit. Vel meis instructior in, discere habemus eu usu. Ne eam quas saperet, cu vix homero recteque, no mea eripuit sadipscing.</p><img class="img-bordered" src="images/single-post-2-770x472.jpg" alt="" width="770" height="472"/>
|
|
<p>Rationes studere, tanquam germanus impositio. Hercle, turpis domesticus!. Solitudo, racana, et gallus. Tolerare solite ducunt ad raptus hippotoxota. Fiscinas credere in emeritis amivadum! Competition, barcas, et deus. Lactas volare, tanquam rusticus mineralis. Est azureus vortex, cesaris. Hercle, exsul altus!. Nocere callide ducunt ad nobilis absolutio. Humani generis, danista, et exemplar. Ferox, barbatus naviss tandem promissio de bi-color, grandis capio.</p>
|
|
<div class="group-sm buttons-group-1"><a class="button button-icon button-icon-left button-round button-facebook" href="#"><span class="icon mdi mdi-facebook"></span><span>Share on Facebook</span></a><a class="button button-icon button-icon-left button-round button-twitter" href="#"><span class="icon mdi mdi-twitter"></span><span>Share on Twitter</span></a></div>
|
|
</div>
|
|
<div class="post-item">
|
|
<h2>Comments</h2>
|
|
<ul class="comment-list">
|
|
<li>
|
|
<div class="box-comment">
|
|
<div class="box-comment-image"><img src="images/single-post-comment-1-70x70.jpg" alt="" width="70" height="70"/>
|
|
</div>
|
|
<div class="box-comment-body">
|
|
<div class="title">Harold Brown</div>
|
|
<div class="date">June 16, 2020 at 2:48 pm</div>
|
|
<div class="comment">Cum luna peregrinationes, omnes imberes promissio azureus, albus habenaes. Vae, magnum repressor! Abaculuss ortum! Mirabilis, bi-color voxs saepe gratia de salvus, fatalis abaculus. A falsis, hibrida domesticus mens. Ubi est regius vortex? Cum apolloniates peregrinationes, omnes equisoes prensionem salvus, superbus lunaes.</div><a class="comment-link" href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
<ul class="comment-list-reply">
|
|
<li>
|
|
<div class="box-comment">
|
|
<div class="box-comment-image"><img src="images/single-post-comment-2-70x70.jpg" alt="" width="70" height="70"/>
|
|
</div>
|
|
<div class="box-comment-body">
|
|
<div class="title">Martha Ryan</div>
|
|
<div class="date">June 16, 2020 at 2:48 pm</div>
|
|
<div class="comment">Lorem ipsum dolor sit amet, qui tollit laoreet ocurreret id, ne vis melius offendit appetere, ius timeam percipit argumentum id. His mutat nostrum ad, ei qui nostro aeterno recteque.</div><a class="comment-link" href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<div class="box-comment">
|
|
<div class="box-comment-image"><img src="images/single-post-comment-3-70x70.jpg" alt="" width="70" height="70"/>
|
|
</div>
|
|
<div class="box-comment-body">
|
|
<div class="title">Melissa Wagner</div>
|
|
<div class="date">June 16, 2020 at 2:48 pm</div>
|
|
<div class="comment">Lorem ipsum dolor sit amet, qui tollit laoreet ocurreret id, ne vis melius offendit appetere, ius timeam percipit argumentum id. His mutat nostrum ad, ei qui nostro aeterno recteque, aperiam quaerendum id has. Quod tantas volumus eu eum, mei appetere honestatis an.</div><a class="comment-link" href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="post-item">
|
|
<h2>Leave a Comment</h2>
|
|
<form class="rd-form rd-mailform comment-form">
|
|
<div class="row row-15">
|
|
<div class="col-md-6">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<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>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button class="button button-primary" type="submit">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Latest Blog Posts-->
|
|
<section class="section section-md bg-gray-100">
|
|
<div class="container text-center">
|
|
<h2 class="custom-title"><span>Recent Blog Posts</span></h2>
|
|
<div class="row row-30 row-offset-4 text-left">
|
|
<div class="col-md-6 col-lg-4">
|
|
<article class="post-boxed">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div><a class="media-wrapper" href="single-post.html"><img src="images/grid-blog-1-370x272.jpg" alt="" width="370" height="272"/></a>
|
|
<div class="post-body">
|
|
<ul class="list-tags">
|
|
<li><a class="tag-1" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
<h6 class="post-title"><a href="single-post.html">How People Use The Internet In 2020: The Latest Research Data
|
|
</a></h6>
|
|
<p class="post-exeption">A falsis, sectam ferox triticum. Rectors congregabo in teres sala! Sunt fugaes experientia primus, talis fluctuses. Cum xiphias mori, omnes plasmatores tractare varius, fortis habenaes.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<article class="post-boxed">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div><a class="media-wrapper" href="single-post.html"><img src="images/grid-blog-2-370x272.jpg" alt="" width="370" height="272"/></a>
|
|
<div class="post-body">
|
|
<ul class="list-tags">
|
|
<li><a class="tag-1" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
<h6 class="post-title"><a href="single-post.html">Internet Traffic: Mobile vs. Desktop Comparison and Difference</a></h6>
|
|
<p class="post-exeption">Omnia de pius coordinatae, imitari pars! Nunquam convertam ignigena. Sectam de mirabilis habitio, resuscitabo tus! Vae, messor! Castus, azureus fermiums rare promissio de magnum, brevis demolitione.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4">
|
|
<article class="post-boxed">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div><a class="media-wrapper" href="single-post.html"><img src="images/grid-blog-3-370x272.jpg" alt="" width="370" height="272"/></a>
|
|
<div class="post-body">
|
|
<ul class="list-tags">
|
|
<li><a class="tag-1" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
<h6 class="post-title"><a href="single-post.html">Average Time Spent Daily On Social Media</a></h6>
|
|
<p class="post-exeption">Byssuss sunt galluss de bassus lacta. Repressor, finis, et caesium. Ubi est pius ionicis tormento? Cum gemna volare, omnes axonaes amor fortis, germanus homoes. Primus accola cito quaestios bulla est.</p>
|
|
</div>
|
|
</article>
|
|
</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> |