458 lines
33 KiB
HTML
458 lines
33 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html class="wide wow-animation" lang="en">
|
||
|
|
<head>
|
||
|
|
<title>Grid System</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>Grid System</h1>
|
||
|
|
<ul class="breadcrumbs-custom">
|
||
|
|
<li><a href="index.html">Home</a></li>
|
||
|
|
<li><a href="#">Pages</a></li>
|
||
|
|
<li class="active">Grid System</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Full-Width Grid System-->
|
||
|
|
<section class="section section-lg bg-default section-grid-demonstration">
|
||
|
|
<div class="container-fluid container-wide">
|
||
|
|
<h2>Full-Width Grid System</h2>
|
||
|
|
<div class="row row-condensed row-offset-3">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/1</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely intuitive and user-friendly. You will always know where you are now and will be able to skip from one page to another with a single mouse click. We use only trusted, verified content, so you can believe every word we are saying. We are always happy to greet the new visitors on our site. Our blog and social media accounts are available to encourage communication and connection between clients and personnel and tell you more about us in the informal environments where we can have a dialogue instead of just a narrative like that.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/2</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/2</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-8">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>2/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely intuitive and user-friendly. You will always know where you are now and will be able to skip from one page to another with a single mouse click. We use only trusted, verified content, so you can believe every word we are saying. We are always happy to greet the new visitors on our site.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<!-- Boxed Grid System-->
|
||
|
|
<section class="section section-lg bg-default section-grid-demonstration">
|
||
|
|
<div class="container">
|
||
|
|
<h2>Boxed Grid System</h2>
|
||
|
|
<div class="row row-condensed row-offset-3">
|
||
|
|
<div class="col-12">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/1</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages quickly. Site navigation is extremely intuitive and user-friendly. You will always know where you are now and will be able to skip from one page to another with a single mouse click. We use only trusted, verified content, so you can believe every word we are saying. We are always happy to greet the new visitors on our site. Our blog and social media accounts are available to encourage communication and connection between clients and personnel and tell you more about us in the informal environments where we can have a dialogue instead of just a narrative like that.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/2</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-6">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/2</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/4</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-2">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/6</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-8">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>2/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you lots of interesting things about our company, its products and services, highly professional staff and happy customers. Our site design and navigation has been thoroughly thought out. The layout is aesthetically appealing, contains concise texts in order not to take your precious time. Text styling allows scanning the pages</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-4">
|
||
|
|
<div class="grid-demonstration-item">
|
||
|
|
<h5>1/3</h5>
|
||
|
|
<p>Welcome to our wonderful world. We sincerely hope that each and every user entering our website will find exactly what he/she is looking for. With advanced features of activating account and new login widgets, you will definitely have a great experience of using our web page. It will tell you</p>
|
||
|
|
</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>© </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>
|