CC_SDK/Build/static/html/index.html
2025-04-25 19:37:53 +08:00

835 lines
49 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Home</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 active"><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"><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>
<!-- Swiper-->
<section class="section bg-image-1">
<div class="swiper-container swiper-slider swiper-slider-1" data-loop="true" data-autoplay="5000" data-simulate-touch="false" data-slide-effect="fade">
<div class="swiper-wrapper">
<div class="swiper-slide context-dark">
<div class="swiper-slide-caption">
<div class="container">
<div class="row">
<div class="col-md-10 col-xl-6 col-lg-8">
<h1 class="font-weight-bold" data-caption-animate="fadeInUp" data-caption-delay="100">Ranked #1 Internet Provider</h1>
<p class="lead" data-caption-animate="fadeInUp" data-caption-delay="250">Interson is Americas leading ISP offering reliable & stable Internet connection.</p><a class="button button-lg button-primary" href="#" data-caption-animate="fadeInUp" data-caption-delay="450">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide context-dark">
<div class="swiper-slide-caption">
<div class="container">
<div class="row">
<div class="col-md-10 col-xl-6 col-lg-8">
<h1 class="font-weight-bold" data-caption-animate="fadeInUp" data-caption-delay="100">Qualified Support</h1>
<p class="lead" data-caption-animate="fadeInUp" data-caption-delay="250">Our technical support staff is always available to help and assist our customers.</p><a class="button button-lg button-primary" href="#" data-caption-animate="fadeInUp" data-caption-delay="450">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide context-dark">
<div class="swiper-slide-caption">
<div class="container">
<div class="row">
<div class="col-md-10 col-xl-6 col-lg-8">
<h1 class="font-weight-bold" data-caption-animate="fadeInUp" data-caption-delay="100">Award-winning Internet Solutions</h1>
<p class="lead" data-caption-animate="fadeInUp" data-caption-delay="250">Our team also offers highly rated Internet solutions for both individual and corporate use.</p><a class="button button-lg button-primary" href="#" data-caption-animate="fadeInUp" data-caption-delay="450">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Swiper Pagination-->
<div class="container swiper-pagination-wrap">
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<!--Counters-->
<section class="section section-negative">
<div class="container section-negative-inner">
<div class="row row-30 justify-content-center row-flex">
<div class="col-md-6 col-lg-4">
<div class="counter-boxed">
<div class="counter-boxed-top">
<div class="counter-boxed-media"><img src="images/progress-1-75x70.png" alt="" width="75" height="70"/>
</div>
<div class="counter-boxed-title">
<div class="subtitle">Over</div>
<div class="counter-wrap">
<div class="counter heading-2">2754</div>
</div>
<div class="title heading-5">Service Locations</div>
</div>
</div>
<div class="counter-boxed-body">
<div class="exeption">Our company serves over 2 thousands of locations including big cities and smaller towns located across the United States.</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="counter-boxed">
<div class="counter-boxed-top">
<div class="counter-boxed-media"><img src="images/progress-2-71x71.png" alt="" width="71" height="71"/>
</div>
<div class="counter-boxed-title">
<div class="subtitle">More than</div>
<div class="counter-wrap">
<div class="counter heading-2">30</div>
<div class="heading-2">k</div>
</div>
<div class="title heading-5">Corporate Clients</div>
</div>
</div>
<div class="counter-boxed-body">
<div class="exeption">Interson cooperates with a wide range of companies and supplies reliable and high-speed Internet solutions.</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="counter-boxed">
<div class="counter-boxed-top">
<div class="counter-boxed-media"><img src="images/progress-3-74x81.png" alt="" width="74" height="81"/>
</div>
<div class="counter-boxed-title">
<div class="subtitle">We serve over</div>
<div class="counter-wrap">
<div class="counter heading-2">630</div>
<div class="heading-2">k</div>
</div>
<div class="title heading-5">Clients Nationally</div>
</div>
</div>
<div class="counter-boxed-body">
<div class="exeption">Every year we bring the award-winning Internet services to homes and offices of our numerous clients in all 50 states.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- What We Offer-->
<section class="section bg-default section-lg">
<div class="container">
<div class="block-lg text-center">
<h2>What We Offer</h2>
<p>Our team of IT experts and Internet specialists offers efficient services and solutions that cover a vast range of needs, from Wi-Fi to DSL and fiber optic connection.</p>
</div>
<div class="row row-xl-70">
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-satellite2"></div>
<div class="service-box__caption">
<div class="heading-6">Satellite Internet</div>
<p>Connect directly to the internet via our satellites without paying for cables.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-cable"></div>
<div class="service-box__caption">
<div class="heading-6">Transparent LAN Service</div>
<p>This service lowers costs for data communications at Ethernet speeds.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-cable2"></div>
<div class="service-box__caption">
<div class="heading-6">Dark Fiber Service</div>
<p>Dark fiber service is the process of leasing fiber optic cables.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-server"></div>
<div class="service-box__caption">
<div class="heading-6">Colocation Services</div>
<p>Get your corporate network protected with our colocation services.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-tv"></div>
<div class="service-box__caption">
<div class="heading-6">VoIP &amp; IPTV</div>
<p>We also offer reliable IPTV and VoIP services for home and office.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-box">
<div class="service-box__icon linearicons-cloud-database"></div>
<div class="service-box__caption">
<div class="heading-6">Hosting</div>
<p>Need a reliable hosting for our website? Interson can provide you with it.</p>
</div>
</div>
</div>
<div class="col-12 text-center"><a class="button button-lg button-primary" href="#">View More Services</a></div>
</div>
</div>
</section>
<!-- Advantages and Details-->
<section class="section section-md bg-gray-100">
<div class="container">
<div class="row row-fix justify-content-center text-center">
<div class="col-md-10 col-xl-7">
<h2>Advantages and Details</h2>
<p>We provide all our clients with various advantages that not only complement their personal or corporate needs but also allow them to get more without overpaying for Internet services.</p>
</div>
</div>
<div class="row row-30 row-flex">
<div class="col-sm-6 col-lg-3 overflow-hidden wow fadeInRight">
<blockquote class="quote quote-default">
<div class="quote-icon mdi mdi-format-quote"></div>
<div class="quote-body">
<q class="heading-6">At Interson, we aim to provide top-quality Internet services to a greater number of individual and corporate customers than any other ISP in the USA or abroad.</q>
</div>
<div class="quote-meta">
<div class="author">
<cite>Samuel Chapman</cite>
</div>
<div class="position">CEO &amp; Founder of Interson</div>
</div>
</blockquote>
</div>
<div class="col-sm-6 col-lg-3 overflow-hidden wow fadeInRight" data-wow-delay="0.1s">
<div class="blurb-boxed">
<div class="icon-bg linearicons-telephone2"></div>
<div class="icon linearicons-telephone2"></div>
<h6 class="title">Variety of Plans</h6>
<p class="exeption">Thanks to the variety of offered plans, you can easily choose what you need from Interson.</p>
</div>
</div>
<div class="col-sm-6 col-lg-3 overflow-hidden wow fadeInRight" data-wow-delay="0.2s">
<div class="blurb-boxed">
<div class="icon-bg linearicons-speed-fast"></div>
<div class="icon linearicons-speed-fast"></div>
<h6 class="title">Increased Speed</h6>
<p class="exeption">Our Internet connection is highly valued for its outstanding speed and absolute reliability.</p>
</div>
</div>
<div class="col-sm-6 col-lg-3 overflow-hidden wow fadeInRight" data-wow-delay="0.3s">
<div class="blurb-boxed icon-smaller">
<div class="icon-bg linearicons-trophy2"></div>
<div class="icon linearicons-trophy2"></div>
<h6 class="title">Over 20 Awards</h6>
<p class="exeption">Our company has received over 20 awards for the quality and dependability of our services.</p>
</div>
</div>
</div>
</div>
</section>
<!-- About us-->
<section class="section section-lg bg-gray-100">
<div class="container">
<div class="row row-20 justify-content-center justify-content-lg-between">
<div class="col-md-10 col-lg-6"><img class="img-bordered" src="images/index-1-2-570x352.jpg" alt="" width="570" height="352"/>
</div>
<div class="col-md-10 col-lg-6 col-xl-5">
<div class="text-block-2">
<h6 class="font-weight-thin">Interson is one of the nationally recognized brands established in 1999. Since then, we have been offering internet services across the USA.</h6>
<p class="font-weight-thin">Today, Interson offers wireless and cable Internet service across 50 states to approximately 110 million people. We are the largest provider of cable broadband in the US by coverage area. Our company provides a variety of plans at different speeds, from 10 megabits per second to 2 gigabits per second. The plans start at a one-year promo rate of $29.99 per month for 10 Mbps, $64.95 per month.</p><a class="button button-lg button-primary" href="about.html">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials-->
<section class="section section-md">
<div class="container text-center">
<h2>Testimonials</h2>
<!-- Owl Carousel-->
<div class="owl-carousel owl-carousel-1" data-items="1" data-dots="true" data-nav="true" data-md-stage-padding="0" data-loop="true" data-margin="30" data-mouse-drag="false" data-autoplay="false">
<blockquote class="quote quote-large">
<div class="quote-meta"><img class="img-bordered" src="images/index-1-3-220x220.jpg" alt="" width="220" height="220"/>
</div>
<div class="quote-body">
<div class="author heading-6">
<cite>Marie Hanson</cite>
</div>
<div class="position">Regular Client</div>
<q class="heading-5 font-weight-light">I was leery of switching over to a wireless ISP, but the increased speed and improvement in latency is exactly what my household was looking for! I havent seen the speed change ever since.</q>
</div>
</blockquote>
<blockquote class="quote quote-large">
<div class="quote-meta"><img class="img-bordered" src="images/index-1-4-220x220.jpg" alt="" width="220" height="220"/>
</div>
<div class="quote-body">
<div class="author heading-6">
<cite>Ann Smith</cite>
</div>
<div class="position">Regular Client</div>
<q class="heading-5 font-weight-light">I stream video a lot and never come close to my monthly allotment. It feels good to be a real customer and not just another user account in the database. Thank you for what you do!</q>
</div>
</blockquote>
<blockquote class="quote quote-large">
<div class="quote-meta"><img class="img-bordered" src="images/index-1-5-220x220.jpg" alt="" width="220" height="220"/>
</div>
<div class="quote-body">
<div class="author heading-6">
<cite>Mildred Bates</cite>
</div>
<div class="position">Regular Client</div>
<q class="heading-5 font-weight-light">I couldn't be happier with Interson! Not only do I receive better than advertised ping, upload and download speeds consistently but I also get the bonus of prompt, personable service.</q>
</div>
</blockquote>
</div>
</div>
</section>
<!-- Latest Statistical Information-->
<section class="section section-md bg-image-2 context-dark">
<div class="container">
<div class="row row-fix justify-content-center text-center">
<div class="col-md-10 col-xl-7">
<h2>Latest Statistical Information</h2>
<p>Our company regularly provides statistical data about the influence and development of Interson network in all states of the US. Here you can take a closer look at some of them.</p>
</div>
</div>
<div class="row row-40 justify-content-between">
<div class="col-lg-4">
<!-- 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>
<p class="font-weight-thin">With the development of wireless technologies, the number of our clients has significantly increased.</p>
</div>
<div class="col-md-6 col-lg-4 col-xl-3 text-center">
<div class="row row-30 row-xxl-40 row-fix">
<div class="col-6">
<div class="progress-bar-circle" data-value="0.25" data-gradient="#00d5be" data-empty-fill="rgba(255, 255, 255, .58)" data-size="100" data-thickness="2"><span></span></div>
<p class="progress-bar-circle-title">Dedication</p>
</div>
<div class="col-6">
<div class="progress-bar-circle" data-value="0.50" data-gradient="#00d5be" data-empty-fill="rgba(255, 255, 255, .58)" data-size="100" data-thickness="2"><span></span></div>
<p class="progress-bar-circle-title">Knowledge</p>
</div>
<div class="col-6">
<div class="progress-bar-circle" data-value="0.75" data-gradient="#00d5be" data-empty-fill="rgba(255, 255, 255, .58)" data-size="100" data-thickness="2"><span></span></div>
<p class="progress-bar-circle-title">Experience</p>
</div>
<div class="col-6">
<div class="progress-bar-circle" data-value="1" data-gradient="#00d5be" data-empty-fill="rgba(255, 255, 255, .58)" data-size="100" data-thickness="2"><span></span></div>
<p class="progress-bar-circle-title">Reliability</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<p class="font-weight-thin">Our Internet services are built in accordance with the latest standards and technologies that guarantee high upload and download speeds and stable connection.</p>
<div class="progress-linear-wrap">
<!-- Linear progress bar-->
<article class="progress-linear">
<div class="progress-header">
<p>Cable Connection</p><span class="progress-value">75</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
<!-- Linear progress bar-->
<article class="progress-linear">
<div class="progress-header">
<p>Wireless Internet</p><span class="progress-value">50</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
<!-- Linear progress bar-->
<article class="progress-linear">
<div class="progress-header">
<p>VoIP &amp; IPTV</p><span class="progress-value">75</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
<!-- Linear progress bar-->
<article class="progress-linear">
<div class="progress-header">
<p>Satellite Internet</p><span class="progress-value">75</span>
</div>
<div class="progress-bar-linear-wrap">
<div class="progress-bar-linear"></div>
</div>
</article>
</div>
</div>
</div>
<div class="button-wrap-lg text-center"><a class="button button-lg button-primary" href="services.html">View All Statistics</a></div>
</div>
</section>
<section class="section section-lg bg-gray-100">
<div class="container text-center">
<h2>Pricing</h2>
<div class="owl-carousel" data-items="1" data-sm-items="2" data-lg-items="3" data-xl-items="4" data-dots="true" data-nav="false" data-stage-padding="15" data-loop="false" data-margin="30" data-mouse-drag="false">
<div class="price-box-2">
<div class="media-wrap">
<div class="media-title"><span class="text-primary">80</span><span>Mb/s</span></div><img src="images/pricing-1-136x137.png" alt="" width="136" height="137"/>
</div>
<div class="title">Starter</div>
<div class="heading-3 price">$49.00/mo</div>
<ul class="list-sm">
<li>80 Mbps Internet Speed</li>
<li>DSL & Cable connection</li>
<li>Free Wi-Fi Router Setup</li>
<li>24/7 Support via telephone</li>
</ul><a class="button button-sm button-primary" href="#">Purchase</a>
</div>
<div class="price-box-2">
<div class="media-wrap">
<div class="media-title"><span class="text-primary">100</span><span>Mb/s</span></div><img src="images/pricing-2-136x137.png" alt="" width="136" height="137"/>
</div>
<div class="title">Advanced</div>
<div class="heading-3 price">$69.00/mo</div>
<ul class="list-sm">
<li>100 Mbps Internet Speed</li>
<li>Cable Connection Only</li>
<li>1-Month IPTV Subscription</li>
<li>24/7 Support via phone & e-mail</li>
</ul><a class="button button-sm button-primary" href="#">Purchase</a>
</div>
<div class="price-box-2">
<div class="media-wrap">
<div class="media-title"><span class="text-primary">200</span><span>Mb/s</span></div><img src="images/pricing-3-136x137.png" alt="" width="136" height="137"/>
</div>
<div class="title">Gold</div>
<div class="heading-3 price">$99.00/mo</div>
<ul class="list-sm">
<li>200 Mbps Internet Speed</li>
<li>Fiber Optic Connection</li>
<li>Regular Discounts</li>
<li>24/7 Support via e-mail & App</li>
</ul><a class="button button-sm button-primary" href="#">Purchase</a>
</div>
<div class="price-box-2">
<div class="media-wrap">
<div class="media-title"><span class="text-primary">350</span><span>Mb/s</span></div><img src="images/pricing-4-136x137.png" alt="" width="136" height="137"/>
</div>
<div class="title">Platinum</div>
<div class="heading-3 price">$149.00/mo</div>
<ul class="list-sm">
<li>350+ Mbps Internet Speed</li>
<li>Satellite & Fiber Connection</li>
<li>Exclusive Offers</li>
<li>24/7 Support via Interson App</li>
</ul><a class="button button-sm button-primary" href="#">Purchase</a>
</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>
<!-- Frequently Asked Questions-->
<section class="section section-md bg-image-2 context-dark">
<div class="container">
<h2 class="text-center">Frequently Asked Questions</h2>
<div class="row row-40">
<div class="col-sm-6 col-lg-6">
<ul class="list-thin list-xl wow fadeIn">
<li>
<h5>Do you provide any scripts with your templates?</h5>
<p>Our templates do not include any additional scripts. Newsletter subscriptions, search fields, forums, image galleries (in HTML versions of Flash products) are inactive. Basic scripts can be easily added at www.zemez.io If you are not sure that the element youre interested in is active please contact our Support.</p>
</li>
<li>
<h5>In what formats are your templates available?</h5>
<p>Website templates are available in Photoshop and HTML formats. Fonts are included with the Photoshop file. In most templates, HTML is compatible with Adobe® Dreamweaver® and Microsoft® FrontPage®.</p>
</li>
<li>
<h5>What can I use to pay for my order?</h5>
<p>We accept Visa, MasterCard, and American Express credit and debit cards for your convenience. Some other payment methods are also available.</p>
</li>
</ul>
</div>
<div class="col-sm-6 col-lg-6">
<ul class="list-thin list-xl wow fadeIn">
<li>
<h5>What am I allowed to do with the templates?</h5>
<p>You may build a website using the template in any way you like. You may not resell or redistribute templates (like we do); claim intellectual or exclusive ownership to any of our products.</p>
</li>
<li>
<h5>What do I receive when I order a template?</h5>
<p>After you complete the payment via our secure form you will receive the instructions for downloading the product. The source files in the download package can vary based on the type of the product you have purchased.</p>
</li>
<li>
<h5>What are the advantages of purchasing a template?</h5>
<p>The major advantage is price: You get a high quality design for just $20-$70. You dont have to hire a web designer or web design studio. Second advantage is time frame: It usually takes 5-15 days for a good designer to produce a web page of such quality regardless of its purpose.</p>
</li>
</ul>
</div>
</div>
<div class="button-wrap-lg text-center"><a class="button button-lg button-primary" href="#">View All Asked Questions</a></div>
</div>
</section>
<!-- Latest Blog Posts-->
<section class="section section-md bg-gray-100">
<div class="container">
<div class="row row-fix justify-content-center text-center">
<div class="col-md-10 col-lg-8 col-xl-6">
<h2>Latest Blog Posts</h2>
<p>Our team regularly publishes articles, news, and updates about Internet technologies as well as updates on special offers and tips from Interson.</p>
</div>
</div>
<div class="row row-40 justify-content-center">
<div class="col-md-4 wow fadeInLeft">
<article class="post-modern">
<div class="media-wrapper"><a href="single-post.html"><img src="images/modern-blog-1-370x240.jpg" alt="" width="370" height="240"/></a>
<ul class="list-tags">
<li><a class="tag" href="single-post.html">News</a>
</li>
</ul>
</div>
<div class="post-body">
<div class="post-author"><a class="img-author" href="single-post.html"><img src="images/modern-author-1-72x72.jpg" alt="" width="72" height="72"/></a>
<div class="post-author-name">Martha Ryan</div>
</div>
<h5 class="post-title"><a href="single-post.html">Who Invented The Internet: A Full History</a></h5>
<p class="post-exeption">The Internet has become a staple of modern life. We use it to shop for what we need and want, talk to friends and... </p>
<div class="post-date">May 23, 2020, at 8:49 am</div>
</div>
</article>
</div>
<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.1s">
<article class="post-modern">
<div class="media-wrapper"><a href="single-post.html"><img src="images/modern-blog-2-370x240.jpg" alt="" width="370" height="240"/></a>
<ul class="list-tags">
<li><a class="tag" href="single-post.html">News</a>
</li>
</ul>
</div>
<div class="post-body">
<div class="post-author"><a class="img-author" href="single-post.html"><img src="images/modern-author-3-72x72.jpg" alt="" width="72" height="72"/></a>
<div class="post-author-name">Sam Williams</div>
</div>
<h5 class="post-title"><a href="single-post.html">How People Use The Internet In 2020: The Latest Research Data</a></h5>
<p class="post-exeption">It's not hard to see just how much of an impact the Internet has on our lives. The vast majority of us rely on it in some...</p>
<div class="post-date">May 23, 2020, at 8:49 am</div>
</div>
</article>
</div>
<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.1s">
<article class="post-modern">
<div class="media-wrapper"><a href="single-post.html"><img src="images/modern-blog-3-370x240.jpg" alt="" width="370" height="240"/></a>
<ul class="list-tags">
<li><a class="tag" href="single-post.html">News</a>
</li>
</ul>
</div>
<div class="post-body">
<div class="post-author"><a class="img-author" href="single-post.html"><img src="images/modern-author-2-72x72.jpg" alt="" width="72" height="72"/></a>
<div class="post-author-name">Emily Smith</div>
</div>
<h5 class="post-title"><a href="single-post.html">Internet Traffic: Mobile vs. Desktop Comparison</a></h5>
<p class="post-exeption">The technology landscape is changing with every passing year. More people than ever before are online, and the ways...</p>
<div class="post-date">May 23, 2020, at 8:49 am</div>
</div>
</article>
</div>
</div>
<div class="button-wrap-lg text-center"><a class="button button-lg button-primary" href="grid-blog.html">View All Blog Posts</a></div>
</div>
</section>
<!-- Subscribe to Our Newsletter-->
<section class="section section-sm context-dark text-center bg-image-2">
<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>
<!-- Contacts-->
<section class="section">
<div class="row row-flex no-gutters">
<div class="col-md-6 col-lg-7">
<iframe src="https://www.amap.com/" width="100%" height="100%" frameborder="0" style="border:0" sandbox=""></iframe>
</div>
<div class="col-md-6 col-lg-5">
<div class="section-lg">
<div class="container-custom">
<h5 class="font-weight-light">Contact Information</h5>
<ul class="contact-box">
<li>
<div class="unit unit-horizontal unit-spacing-xxs">
<div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
<div class="unit-body"><a class="hover-light-text" href="#">2130 Fulton Street, <br class="veil reveal-lg-inline">San Diego, CA 94117-1080 USA</a></div>
</div>
</li>
<li>
<div class="unit unit-horizontal unit-spacing-xxs">
<div class="unit-left"><span class="icon mdi mdi-phone"></span></div>
<div class="unit-body">
<ul class="list-phones">
<li><a class="hover-light-text" href="tel:#">1-800-1234-567</a></li>
<li><a class="hover-light-text" href="tel:#">1-800-1234-567</a></li>
</ul>
</div>
</div>
</li>
<li>
<div class="unit unit-horizontal unit-spacing-xxs">
<div class="unit-left"><span class="icon mdi mdi-email"></span></div>
<div class="unit-body"><a class="hover-light-text" href="mailto:#">info@demolink.org</a></div>
</div>
</li>
</ul>
<div class="group-md group-middle social-items"><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-facebook" href="#"></a><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-twitter" href="#"></a><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-instagram" href="#"></a><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-facebook-messenger" href="#"></a><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-linkedin" href="#"></a><a class="icon icon-md icon-gray-400 novi-icon mdi mdi-snapchat" href="#"></a></div>
</div>
</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>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span><a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></span><span>.&nbsp;</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>