344 lines
22 KiB
HTML
344 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Classic blog</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>Classic blog</h1>
|
|
<ul class="breadcrumbs-custom">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="#">Pages</a></li>
|
|
<li class="active">Classic blog</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Overview-->
|
|
<section class="section section-lg">
|
|
<div class="container">
|
|
<div class="row justify-content-sm-center">
|
|
<div class="col-md-10 col-xl-8">
|
|
<article class="post-classic"><a class="media-wrapper" href="single-post.html"><img src="images/classic-blog-1-770x456.jpg" alt="" width="770" height="456"/></a>
|
|
<div class="post-meta-main">
|
|
<div class="post-meta-item">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<ul class="list-tags">
|
|
<li><a class="tag" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div>
|
|
<h3 class="post-title"><a href="single-post.html">Who Invented The Internet: A Full History</a></h3>
|
|
<p class="post-exeption">Extums accelerare! Regius musas ducunt ad impositio. Abnobas accelerare in amivadum! Velum sed mire ducunt ad rusticus tumultumque. Ubi est neuter apolloniates? Peritus, bi-color fortiss etiam fallere de germanus, azureus terror. Scutum de brevis competition, locus repressor! Verpa trabems, tanquam varius palus. Cum animalis cantare, omnes boreases manifestum camerarius, teres nomenes.</p>
|
|
</article>
|
|
<article class="post-classic"><a class="media-wrapper" href="single-post.html"><img src="images/classic-blog-2-770x456.jpg" alt="" width="770" height="456"/></a>
|
|
<div class="post-meta-main">
|
|
<div class="post-meta-item">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<ul class="list-tags">
|
|
<li><a class="tag" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div>
|
|
<h3 class="post-title"><a href="single-post.html">How People Use The Internet In 2020: The Latest Research Data</a></h3>
|
|
<p class="post-exeption">Era, capio, et poeta. Ubi est mirabilis vortex? Sagas crescere in brigantium! Hibridas sunt deuss de camerarius coordinatae. Cliniass messis! Cur index mori? Abaculuss mori, tanquam nobilis absolutio. Decor velox scutum est. Detriuss observare, tanquam rusticus valebat. Ecce, cedrium! Fidelis, pius cedriums aliquando fallere de grandis, domesticus lamia. Messor, domina, et tus.</p>
|
|
</article>
|
|
<article class="post-classic"><a class="media-wrapper" href="single-post.html"><img src="images/classic-blog-3-770x456.jpg" alt="" width="770" height="456"/></a>
|
|
<div class="post-meta-main">
|
|
<div class="post-meta-item">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<ul class="list-tags">
|
|
<li><a class="tag" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div>
|
|
<h3 class="post-title"><a href="single-post.html">Internet Traffic: Mobile vs. Desktop Comparison
|
|
</a></h3>
|
|
<p class="post-exeption">Racana, lamia, et onus. Ferox consilium saepe apertos hippotoxota est. Hercle, fraticinida magnum!, mons! Cum lacta prarere, omnes eposes contactus grandis, teres terrores. Cum calceus credere, omnes fluctuses gratia grandis, audax lubaes. Habitios sunt agripetas de lotus hippotoxota. Accelerare nunquam ducunt ad festus nixus. Sunt gabaliumes examinare domesticus, camerarius sensoremes.</p>
|
|
</article>
|
|
<article class="post-classic"><a class="media-wrapper" href="single-post.html"><img src="images/classic-blog-4-770x456.jpg" alt="" width="770" height="456"/></a>
|
|
<div class="post-meta-main">
|
|
<div class="post-meta-item">
|
|
<div class="post-meta">
|
|
<div class="post-meta-item">
|
|
<ul class="list-tags">
|
|
<li><a class="tag" href="single-post.html">News</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-author"><span>by</span> <a href="single-post.html">Martha Ryan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="post-meta-item">
|
|
<div class="post-date">2 days ago</div>
|
|
</div>
|
|
</div>
|
|
<h3 class="post-title"><a href="single-post.html">How Much Time We Spend Daily On Social Media: New Research Results
|
|
</a></h3>
|
|
<p class="post-exeption">Bi-color lumens ducunt ad calceus. Eposs ortum! Hercle, homo festus!, altus valebat! Tumultumques velum, tanquam audax fraticinida. Ubi est secundus brabeuta? Est velox fluctus, cesaris. Repressors ire! Est varius aonides, cesaris. Contencios peregrinatione in hafnia! Cum xiphias crescere, omnes planetaes captis bassus, neuter nixuses. Sunt amores contactus gratis, clemens fluctuies.</p>
|
|
</article>
|
|
<!-- Bootstrap Pagination-->
|
|
<nav class="page-navigation" aria-label="Page navigation">
|
|
<ul class="pagination">
|
|
<!--li.page-item.page-item-control(class={'disabled': active === 1})-->
|
|
<!-- a.page-link(href='#' aria-label="Previous")-->
|
|
<!-- span.icon(aria-hidden='true')-->
|
|
<li class="page-item active"><span class="page-link">1</span></li>
|
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
|
<!--li.page-item.page-item-control(class={'disabled': (indexes.length === active || indexes === active)})-->
|
|
<!-- a.page-link(href='#' aria-label="Next")-->
|
|
<!-- span.icon(aria-hidden='true')-->
|
|
</ul>
|
|
</nav>
|
|
</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> |