<!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 - About</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-bg8 pb60">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 m-auto align-center">
<div class="page-category">
<a href="#" class="page-category-item text-white">About</a>
</div>
<h1 class="page-title text-white">WHO ARE WE?</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>
<a href="#our-story" data-scroll class="crumina-button button--white button--bordered button--l mt-4">OUR STORY</a>
</div>
</div>
</div>
</section>
<div id="our-story" class="crumina-breadcrumbs breadcrumbs--dark-themes">
<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>
</li>
<li class="breadcrumbs-item active">
<span>About</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>SHORT STORY OUR COMPANY</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">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 align-center mb-5">
<h2>HOSTSIGHT AROUND THE WORLD</h2>
<p class="fs-18 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mb-5">
<div class="crumina-module crumina-location-servers">
<div class="location-servers-map">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/images/map-grey.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/images/map-grey.png" alt="map">
</picture>
<span class="location-server-item bg-accent-primary" style="top: 19%; left: 50%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>GERMAN SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-yellow-themes" style="top: 13%; left: 15%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>CANADA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-orange-themes" style="top: 24%; left: 18%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>USA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-red-themes" style="top: 28%; left: 11%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>USA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-accent-primary" style="top: 60%; left: 22%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>ARGENTINA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-blue-themes" style="top: 74%; left: 27%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>BRAZIL SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-red-themes" style="top: 41%; left: 46%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>UGANDA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-orange-themes" style="top: 61%; left: 54%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>ZAMBIA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-yellow-themes" style="top: 10%; left: 69%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>IRKUTSK SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-blue-themes" style="top: 25%; left: 63%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>ISRAEL SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-red-themes" style="top: 14%; left: 79%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>ARCHANGELSK SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
<span class="location-server-item bg-yellow-themes" style="top: 76%; left: 87%;" data-toggle="tooltip" data-placement="left" data-html="true" title="<span class='font-weight-bold'>AUSTRALIA SERVER</span> </br>Dolor in reprehenderit in voluptate velit esse cillum dolore eu.."></span>
</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-skills-item skills-item--style-circle mb-4">
<div class="skills-item-info">
<span class="skills-item-title">WordPress Hosting</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="62" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-accent-primary" style="width: 62%"></span>
</div>
</div>
<div class="crumina-module crumina-skills-item skills-item--style-circle mb-4">
<div class="skills-item-info">
<span class="skills-item-title">Shared Hosting</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="43" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-red-themes" style="width: 43%"></span>
</div>
</div>
<div class="crumina-module crumina-skills-item skills-item--style-circle">
<div class="skills-item-info">
<span class="skills-item-title">VPS Hosting</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="86" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-orange-themes" style="width: 86%"></span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="crumina-module crumina-skills-item skills-item--style-circle mb-4">
<div class="skills-item-info">
<span class="skills-item-title">Dedicated Server</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="30" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-yellow-themes" style="width: 30%"></span>
</div>
</div>
<div class="crumina-module crumina-skills-item skills-item--style-circle mb-4">
<div class="skills-item-info">
<span class="skills-item-title">Cloud Hosting</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="94" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-blue-themes" style="width: 94%"></span>
</div>
</div>
<div class="crumina-module crumina-skills-item skills-item--style-circle">
<div class="skills-item-info">
<span class="skills-item-title">VPS Hosting</span>
<span class="skills-item-count"><span class="count-animate" data-speed="1000" data-refresh-interval="50" data-to="50" data-from="0"></span><span class="units">%</span></span>
</div>
<div class="skills-item-meter">
<span class="skills-item-meter-active bg-lime-themes" style="width: 50%"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding section-bg5">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--icon-scaled">
<h4 class="info-box-title">23M</h4>
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon24.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon24.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<p class="info-box-text text-white fs-24 fw-medium">Users worldwide choose Hostsight products</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-info-box info-box--icon-scaled">
<h4 class="info-box-title">16K</h4>
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon25.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon25.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<p class="info-box-text text-white fs-24 fw-medium">New user signups every day on average</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<div class="crumina-module crumina-info-box info-box--icon-scaled">
<h4 class="info-box-title">8M</h4>
<div class="info-box-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon26.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon26.png" alt="icon">
</picture>
</div>
<div class="info-box-content">
<p class="info-box-text text-white fs-24 fw-medium">New websites installed on average</p>
</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 mb-5">
<h2>MEET OUR PROFESSIONAL TEAM</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-3 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-teammember-item">
<div class="teammembers-thumb bg-blue-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/teammembers/teammember1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/teammembers/teammember1.png" alt="team member">
</picture>
</div>
<div class="teammember-content">
<a href="#" class="h6 teammembers-item-name">JONATHAN SIMPSON</a>
<div class="teammembers-item-prof">Company Founder</div>
<p class="teammembers-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul class="socials socials--grey">
<li>
<a href="#">
<svg class="crumina-icon" width="10px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-facebook"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="16px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="14px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-youtube"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="16px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-pinterest"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-teammember-item">
<div class="teammembers-thumb bg-yellow-themes">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/teammembers/teammember2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/teammembers/teammember2.png" alt="team member">
</picture>
</div>
<div class="teammember-content">
<a href="#" class="h6 teammembers-item-name">BRITNEY SIMPSON</a>
<div class="teammembers-item-prof">Head of Marketing</div>
<p class="teammembers-description">Nam aliquam sem et tortor consequat id porta.</p>
<ul class="socials socials--grey">
<li>
<a href="#">
<svg class="crumina-icon" width="10px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-facebook"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="16px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="14px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-youtube"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="16px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-pinterest"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 mb-4 mb-lg-0">
<div class="crumina-module crumina-teammember-item">
<div class="teammembers-thumb bg-accent-primary">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/teammembers/teammember3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/teammembers/teammember3.png" alt="team member">
</picture>
</div>
<div class="teammember-content">
<a href="#" class="h6 teammembers-item-name">FRANK SIMPSON</a>
<div class="teammembers-item-prof">Head of Marketing</div>
<p class="teammembers-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<ul class="socials socials--grey">
<li>
<a href="#">
<svg class="crumina-icon" width="10px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-facebook"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="16px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="14px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-youtube"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="16px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-pinterest"></use>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="crumina-module crumina-teammember-item">
<div class="teammembers-thumb bg-white">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/teammembers/teammember4.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/teammembers/teammember4.png" alt="team member">
</picture>
</div>
<div class="teammember-content">
<a href="#" class="h6 teammembers-item-name">BRITNEY SIMPSON</a>
<div class="teammembers-item-prof">Head of Marketing</div>
<p class="teammembers-description">Nam aliquam sem et tortor consequat id porta.</p>
<ul class="socials socials--grey">
<li>
<a href="#">
<svg class="crumina-icon" width="10px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-facebook"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="16px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-twitter"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="20px" height="14px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-youtube"></use>
</svg>
</a>
</li>
<li>
<a href="#">
<svg class="crumina-icon" width="16px" height="20px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-pinterest"></use>
</svg>
</a>
</li>
</ul>
</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 m-auto align-center">
<h2>WHAT OUR CLIENTS SAY ABOUT US</h2>
<h6 class="fw-medium fs-18">Purus gravida quis blandit turpis cursus in hac. Sollicitudin aliquam ultrices sagittis orci a scelerisque. Quisque egestas diam in arcu cursus euismod.</h6>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mt-3">
<div class="crumina-module crumina-module-slider crumina-slider--testimonial navigation-center-both-sides pagination-bottom-center">
<div class="swiper-btn-prev">
<svg class="crumina-icon icon-line-arrow-left">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-left"></use>
</svg>
</div>
<div class="swiper-btn-next">
<svg class="crumina-icon icon-line-arrow-right">
<use xlink:href="svg-icons/sprite/icons.svg#icon-arrow-right"></use>
</svg>
</div>
<div class="swiper-container" data-show-items="2" data-prev-next="1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="crumina-module crumina-testimonial-item testimonial--with-border">
<div class="avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/clients1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/clients1.png" alt="avatar">
</picture>
</div>
<h6 class="testimonial-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.
</h6>
<div class="author-content">
<a href="#" class="author-name h6">Jonathan Simpson</a>
<div class="author-company">Seosight</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="crumina-module crumina-testimonial-item testimonial--with-border">
<div class="avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/clients2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/clients2.png" alt="avatar">
</picture>
</div>
<h6 class="testimonial-text">
Urna nunc id cursus metus aliquam eleifend. Neque vitae tempus quam
pellentesque. Volutpat odio facilisis mauris sit amet massa vitae.
</h6>
<div class="author-content">
<a href="#" class="author-name h6">Victoria Simpson</a>
<div class="author-company">WOOX</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="crumina-module crumina-testimonial-item testimonial--with-border">
<div class="avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author2.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author2.png" alt="avatar">
</picture>
</div>
<h6 class="testimonial-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.
</h6>
<div class="author-content">
<a href="#" class="author-name h6">Jonathan Simpson</a>
<div class="author-company">Seosight</div>
</div>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 crumina-promo-block bg-accent-primary align-center">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon27.webp">
<img class="mb-4 lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon27.png" alt="talk">
</picture>
<h2 class="text-white">TALK TO OUR AWESOME SUPPORT TEAM</h2>
<p class="text-white fs-18 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
<a href="#" class="crumina-button button--lime button--l mt-4">LAT’S TALK</a>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 crumina-promo-block bg-yellow-themes align-center">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/icons/info-icon28.webp">
<img class="mb-4 lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/icons/info-icon28.png" alt="talk">
</picture>
<h2>SUBSCRIBE TO OUR NEWSLETTER</h2>
<form class="mb-4">
<div class="input-btn--inline">
<input class="input--white" type="email" placeholder="Your Email Address">
<button type="button" class="crumina-button button--dark button--l">SUBSCRIBE</button>
</div>
</form>
<p class="fs-18 fw-medium">Join Our Newsletter & Marketing Communication. We'll send you news and offers.</p>
</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>