<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>HOSTSight - Pricing Tables</title>
<link rel="stylesheet" type="text/css" href="css/vendors/Bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/vendors/Bootstrap/bootstrap-grid.min.css">
<link href="css/plugins/navigation.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/main.min.css">
<link rel="stylesheet" type="text/css" href="css/theme-font.min.css">
<!--Styles for RTL-->
<!--<link rel="stylesheet" type="text/css" href="css/rtl.min.css">-->
</head>
<body>
<!-- Preloader -->
<!--<div id="hellopreloader">
<div class="preloader">
<svg width="58" height="58" viewBox="0 0 58 58" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<g transform="translate(2 1)" stroke="#FFF" stroke-width="1.5">
<circle cx="42.601" cy="11.462" r="5" fill-opacity="1" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="1;0;0;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="49.063" cy="27.063" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;1;0;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="42.601" cy="42.663" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;1;0;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="27" cy="49.125" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;1;0;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="11.399" cy="42.663" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;1;0;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="4.938" cy="27.063" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;1;0;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="11.399" cy="11.462" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;0;1;0" calcMode="linear"
repeatCount="indefinite" />
</circle>
<circle cx="27" cy="5" r="5" fill-opacity="0" fill="#fff">
<animate attributeName="fill-opacity"
begin="0s" dur="1.3s"
values="0;0;0;0;0;0;0;1" calcMode="linear"
repeatCount="indefinite" />
</circle>
</g>
</g>
</svg>
</div>
</div>-->
<!-- ... end Preloader -->
<!-- Main Header -->
<nav id="navigation" class="site-header navigation navigation-justified header--sticky">
<div class="container">
<div class="navigation-header">
<div class="navigation-logo">
<a href="index.html">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/logo-white.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/logo-white.png" alt="logo">
</picture>
</a>
</div>
<div class="navigation-button-toggler">
<i class="hamburger-icon"></i>
</div>
</div>
<div class="navigation-body">
<div class="navigation-body-header">
<div class="navigation-logo">
<a href="index.html">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/logo-white.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/logo-white.png" alt="logo">
</picture>
</a>
</div>
<span class="navigation-body-close-button">✕</span>
</div>
<ul class="navigation-menu">
<li class="navigation-item is-active">
<a class="navigation-link" href="#">Hosting</a>
<div class="navigation-megamenu">
<div class="navigation-megamenu-container">
<div class="navigation-row">
<div class="navigation-col">
<a href="02_wp_host.html" class="navigation-hosting-item border-primary-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/navigation-hostings/hosting1.webp">
<img class="navigation-hosting-item-img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/navigation-hostings/hosting1.png" alt="hosting">
</picture>
WordPress Hosting
</a>
</div>
<div class="navigation-col">
<a href="03_shared_host.html" class="navigation-hosting-item border-red-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/navigation-hostings/hosting2.webp">
<img class="navigation-hosting-item-img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/navigation-hostings/hosting2.png" alt="hosting">
</picture>
Shared Hosting
</a>
</div>
<div class="navigation-col">
<a href="04_vps_host.html" class="navigation-hosting-item border-orange-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/navigation-hostings/hosting3.webp">
<img class="navigation-hosting-item-img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/navigation-hostings/hosting3.png" alt="hosting">
</picture>
VPS Hosting
</a>
</div>
<div class="navigation-col">
<a href="05_dedicated_server.html" class="navigation-hosting-item border-yellow-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/navigation-hostings/hosting4.webp">
<img class="navigation-hosting-item-img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/navigation-hostings/hosting4.png" alt="hosting">
</picture>
Dedicated Server
</a>
</div>
<div class="navigation-col">
<a href="06_cloud_hosting.html" class="navigation-hosting-item border-blue-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/navigation-hostings/hosting5.webp">
<img class="navigation-hosting-item-img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/navigation-hostings/hosting5.png" alt="hosting">
</picture>
Cloud Hosting
</a>
</div>
</div>
</div>
</div>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#">Domain</a>
<ul class="navigation-dropdown">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="07_domains.html">Domains</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="08_domain_checking.html">Domain Checking</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">
Status Pages
<span class="submenu-indicator"></span>
</a>
<ul class="navigation-dropdown">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="18_status_page.html">Status Page</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="19_incident_history.html">Incident History</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="20_operational.html">Operational</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="21_degraded_performance.html">Degraded Performance</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="22_planned_maintenance.html">Planned Maintenance</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="23_subscribe_pop_up.html">Subscribe Popup</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#">Pages</a>
<div class="navigation-megamenu navigation-megamenu-half">
<div class="navigation-megamenu-container">
<div class="navigation-row">
<div class="navigation-col">
<ul class="navigation-list">
<li class="navigation-list-heading">
Standard Pages
<span class="navigation-list-subheading">Pages that every website needs.</span>
</li>
<li><a href="09_about.html">About Us</a></li>
<li><a href="25_testimonials.html">Testimonials</a></li>
<li><a href="27_pricing_tables.html">Pricing Packages</a></li>
<li><a href="18_status_page.html">Status Page</a></li>
<li><a href="16_blog_details.html">Post Details</a></li>
<li><a href="24_error.html">Error 404</a></li>
</ul>
</div>
<div class="navigation-col">
<ul class="navigation-list">
<li class="navigation-list-heading">
Web Elements
<span class="navigation-list-subheading">Awesome header and title style variations and many more.</span>
</li>
<li><a href="31_typography.html">Typography</a></li>
<li><a href="26_tabs_and_accordions.html">Tabs & Accordions</a></li>
<li><a href="30_tables.html">Tables</a></li>
<li><a href="28_infographic.html">Infographic</a></li>
<li><a href="32_buttons.html">Buttons</a></li>
<li><a href="29_forms.html">Forms</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="navigation-item">
<a class="navigation-link" href="#">
Support
</a>
<ul class="navigation-dropdown">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="14_submit_a_request.html">Submit a Request</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">
Knowledge Base
<span class="submenu-indicator"></span>
</a>
<ul class="navigation-dropdown">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="10_knowledge_base.html">Getting Started</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="11_knowledge_base_domains.html">Hosting</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">
Domains
<span class="submenu-indicator submenu-indicator-left"></span>
</a>
<ul class="navigation-dropdown navigation-dropdown-left">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">Vue</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">React</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">Ember</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">
Angular
<span class="submenu-indicator submenu-indicator-left"></span>
</a>
<ul class="navigation-dropdown navigation-dropdown-left">
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">Angular</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="#">Angular 2</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="12_knowledge_base_domain_articles.html">General</a>
</li>
<li class="navigation-dropdown-item">
<a class="navigation-dropdown-link" href="13_knowledge_base_domain_article_details.html">Articles</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="navigation-item">
<a class="navigation-link" href="15_blog.html">Blog</a>
</li>
<li class="navigation-item">
<a class="navigation-link" href="17_contacts.html">Contacts</a>
</li>
</ul>
<div class="navigation-body-section navigation-additional-menu">
<a href="#" class="crumina-button button--green button--xs">Trial Period</a>
<div class="navigation-search">
<div class="link-modal-popup" data-toggle="modal" data-target="#popupSearch"></div>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-search"></use>
</svg>
</div>
<div class="navigation-user-menu">
<div class="link-modal-popup" data-toggle="modal" data-target="#userMenuPopup"></div>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-user-menu"></use>
</svg>
</div>
</div>
</div>
</div>
</nav>
<!-- ... end Main Header -->
<!-- Popup Search -->
<div class="modal fade window-popup popup-search" id="popupSearch" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="modal-close-btn-wrapper">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-close"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="modal-body">
<div class="navigation-search-popup">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 m-auto">
<h2 class="fw-medium text-white">WHAT ARE YOU LOOKING FOR?</h2>
<form class="search-popup-form" >
<div class="input-btn--inline">
<input class="input--dark" type="text" placeholder="Choose your new web address…">
<button type="button" class="crumina-button button--primary button--l">SEARCH</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ... end Popup Search -->
<!-- User Menu Popup -->
<div class="modal fade window-popup user-menu-popup" id="userMenuPopup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="modal-close-btn-wrapper">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-close"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="modal-body">
<div class="user-menu">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 m-auto">
<a href="index.html" class="site-logo">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/logo-colored.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/logo-colored.png" alt="logo" width="185">
</picture>
</a>
<p class="fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<form class="sign-in-form" >
<h6 class="text-white">SIGN IN TO YOUR ACCOUNT</h6>
<div class="form-item">
<input class="input--dark input--squared" type="text" placeholder="Username or email">
</div>
<div class="form-item">
<input class="input--dark input--squared" type="password" placeholder="Password">
</div>
<div class="form-item">
<div class="remember-wrapper text-white">
<div class="checkbox">
<label>
<input type="checkbox" name="optionsCheckboxes4">
Remember Me
</label>
</div>
<a href="#">Lost your password?</a>
</div>
</div>
<div class="form-item">
<button type="button" class="crumina-button button--primary button--l w-100">Sign In</button>
</div>
</form>
<p class="text-white fw-medium">Sign In with social networks:</p>
<ul class="socials">
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/facebook.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/facebook.png" alt="facebook">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/twitter.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/twitter.png" alt="twitter">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/google.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/google.png" alt="google">
</picture>
</a>
</li>
</ul>
<button type="button" class="crumina-button button--grey button--l button--bordered w-100">CREATE AN ACCOUNT</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ... end User Menu Popup -->
<div class="main-content-wrapper">
<section class="crumina-stunning-header stunning-header-bg1 pb60">
<div class="container">
<div class="row justify-content-center align-center">
<div class="col-lg-8 col-md-10 col-sm-12 col-xs-12">
<div class="page-category">
<a href="#" class="page-category-item text-white">Tabs and Accordions</a>
</div>
<h1 class="page-title text-white">Tabs and Accordions</h1>
<p class="page-text text-white">Volutpat est velit egestas dui id ornare arcu odio ut. Gravida in fermentum et sollicitudin ac orci. Massa ultricies mi quis hendrerit.</p>
</div>
</div>
</div>
</section>
<div class="crumina-breadcrumbs breadcrumbs--red">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<ul class="breadcrumbs">
<li class="breadcrumbs-item">
<a href="index.html">Home</a>
<span class="crumina-icon">»</span>
</li>
<li class="breadcrumbs-item">
<a href="#">Styles</a>
</li>
<li class="breadcrumbs-item active">
<span>Tabs and Accordions</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<section class="large-section-padding bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>TABS STYLE ONE</h2>
<p class="fs-18 fw-medium">Quisque egestas diam in arcu cursus euismod. Lectus urna duis convallis convallis tellus. Sagittis orci a scelerisque purus semper eget.</p>
</div>
</div>
<div class="row tabs tabs--time-line align-items-center">
<div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="nav nav-tabs" id="myTab" role="tablist">
<a class="nav-item nav-link active" id="time-2010-tab" data-toggle="tab" href="#time-2010" role="tab" aria-controls="time-2010" aria-selected="true">
2010
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
<a class="nav-item nav-link" id="time-2012-tab" data-toggle="tab" href="#time-2012" role="tab" aria-controls="time-2012" aria-selected="false">
2012
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
<a class="nav-item nav-link" id="time-2013-tab" data-toggle="tab" href="#time-2013" role="tab" aria-controls="time-2013" aria-selected="false">
2013
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
<a class="nav-item nav-link" id="time-2016-tab" data-toggle="tab" href="#time-2016" role="tab" aria-controls="time-2016" aria-selected="false">
2016
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
<a class="nav-item nav-link" id="time-2017-tab" data-toggle="tab" href="#time-2017" role="tab" aria-controls="time-2017" aria-selected="false">
2017
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
<a class="nav-item nav-link" id="time-2019-tab" data-toggle="tab" href="#time-2019" role="tab" aria-controls="time-2019" aria-selected="false">
2019
<div class="nav-item--point">
<div class="nav-item--arrow-wrap">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="time-2010" role="tabpanel" aria-labelledby="time-2010-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2010</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="time-2012" role="tabpanel" aria-labelledby="time-2012-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2012</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="time-2013" role="tabpanel" aria-labelledby="time-2013-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2013</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="time-2016" role="tabpanel" aria-labelledby="time-2016-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2016</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="time-2017" role="tabpanel" aria-labelledby="time-2017-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2017</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="time-2019" role="tabpanel" aria-labelledby="time-2019-tab">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/tabs-time-line/time-thumb.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/tabs-time-line/time-thumb.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="tabs--time-line-content">
<div class="tabs--time-line-subtitle">November, 2019</div>
<h3 class="tabs--time-line-title">Foundation of the Company</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac turpis egestas integer eget aliquet nibh praesent tristique. Pharetra magna ac placerat vestibulum. Leo vel orci porta non pulvinar neque laoreet.
</p>
<p>
Ornare arcu dui vivamus arcu felis. Sed ullamcorper morbi tincidunt ornare massa eget egestas.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-accent-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2 class="text-white">TABS STYLE TWO</h2>
<p class="fs-18 fw-medium text-white">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="tabs tabs--style2">
<div class="nav nav-tabs" id="myTab2" role="tablist">
<a class="nav-item nav-link active" id="vps-features-tab" data-toggle="tab" href="#vps-features" role="tab" aria-controls="vps-features" aria-selected="true">
VPS Features
</a>
<a class="nav-item nav-link" id="advanced-features-tab" data-toggle="tab" href="#advanced-features" role="tab" aria-controls="advanced-features" aria-selected="false">
Advanced Features
</a>
</div>
</div>
<div class="tab-content" id="myTabContent2">
<div class="tab-pane fade show active" id="vps-features" role="tabpanel" aria-labelledby="vps-features-tab">
<div class="row align-items-center justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon1.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Automatic Software Updates</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon2.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Secure Shell Access</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon3.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Ruby Version Manager (RVM)</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon4.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon4.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">24/7 Support</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon5.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Unlimited Email Accounts</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon6.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon6.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Crontab Access</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="advanced-features" role="tabpanel" aria-labelledby="advanced-features-tab">
<div class="row align-items-center justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon1.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Automatic Software Updates</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon2.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Secure Shell Access</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon3.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Ruby Version Manager (RVM)</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon4.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon4.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">24/7 Support</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon5.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Unlimited Email Accounts</h5>
<p class="info-box-text text-white">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--standard">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon6.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon6.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<h5 class="info-box-title c-yellow">Crontab Access</h5>
<p class="info-box-text text-white">Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Cursus eget nunc scelerisque.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>TABS STYLE THREE</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row tabs tabs--style3 align-items-center">
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="nav nav-tabs" id="myTab3" role="tablist">
<a class="nav-item nav-link active" id="free-cpanel-tab" data-toggle="tab" href="#free-cpanel" role="tab" aria-controls="free-cpanel" aria-selected="true">
<svg class="crumina-icon" width="22px" height="15px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-c-panel"></use>
</svg>
Free cPanel
</a>
<a class="nav-item nav-link" id="email-host-tab" data-toggle="tab" href="#email-host" role="tab" aria-controls="email-host" aria-selected="false">
<svg class="crumina-icon" width="22px" height="22px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-mail"></use>
</svg>
Email Host Included
</a>
<a class="nav-item nav-link" id="website-transfers-tab" data-toggle="tab" href="#website-transfers" role="tab" aria-controls="website-transfers" aria-selected="false">
<svg class="crumina-icon" width="22px" height="17px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-transfer"></use>
</svg>
Website Transfers
</a>
<a class="nav-item nav-link" id="boost-website-tab" data-toggle="tab" href="#boost-website" role="tab" aria-controls="boost-website" aria-selected="false">
<svg class="crumina-icon" width="22px" height="22px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-speed"></use>
</svg>
Boost Website Speed
</a>
</div>
</div>
<div class="col-lg-9 col-md-8 col-sm-12 col-xs-12">
<div class="tab-content" id="myTabContent3">
<div class="tab-pane fade show active" id="free-cpanel" role="tabpanel" aria-labelledby="free-cpanel-tab">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon1.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<h4>Free email with Shared Hosting</h4>
<p>Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-red">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade" id="email-host" role="tabpanel" aria-labelledby="email-host-tab">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon1.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<h4>Free email with Shared Hosting</h4>
<p>Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-red">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade" id="website-transfers" role="tabpanel" aria-labelledby="website-transfers-tab">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon1.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<h4>Free email with Shared Hosting</h4>
<p>Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-red">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-pane fade" id="boost-website" role="tabpanel" aria-labelledby="boost-website-tab">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="tabs--time-line-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon1.png" alt="icon">
</picture>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<h4>Free email with Shared Hosting</h4>
<p>Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-red">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt120">
<div class="container">
<div class="row mb-5">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center m-auto">
<h2>TABS STYLE FOUR</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
</div>
<div class="tabs tabs--style4">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="nav nav-tabs" id="myTab4" role="tablist">
<a class="nav-item nav-link active" id="basics-tab" data-toggle="tab" href="#basics" role="tab" aria-controls="basics" aria-selected="true">
Basics
</a>
<a class="nav-item nav-link" id="advanced-tab" data-toggle="tab" href="#advanced" role="tab" aria-controls="advanced" aria-selected="false">
Advanced
</a>
<a class="nav-item nav-link" id="optional-tab" data-toggle="tab" href="#optional" role="tab" aria-controls="optional" aria-selected="false">
Optional
</a>
</div>
</div>
</div>
</div>
<div class="tab-content" id="myTabContent4">
<div class="tab-pane fade show active" id="basics" role="tabpanel" aria-labelledby="basics-tab">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 align-center ml-auto mr-auto">
<h3>ADVANCED FEATURES</h3>
<p class="fw-medium">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon7.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon7.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon8.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon8.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Access Control</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Blandit aliquam etiam erat velit scelerisque. Vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Ullamcorper malesuada proin libero nunc consequat interdum. Diam ut venenatis tellus in metus. Feugiat nisl pretium fusce id velit ut tortor.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon9.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon9.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="advanced" role="tabpanel" aria-labelledby="advanced-tab">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 align-center ml-auto mr-auto">
<h3>ADVANCED FEATURES</h3>
<p class="fw-medium">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon7.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon7.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon8.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon8.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Access Control</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Blandit aliquam etiam erat velit scelerisque. Vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Ullamcorper malesuada proin libero nunc consequat interdum. Diam ut venenatis tellus in metus. Feugiat nisl pretium fusce id velit ut tortor.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon9.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon9.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="optional" role="tabpanel" aria-labelledby="optional-tab">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 align-center ml-auto mr-auto">
<h3>ADVANCED FEATURES</h3>
<p class="fw-medium">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon7.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon7.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon8.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon8.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Access Control</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Blandit aliquam etiam erat velit scelerisque. Vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Ullamcorper malesuada proin libero nunc consequat interdum. Diam ut venenatis tellus in metus. Feugiat nisl pretium fusce id velit ut tortor.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt-5">
<div class="crumina-module crumina-info-box info-box--icon-left">
<div class="info-box-thumb-title-wrap">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon9.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon9.png" alt="icon">
</picture>
</div>
<a href="#" class="h5 info-box-title">Multi-Server Management</a>
</div>
<div class="info-box-content">
<p class="info-box-text">Sollicitudin ac orci phasellus egestas. Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.</p>
<a class="read-more--with-arrow" href="#">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt120">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center m-auto">
<h2>TABS STYLE FIVE</h2>
<p class="fs-18 fw-medium">Quisque egestas diam in arcu cursus euismod. Lectus urna duis convallis convallis tellus. Sagittis orci a scelerisque purus semper eget.</p>
</div>
</div>
</div>
<div class="tabs tabs--style5">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="nav nav-tabs" id="map-tabs" role="tablist">
<a class="nav-item nav-link active" id="usa-tab" data-toggle="tab" href="#usa" role="tab" aria-controls="usa" aria-selected="true">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/usa.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/usa.png" alt="usa">
</picture>
USA
</a>
<a class="nav-item nav-link" id="australia-tab" data-toggle="tab" href="#australia" role="tab" aria-controls="australia" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/australia.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/australia.png" alt="australia">
</picture>
Australia
</a>
<a class="nav-item nav-link" id="germany-tab" data-toggle="tab" href="#germany" role="tab" aria-controls="germany" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/germany.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/germany.png" alt="Germany">
</picture>
Germany
</a>
<a class="nav-item nav-link" id="switzerland-tab" data-toggle="tab" href="#switzerland" role="tab" aria-controls="switzerland" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/switzerland.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/switzerland.png" alt="Switzerland">
</picture>
Switzerland
</a>
<a class="nav-item nav-link" id="ukraine-tab" data-toggle="tab" href="#ukraine" role="tab" aria-controls="ukraine" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/ukraine.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/ukraine.png" alt="Ukraine">
</picture>
Ukraine
</a>
</div>
</div>
</div>
</div>
<div class="tab-content" id="myTabContent5">
<div class="tab-pane fade show active" id="usa" role="tabpanel" aria-labelledby="usa-tab">
<div class="crumina-module crumina-map height-430" id="map">
<div class="block-location-info">
<h5>USA</h5>
<p class="fs-18 fw-medium">1600 Pennsylvania Ave NW, Washington</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="australia" role="tabpanel" aria-labelledby="australia-tab">
<div class="crumina-module crumina-map height-430" id="map1">
<div class="block-location-info">
<h5>Australia</h5>
<p class="fs-18 fw-medium">121 King Street, Melbourne Victoria 3000 Australia</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="germany" role="tabpanel" aria-labelledby="germany-tab">
<div class="crumina-module crumina-map height-430" id="map2">
<div class="block-location-info">
<h5>Germany</h5>
<p class="fs-18 fw-medium">Platz der Republik 1, 11011 Berlin, Germany Republic</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="switzerland" role="tabpanel" aria-labelledby="switzerland-tab">
<div class="crumina-module crumina-map height-430" id="map3">
<div class="block-location-info">
<h5>Switzerland</h5>
<p class="fs-18 fw-medium">Brandschenkestrasse 110, 8002 Zürich</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="ukraine" role="tabpanel" aria-labelledby="ukraine-tab">
<div class="crumina-module crumina-map height-430" id="map4">
<div class="block-location-info">
<h5>Ukraine</h5>
<p class="fs-18 fw-medium">Circus with fu***ng Clowns and Sweet horses</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-accent-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2 class="text-white">TABS STYLE SIX</h2>
<p class="fs-18 fw-medium text-white">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="tabs tabs--style6">
<div class="nav nav-tabs" id="tabs-with-slider" role="tablist">
<a class="nav-item nav-link active" id="simplified-cloud-tab" data-toggle="tab" href="#simplified-cloud" role="tab" aria-controls="simplified-cloud" aria-selected="true">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon2.png" alt="tab">
</picture>
Simplified Cloud Hosting
</a>
<a class="nav-item nav-link" id="instant-setup-tab" data-toggle="tab" href="#instant-setup" role="tab" aria-controls="instant-setup" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon3.png" alt="tab">
</picture>
Instant Setup
</a>
<a class="nav-item nav-link" id="boost-website-speed-tab" data-toggle="tab" href="#boost-website-speed" role="tab" aria-controls="boost-website-speed" aria-selected="false">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon4.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon4.png" alt="tab">
</picture>
Boost Website Speed
</a>
</div>
</div>
<div class="tab-content" id="myTabContent6">
<div class="tab-pane fade show active" id="simplified-cloud" role="tabpanel" aria-labelledby="simplified-cloud-tab">
<div class="crumina-module crumina-module-slider pagination-bottom-center">
<div class="swiper-container" data-show-items="1" data-prev-next="1" data-space-between="0">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-4 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</div>
<div class="tab-pane fade" id="instant-setup" role="tabpanel" aria-labelledby="instant-setup-tab">
<div class="crumina-module crumina-module-slider pagination-bottom-center">
<div class="swiper-container" data-show-items="1" data-prev-next="1" data-space-between="0">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</div>
<div class="tab-pane fade" id="boost-website-speed" role="tabpanel" aria-labelledby="boost-website-speed-tab">
<div class="crumina-module crumina-module-slider pagination-bottom-center">
<div class="swiper-container" data-show-items="1" data-prev-next="1" data-space-between="0">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-md-0">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/tab-icon5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/tab-icon5.png" alt="tab">
</picture>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3 class="text-white">Simplified Cloud Hosting</h3>
<p class="text-white">Viverra aliquet eget sit amet tellus cras adipiscing. Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum.</p>
<ul class="list--standard list--icon-blue">
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Viverra aliquet eget sit amet</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Nunc lobortis mattis</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">Sem nulla pharetra diam</a>
</li>
<li>
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-single-arrow"></use>
</svg>
<a href="#" class="text-white">At lectus urna duis convallis</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>TABS STYLE SEVEN</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row tabs tabs--style7">
<div class="block-border-linear-gradient">
<div class="block-border-linear-gradient-top"></div>
<div class="block-border-linear-gradient-right"></div>
<div class="block-border-linear-gradient-bottom"></div>
<div class="block-border-linear-gradient-left"></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="nav nav-tabs" id="myTab7" role="tablist">
<a class="nav-item nav-link active" id="domains-tab" data-toggle="tab" href="#domains" role="tab" aria-controls="domains" aria-selected="true">
Domains
</a>
<a class="nav-item nav-link" id="web-hosting-tab" data-toggle="tab" href="#web-hosting" role="tab" aria-controls="web-hosting" aria-selected="false">
Web Hosting
</a>
<a class="nav-item nav-link" id="dedicated-server-tab" data-toggle="tab" href="#dedicated-server" role="tab" aria-controls="dedicated-server" aria-selected="false">
Dedicated Server
</a>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<div class="tab-content" id="myTabContent7">
<div class="tab-pane fade show active" id="domains" role="tabpanel" aria-labelledby="domains-tab">
<h5 class="mb-2">Which domain should I buy?</h5>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<a href="#" class="weight-bold c-primary">Cras fermentum odio eu feugiat.</a> Aliquet lectus proin nibh nisl condimentum id. Viverra nibh cras pulvinar mattis nunc.
</p>
<h5 class="mb-2">What are some tips when choosing a name?</h5>
<p class="mb-4">Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam. Facilisis sed odio morbi quis. Odio facilisis mauris sit amet massa vitae tortor.</p>
<h5 class="mb-2">How do I choose a domain that stands out?</h5>
<p>Nec dui nunc mattis enim. In mollis nunc sed id. Blandit libero volutpat sed cras ornare arcu dui vivamus. Lacus laoreet non curabitur gravida. Etiam sit amet nisl
<span class="weight-bold">purus in mollis.</span> Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Iaculis nunc sed augue lacus.
</p>
<p class="mb-4">Tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<h5 class="mb-2">What if I need help choosing the right domain?</h5>
<p>Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam.
<a href="#" class="c-primary">Facilisis sed odio morbi quis.</a> Odio facilisis mauris sit amet massa vitae tortor.
</p>
<a href="#" class="crumina-button button--lime button--l mt-2">Find Your Domain</a>
</div>
<div class="tab-pane fade" id="web-hosting" role="tabpanel" aria-labelledby="web-hosting-tab">
<h5 class="mb-2">Which domain should I buy?</h5>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<a href="#" class="weight-bold c-primary">Cras fermentum odio eu feugiat.</a> Aliquet lectus proin nibh nisl condimentum id. Viverra nibh cras pulvinar mattis nunc.
</p>
<h5 class="mb-2">What are some tips when choosing a name?</h5>
<p class="mb-4">Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam. Facilisis sed odio morbi quis. Odio facilisis mauris sit amet massa vitae tortor.</p>
<h5 class="mb-2">How do I choose a domain that stands out?</h5>
<p>Nec dui nunc mattis enim. In mollis nunc sed id. Blandit libero volutpat sed cras ornare arcu dui vivamus. Lacus laoreet non curabitur gravida. Etiam sit amet nisl
<span class="weight-bold">purus in mollis.</span> Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Iaculis nunc sed augue lacus.
</p>
<p class="mb-4">Tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<h5 class="mb-2">What if I need help choosing the right domain?</h5>
<p>Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam.
<a href="#" class="c-primary">Facilisis sed odio morbi quis.</a> Odio facilisis mauris sit amet massa vitae tortor.
</p>
<a href="#" class="crumina-button button--lime button--l mt-2">FIND YOUR DOMAIN</a>
</div>
<div class="tab-pane fade" id="dedicated-server" role="tabpanel" aria-labelledby="dedicated-server-tab">
<h5 class="mb-2">Which domain should I buy?</h5>
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<a href="#" class="weight-bold c-primary">Cras fermentum odio eu feugiat.</a> Aliquet lectus proin nibh nisl condimentum id. Viverra nibh cras pulvinar mattis nunc.
</p>
<h5 class="mb-2">What are some tips when choosing a name?</h5>
<p class="mb-4">Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam. Facilisis sed odio morbi quis. Odio facilisis mauris sit amet massa vitae tortor.</p>
<h5 class="mb-2">How do I choose a domain that stands out?</h5>
<p>Nec dui nunc mattis enim. In mollis nunc sed id. Blandit libero volutpat sed cras ornare arcu dui vivamus. Lacus laoreet non curabitur gravida. Etiam sit amet nisl
<span class="weight-bold">purus in mollis.</span> Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Iaculis nunc sed augue lacus.
</p>
<p class="mb-4">Tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<h5 class="mb-2">What if I need help choosing the right domain?</h5>
<p>Sit amet nulla facilisi morbi tempus iaculis. Magna fermentum iaculis eu non diam.
<a href="#" class="c-primary">Facilisis sed odio morbi quis.</a> Odio facilisis mauris sit amet massa vitae tortor.
</p>
<a href="#" class="crumina-button button--lime button--l mt-2">FIND YOUR DOMAIN</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-yellow-themes">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>ACCORDION STYLE ONE</h2>
<p class="fs-18 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 m-auto">
<div class="accordion crumina-module crumina-accordion accordion--style1" id="accordion1">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Award-winning support
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion1">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
The vision for our mission
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion1">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
All in one place
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion1">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>ACCORDION STYLE TWO</h2>
<p class="fs-18 fw-medium">Sollicitudin ultrices sagittis orci a scelerisque vulputate enim.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 m-auto">
<div class="accordion crumina-module crumina-accordion accordion--style2" id="accordion2">
<div class="card">
<div class="card-header" id="headingOne2">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne2" aria-expanded="true" aria-controls="collapseOne2">
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
What is WordPress?
</button>
</h2>
</div>
<div id="collapseOne2" class="collapse show" aria-labelledby="headingOne2" data-parent="#accordion2">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo2">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2">
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
What is Managed WordPress Hosting?
</button>
</h2>
</div>
<div id="collapseTwo2" class="collapse" aria-labelledby="headingTwo2" data-parent="#accordion2">
<div class="card-body">
Elementum tempus egestas sed sed risus pretium quam. Nec ullamcorper sit amet risus nullam eget felis eget. Ut porttitor leo a diam. Vitae semper quis lectus nulla at volutpat diam. Nunc id cursus metus aliquam eleifend mi in nulla.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree2">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree2" aria-expanded="false" aria-controls="collapseThree2">
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
How does your version of WordPress differ from other installations?
</button>
</h2>
</div>
<div id="collapseThree2" class="collapse" aria-labelledby="headingThree2" data-parent="#accordion2">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingFour2">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour2" aria-expanded="false" aria-controls="collapseFour2">
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
Do I need to set up my database?
</button>
</h2>
</div>
<div id="collapseFour2" class="collapse" aria-labelledby="headingFour2" data-parent="#accordion2">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>ACCORDION STYLE THREE</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 m-auto">
<div class="accordion crumina-module crumina-accordion accordion--style3" id="accordion3">
<div class="card">
<div class="card-header" id="headingOne3">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne3" aria-expanded="true" aria-controls="collapseOne3">
Award-winning support
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseOne3" class="collapse show" aria-labelledby="headingOne3" data-parent="#accordion3">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo3">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo3" aria-expanded="false" aria-controls="collapseTwo3">
The vision for our mission
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseTwo3" class="collapse" aria-labelledby="headingTwo3" data-parent="#accordion3">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree3">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree3" aria-expanded="false" aria-controls="collapseThree3">
All in one place
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseThree3" class="collapse" aria-labelledby="headingThree3" data-parent="#accordion3">
<div class="card-body">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim metus aliquam eleifend.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>ACCORDION STYLE FOUR</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="accordion crumina-module crumina-accordion accordion--style4" id="accordion4">
<div class="card">
<div class="card-header" id="headingOne4">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne4" aria-expanded="true" aria-controls="collapseOne4">
What are the benefits of VPS Hosting?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseOne4" class="collapse show" aria-labelledby="headingOne4" data-parent="#accordion4">
<div class="card-body">
Tempus urna et pharetra pharetra massa massa ultricies mi quis. Id ornare arcu odio ut sem nulla pharetra diam sit. Metus vulputate eu scelerisque felis imperdiet. Sit amet dictum sit amet justo<a href="#" class="weight-bold c-primary"> donec enim diam</a>. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Tempus quam pellentesque nec nam aliquam sem et tortor consequat.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo4">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo4" aria-expanded="false" aria-controls="collapseTwo4">
What hosting panels are supported with HDD and SSD type plans?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseTwo4" class="collapse" aria-labelledby="headingTwo4" data-parent="#accordion4">
<div class="card-body">
Tempus urna et pharetra pharetra massa massa ultricies mi quis. Id ornare arcu odio ut sem nulla pharetra diam sit. Metus vulputate eu scelerisque felis imperdiet. Sit amet dictum sit amet justo<a href="#" class="weight-bold c-primary"> donec enim diam</a>. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Tempus quam pellentesque nec nam aliquam sem et tortor consequat.
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree4">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree4" aria-expanded="false" aria-controls="collapseThree4">
What type of support do you offer?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseThree4" class="collapse" aria-labelledby="headingThree4" data-parent="#accordion4">
<div class="card-body">
Tempus urna et pharetra pharetra massa massa ultricies mi quis. Id ornare arcu odio ut sem nulla pharetra diam sit. Metus vulputate eu scelerisque felis imperdiet. Sit amet dictum sit amet justo<a href="#" class="weight-bold c-primary"> donec enim diam</a>. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. Tempus quam pellentesque nec nam aliquam sem et tortor consequat.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 mb-5">
<h2>FREQUENTLY ASKED QUESTIONS</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="accordion crumina-module crumina-accordion accordion--style5" id="accordion5">
<div class="card">
<div class="card-header" id="headingOne5">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne5" aria-expanded="true" aria-controls="collapseOne5">
What is cloud hosting?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseOne5" class="collapse show" aria-labelledby="headingOne5" data-parent="#accordion5">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id faucibus nisl tincidunt eget. Commodo elit at imperdiet dui accumsan sit. In arcu cursus euismod quis. Cursus sit amet dictum sit amet justo donec. Adipiscing bibendum est ultricies integer quis auctor. Nisl nunc mi ipsum faucibus. Id diam maecenas ultricies mi eget.
<div class="row mt-5">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon10.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon10.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h5 info-box-title">LATEST TECHNOLOGIES</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon11.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon11.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h5 info-box-title">INNOVATIVE CONTROL PANEL</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingTwo5">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo5" aria-expanded="false" aria-controls="collapseTwo5">
What hosting panels are supported with HDD and SSD type plans?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseTwo5" class="collapse" aria-labelledby="headingTwo5" data-parent="#accordion5">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id faucibus nisl tincidunt eget. Commodo elit at imperdiet dui accumsan sit. In arcu cursus euismod quis. Cursus sit amet dictum sit amet justo donec. Adipiscing bibendum est ultricies integer quis auctor. Nisl nunc mi ipsum faucibus. Id diam maecenas ultricies mi eget.
<div class="row mt-5">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon10.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon10.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h5 info-box-title">LATEST TECHNOLOGIES</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon11.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon11.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h5 info-box-title">INNOVATIVE CONTROL PANEL</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="headingThree5">
<h2 class="mb-0">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree5" aria-expanded="false" aria-controls="collapseThree5">
What type of support do you offer?
<span class="icons">
<svg class="crumina-icon icon-plus"><use xlink:href="svg-icons/sprite/icons.svg#icon-plus"></use></svg>
<svg class="crumina-icon active icon-minus"><use xlink:href="svg-icons/sprite/icons.svg#icon-minus"></use></svg>
</span>
</button>
</h2>
</div>
<div id="collapseThree5" class="collapse" aria-labelledby="headingThree5" data-parent="#accordion5">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id faucibus nisl tincidunt eget. Commodo elit at imperdiet dui accumsan sit. In arcu cursus euismod quis. Cursus sit amet dictum sit amet justo donec. Adipiscing bibendum est ultricies integer quis auctor. Nisl nunc mi ipsum faucibus. Id diam maecenas ultricies mi eget.
<div class="row mt-5">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon10.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon10.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h6 info-box-title">LATEST TECHNOLOGIES</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="crumina-module crumina-info-box info-box--thumb-left">
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon11.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon11.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<a href="#" class="h6 info-box-title">INNOVATIVE CONTROL PANEL</a>
<p class="info-box-text">Vitae auctor eu augue ut lectus. Sed blandit libero volutpat sed. Egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla. Tortor condimentum lacinia quis vel eros donec ac odio. Dictum fusce ut placerat orci nulla nunc aliquet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>ACCORDION STYLE SIX</h2>
<p class="fs-18 fw-medium">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 m-auto">
<div class="accordion crumina-module crumina-accordion accordion--style6" id="accordion6">
<div class="card">
<div class="card-header" id="headingOne6">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne6" aria-expanded="true" aria-controls="collapseOne6">
<svg class="crumina-icon"><use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow-top"></use></svg>
<span class="title">Websites</span>
</button>
</h2>
</div>
<div id="collapseOne6" class="collapse show" aria-labelledby="headingOne6" data-parent="#accordion6">
<div class="card-body">
<ul class="websites-list">
<li>
<a href="#" class="site">hostsight.net</a>
<a href="#" class="state">Operational</a>
</li>
<li>
<a href="#" class="site">seosight.net</a>
<a href="#" class="state">Operational</a>
</li>
<li>
<a href="#" class="site">utouch.net</a>
<a href="#" class="state">Operational</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="site-footer" class="footer footer--dark footer--with-decoration">
<div class="footer-content">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="widget widget_links">
<h5 class="widget-title">
Hosting
</h5>
<ul>
<li>
<a href="02_wp_host.html">
WordPress Hosting
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="03_shared_host.html">
Shared Hosting
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="04_vps_host.html">
VPS Hosting
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="05_dedicated_server.html">
Dedicated Server
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="06_cloud_hosting.html">
Cloud Hosting
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="widget widget_links">
<h5 class="widget-title">
Domains
</h5>
<ul>
<li>
<a href="07_domains.html">
Register Domains
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="08_domain_checking.html">
Transfer Domains
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="18_status_page.html">
Manage Domains
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="widget widget_links">
<h5 class="widget-title">
Company
</h5>
<ul>
<li>
<a href="09_about.html">
About Us
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="10_knowledge_base.html">
Support
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="15_blog.html">
Blog
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="17_contacts.html">
Contacts
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mb-0 mb-lg-0">
<div class="widget w-info">
<a href="index.html" class="site-logo">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/logo-white.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/logo-white.png" alt="logo" width="185">
</picture>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
<ul class="socials">
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/facebook.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/facebook.png" alt="facebook">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/twitter.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/twitter.png" alt="twitter">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/google.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/google.png" alt="google">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/youtube.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/youtube.png" alt="youtube">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/rss.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/rss.png" alt="rss">
</picture>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-subscribe-panel">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<h5 class="footer-subscribe-panel-title text-white">SUBSCRIBE TO OUR NEWSLETTER</h5>
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<span class="footer-subscribe-panel-subtitle"><span class="font-weight-bold">Join Our Newsletter & Marketing Communication.</span> We'll send you news and offers.</span>
</div>
<div class="col-lg-6 col-md-4 col-sm-12 col-xs-12 mb-0 mb-lg-0">
<form class="footer-subscribe-form" >
<div class="input-btn--inline">
<input class="input--dark" type="text" placeholder="Choose your new web address…">
<button type="button" class="crumina-button button--lime button--l">SEARCH</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="sub-footer bg-black">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center mb-0 mb-lg-0">
<div class="copyright">
<span>Copyright © 2019 <a href="index.html">Hostsight</a>, Designed by <a href="https://themeforest.net/user/themefire/portfolio">themefire</a> Developed by <a href="https://crumina.net/">Crumina</a> Only on <a href="https://themeforest.net/">Envato Market</a></span>
</div>
</div>
</div>
</div>
</div>
<a class="back-to-top" href="#">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-to-top"></use>
</svg>
</a>
</footer>
<!-- ... end Footer -->
<script src="js/jquery.min.js"></script>
<script src="js/Bootstrap/bootstrap.bundle.min.js"></script>
<script src="js/js-plugins/navigation.min.js"></script>
<!--<script src="js/js-plugins/select2.min.js"></script>-->
<script src="js/js-plugins/material.min.js"></script>
<script src="js/js-plugins/swiper.min.js"></script>
<!--<script src="js/js-plugins/jquery-countTo.min.js"></script>-->
<!--<script src="js/js-plugins/waypoints.min.js"></script>-->
<script src="js/js-plugins/leaflet.min.js"></script>
<script src="js/js-plugins/MarkerClusterGroup.min.js"></script>
<!--<script src="js/js-plugins/jquery.magnific-popup.min.js"></script>-->
<!--<script src="js/js-plugins/TimeCircles.min.js"></script>-->
<script src="js/js-plugins/smooth-scroll.min.js"></script>
<script src="js/js-plugins/jquery.matchHeight.min.js"></script>
<!--<script src="js/js-plugins/imagesLoaded.min.js"></script>-->
<!--<script src="js/js-plugins/isotope.pkgd.min.js"></script>-->
<!--<script src="js/js-plugins/ajax-pagination.min.js"></script>-->
<!--<script src="js/js-plugins/Chart.min.js"></script>-->
<!--<script src="js/js-plugins/chartjs-plugin-deferred.min.js"></script>-->
<script src="js/js-plugins/lazysizes.min.js" async=""></script>
<script src="js/js-plugins/modernizr-custom.min.js"></script>
<script type="text/javascript">
if ('loading' in HTMLImageElement.prototype) {
const images = document.querySelectorAll('img[loading="lazy"]');
images.forEach(img => {
img.src = img.dataset.src;
});
}
</script>
<script src="js/main.js"></script>
<script src="js/js-plugins/leaflet-init.js"></script>
<!-- jQuery-scripts for Modules (Send Message) -->
<!--<script src="modules/forms/src/js/jquery.validate.min.js"></script>-->
<!--<script src="modules/forms/src/js/sweetalert2.all.js"></script>-->
<!--<script src="modules/forms/src/js/scripts.js"></script>-->
</body>
</html>