<!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 - Infographic</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">Infographic</a>
</div>
<h1 class="page-title text-white">INFOGRAPHIC</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>Infographic</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<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>INFOGRAPHIC STYLE ONE</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 stunning-header-bg13">
<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 class="text-white">INFOGRAPHIC STYLE TWO</h2>
<p class="fs-18 fw-medium c-light-grey">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-dark.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/images/map-dark.png" alt="map">
</picture>
<span class="location-server-item location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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 location-server-item-border-dark 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-8 col-md-12 col-sm-12 col-xs-12 m-auto">
<div class="locations-servers-list">
<div class="locations-server-item">North America <span class="count">(36)</span></div>
<div class="locations-server-item">South America <span class="count">(42)</span></div>
<div class="locations-server-item">Europe <span class="count">(42)</span></div>
<div class="locations-server-item">Australia <span class="count">(26)</span></div>
<div class="locations-server-item">Asia <span class="count">(42)</span></div>
<div class="locations-server-item">Africa <span class="count">(42)</span></div>
</div>
</div>
</div>
</div>
</section>
<section class="pt120">
<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>INFOGRAPHIC STYLE THREE</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">
<div class="crumina-module crumina-location-servers location-servers--style-bordered">
<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-lime-themes" style="top: 19%; left: 50%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Germany - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 13%; left: 15%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Canada - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 24%; left: 18%;" data-toggle="tooltip" data-placement="top" data-html="true" title="USA - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 28%; left: 11%;" data-toggle="tooltip" data-placement="top" data-html="true" title="USA - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 60%; left: 22%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Argentina - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 74%; left: 27%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Brazil - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 41%; left: 46%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Uganda - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 61%; left: 54%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Zambia - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 10%; left: 69%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Irkutsk - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 25%; left: 63%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Israel - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 14%; left: 79%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Archangelsk - Operational"></span>
<span class="location-server-item bg-lime-themes" style="top: 76%; left: 87%;" data-toggle="tooltip" data-placement="top" data-html="true" title="Australia - Operational"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding crumina-pricings">
<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>INFOGRAPHIC STYLE FOUR</h2>
<p class="fs-18 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="crumina-module crumina-stat-item mb-5">
<div class="statistic-title-count-wrap">
<h6 class="title">Hosted Status Pages Uptime</h6>
<h6 class="count">100%</h6>
</div>
<div class="chart-js chart-js-line-chart">
<canvas id="line-chart-linear" width="1400" height="380"></canvas>
</div>
</div>
<div class="crumina-module crumina-stat-item mb-5">
<div class="statistic-title-count-wrap">
<h6 class="title">Hosted Status Pages Response Time</h6>
<h6 class="count">802.72ms</h6>
</div>
<div class="chart-js chart-js-line-chart">
<canvas id="line-chart-bg" width="1400" height="380"></canvas>
</div>
</div>
<div class="crumina-module crumina-stat-item">
<div class="statistic-title-count-wrap">
<h6 class="title">API Response Time</h6>
<h6 class="count">602.72ms</h6>
</div>
<div class="chart-js chart-js-line-chart">
<canvas id="line-chart" width="1400" height="380"></canvas>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding crumina-pricings bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 align-center mb-5 ml-auto mr-auto">
<h2>INFOGRAPHIC STYLE FIVE</h2>
<p class="fs-18 fw-medium">Iaculis urna id volutpat lacus laoreet non curabitur. Venenatis urna cursus eget nunc scelerisque viverra mauris. Congue eu consequat ac felis donec et odio pellentesque.</p>
<div class="highest-rated-wrap mb-4">
<div class="highest-rated-item">
<div class="highest-rated-item-count c-primary">9.7</div>
<div class="highest-rated-item-title">Overall</div>
</div>
<div class="highest-rated-item">
<div class="highest-rated-item-count c-blue">9.8</div>
<div class="highest-rated-item-title">Reliability</div>
</div>
<div class="highest-rated-item">
<div class="highest-rated-item-count c-lime">9.9</div>
<div class="highest-rated-item-title">Tech Support</div>
</div>
</div>
<p>Venenatis urna cursus eget nunc scelerisque viverra mauris. Congue eu consequat ac felis donec et odio pellentesque.</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>