448 lines
26 KiB
HTML
448 lines
26 KiB
HTML
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Single Service</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 active"><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"><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 Service</h1>
|
|
<ul class="breadcrumbs-custom">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li class="active">Single Service</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Image section-->
|
|
<section class="section section-lg bg-white">
|
|
<div class="container"><img class="img-bordered" src="images/single-service-1170x456.jpg" alt="" width="1170" height="456"/>
|
|
</div>
|
|
</section>
|
|
<!-- Single service-->
|
|
<section class="section section-lg bg-white">
|
|
<div class="container">
|
|
<div class="row row-40 justify-content-center">
|
|
<div class="col-md-6 col-lg-4">
|
|
<h3>Overview</h3>
|
|
<div class="chart-custom">
|
|
<!-- gradient blocks-->
|
|
<!-- gradient primary-->
|
|
<svg class="svg-hidden">
|
|
<!-- gradient-->
|
|
<lineargradient id="linear-gradient-primary" x1="50%" y1="30%" x2="50%" y2="100%">
|
|
<stop offset="0%" stop-color="#00d5be"></stop>
|
|
<stop offset="100%" stop-color="#fff"></stop>
|
|
</lineargradient>
|
|
</svg>
|
|
<!-- gradient secondary-->
|
|
<svg class="svg-hidden">
|
|
<!-- gradient-->
|
|
<lineargradient id="linear-gradient-secondary" x1="50%" y1="30%" x2="50%" y2="100%">
|
|
<stop offset="0%" stop-color="#00d5be"></stop>
|
|
<stop offset="100%" stop-color="#fff"></stop>
|
|
</lineargradient>
|
|
</svg>
|
|
<div class="d3-chart" id="spline-chart" style="width:100%; margin: 0 auto"></div>
|
|
</div>
|
|
<p>Advenas ridetis in vasa! Magister cresceres, tanquam magnum liberi. Eheu, gratis hilotae! A falsis, orgia superbus zeta. Lotus, azureus menss recte magicae de albus, fatalis luna.</p>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 inset-top-1">
|
|
<p>Nunquam resuscitabo usus. Sunt hibridaes gratia fatalis, noster itineris tramitemes. Nunquam transferre fluctus. Sunt heureteses carpseris domesticus, magnum humani generises. Albus urbss ducunt ad ausus. Assimilatios peregrinatione in aetheres! Extum, calcaria, et mens. Est festus clabulare, cesaris. A falsis, danista teres resistentia. Bullas crescere, tanquam neuter rumor. Observare satis ducunt ad primus uria. Nunquam contactus nuclear vexatum iacere. Trabem hic ducunt ad fortis axona. Mirabilis, alter exemplars superbe demitto de ferox, azureus lura,</p><a class="button button-lg button-primary" href="#">Book This Service</a>
|
|
</div>
|
|
<div class="col-md-12 col-lg-4">
|
|
<h3>Testimonials</h3>
|
|
<div class="owl-carousel owl-carousel-2" data-items="1" data-dots="true" data-nav="false" data-stage-padding="10" data-loop="false" data-margin="30" data-mouse-drag="false">
|
|
<blockquote class="quote quote-custom">
|
|
<div class="quote-cloud">
|
|
<div class="quote-icon mdi mdi-format-quote"></div>
|
|
<ul class="list-rating">
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star-half"></div>
|
|
</li>
|
|
</ul>
|
|
<div class="quote-body">
|
|
<q>Advenas experimentum in cubiculum! Visus persuaderes, tanquam noster mineralis. Est fortis decor, cesaris. Cum spatii experimentum, omnes messores manifestum velox, flavum habenaes. Ubi est pius rector? Cum fortis observare, omnes accentores amor varius, flavum castores!</q>
|
|
</div>
|
|
</div>
|
|
<div class="quote-meta">
|
|
<div class="quote-meta-left"><img class="quote-img" src="images/user-1-80x80.jpg" alt="" width="80" height="80"/>
|
|
</div>
|
|
<div class="quote-meta-body">
|
|
<h6 class="author">
|
|
<cite>Ann Smith</cite>
|
|
</h6>
|
|
<div class="position">Regular Client</div>
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
<blockquote class="quote quote-custom">
|
|
<div class="quote-cloud">
|
|
<div class="quote-icon mdi mdi-format-quote"></div>
|
|
<ul class="list-rating">
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star-half"></div>
|
|
</li>
|
|
</ul>
|
|
<div class="quote-body">
|
|
<q>Imbers ridetis, tanquam castus cobaltum. Monss trabem, tanquam lotus index. Decor salvus pes est. Acipensers potus in gandavum! Studere patienter ducunt ad peritus planeta. Capio de raptus turpis, talem particula! Germanus, alter apolloniatess inciviliter prensionem de pius, emeritis extum.</q>
|
|
</div>
|
|
</div>
|
|
<div class="quote-meta">
|
|
<div class="quote-meta-left"><img class="quote-img" src="images/user-2-80x80.jpg" alt="" width="80" height="80"/>
|
|
</div>
|
|
<div class="quote-meta-body">
|
|
<h6 class="author">
|
|
<cite>Mildred Bates</cite>
|
|
</h6>
|
|
<div class="position">Regular Client</div>
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
<blockquote class="quote quote-custom">
|
|
<div class="quote-cloud">
|
|
<div class="quote-icon mdi mdi-format-quote"></div>
|
|
<ul class="list-rating">
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star"></div>
|
|
</li>
|
|
<li>
|
|
<div class="icon-rating mdi mdi-star-half"></div>
|
|
</li>
|
|
</ul>
|
|
<div class="quote-body">
|
|
<q>Heu. Nunquam dignus gabalium. Est superbus bubo, cesaris. A falsis, rumor germanus cobaltum. Nunquam visum domina. Varius devatios ducunt ad hydra. Luras peregrinationes in neuter asopus! Tata ridetiss, tanquam nobilis planeta. Bassus, varius seculas interdum convertam de salvus, pius cacula.</q>
|
|
</div>
|
|
</div>
|
|
<div class="quote-meta">
|
|
<div class="quote-meta-left"><img class="quote-img" src="images/user-3-80x80.jpg" alt="" width="80" height="80"/>
|
|
</div>
|
|
<div class="quote-meta-body">
|
|
<h6 class="author">
|
|
<cite>Marie Hanson</cite>
|
|
</h6>
|
|
<div class="position">Regular Client</div>
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- The Best Banking Choise-->
|
|
<section class="section section-md bg-gray-100">
|
|
<div class="container">
|
|
<div class="block-lg text-center">
|
|
<h2>What We Offer</h2>
|
|
<p>Eheu. Sunt candidatuses magicae germanus, secundus domuses. Seculas studere in amivadum! Clemens liberis ducunt ad buxum. Nobilis, flavum fraticinidas satis talem de bassus, azureus pars.</p>
|
|
</div>
|
|
<div class="row row-30 row-xl-60">
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-satellite2"></div>
|
|
<h6 class="title">Satellite Internet</h6>
|
|
<p class="exeption">Clemens, velox idoleums sed mire prensionem de ferox, grandis uria.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-cable"></div>
|
|
<h6 class="title">Transparent LAN Service</h6>
|
|
<p class="exeption">Barbatus, secundus tabess patienter desiderium de neuter, velox acipenser.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-cable2"></div>
|
|
<h6 class="title">Dark Fiber Service</h6>
|
|
<p class="exeption">Varius, gratis classiss sapienter prensionem de grandis, fatalis hilotae.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-server"></div>
|
|
<h6 class="title">Colocation Services</h6>
|
|
<p class="exeption">Audax, emeritis verpas nunquam quaestio de clemens, superbus byssus.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-tv"></div>
|
|
<h6 class="title">VoIP & IPTV</h6>
|
|
<p class="exeption">Fidelis, germanus eras unus examinare de rusticus, domesticus particula.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4">
|
|
<div class="blurb-image">
|
|
<div class="icon linearicons-cloud-database"></div>
|
|
<h6 class="title">Hosting</h6>
|
|
<p class="exeption">Cum adgium favere, omnes dominaes quaestio fortis, clemens zeluses.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Call to action-->
|
|
<section class="section section-xs bg-primary">
|
|
<div class="container">
|
|
<div class="box-cta">
|
|
<div class="box-cta-inner">
|
|
<h3 class="font-weight-bold">Reliable and Fast Internet Services</h3>
|
|
</div>
|
|
<div class="box-cta-inner"><a class="button button-lg button-white" href="#">Choose Package</a></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Banners-->
|
|
<section class="section section-sm">
|
|
<div class="container">
|
|
<div class="row row-30">
|
|
<div class="col-sm-6"><a class="box-link heading-3" href="#" style="background-image: url(images/personal-banking-1-570x280.jpg);"><span class="box-link-inner">Phone & TV</span></a></div>
|
|
<div class="col-sm-6"><a class="box-link heading-3" href="#" style="background-image: url(images/personal-banking-2-570x280.jpg);"><span class="box-link-inner">Hosting</span></a></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> |