<!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 - Blog Details</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-bg12 pb60">
<div class="container">
<div class="row">
<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">Technology</a>,
<a href="#" class="page-category-item text-white">Development</a>
</div>
<h1 class="page-title text-white">STANDARD POST FORMAT WITH FEATURED IMAGE</h1>
<div class="author-block">
<div class="avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author5.png" alt="avatar">
</picture>
</div>
<div class="author-content">
<div class="description text-white">Posted by</div>
<a href="#" class="author-name text-white">Liondekam</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div 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>
<span class="crumina-icon">»</span>
</li>
<li class="breadcrumbs-item">
<a href="16_blog_details.html">Blog</a>
</li>
<li class="breadcrumbs-item active">
<span>Standard Post Format with Featured Image</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<section class="medium-section-padding pb120">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 mb-4 mb-md-0">
<article class="entry post post-standard has-post-thumbnail post-standard-details">
<div class="post-additional-info">
<time class="post-date published" datetime="2019-03-20 12:00:00">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-calendar"></use>
</svg>
Updated 9 days ago. March 20, 2019
</time>
<a href="#comments" data-scroll class="post-comments">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-comment"></use>
</svg>
7 Comments
</a>
</div>
<div class="h5 fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus nisl.</div>
<div class="wp-caption alignnone">
<img src="img/demo-content/blog/blog6.jpg" alt="blog">
<div class="wp-caption-text">Lorem ipsum dolor sit amet, sint occaecat cupidatat. Illustration from <a href="#">Freepik</a></div>
</div>
<div class="fw-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus nisl. Aliquam ut porttitor leo a sed lectus vestibulum mattis.</div>
<div class="presentation-block presentation-block--light-blue">
<h6 class="fs-14">IN THIS POST</h6>
<ol class="ordered-list--with-border pl-0">
<li>
<a href="#">At varius vel pharetra vel turpis</a>
</li>
<li>
<a href="#">Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus</a>
<ol class="ordered-list--with-border pl-0">
<li>
<a href="#">Ultricies leo integer malesuada</a>
</li>
<li>
<a href="#">Tempor orci eu lobortis elementum nibh</a>
</li>
<li>
<a href="#">Est lorem ipsum dolor amet</a>
</li>
</ol>
</li>
<li>
<a href="#">Purus sit amet volutpat consequat mauris nunc</a>
</li>
<li>
<a href="#">Venenatis lectus magna fringilla</a>
</li>
</ol>
</div>
<h2>At varius vel pharetra vel turpis</h2>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<blockquote class="align-center">
<p>Nunc lobortis mattis aliquam faucibus purus in. Sem nulla pharetra diam sit. At lectus urna duis convallis convallis tellus id interdum velit sagittis aliquam.</p>
<h6>
Jonathan Simpson
<span>Envato Market</span>
</h6>
</blockquote>
<p>Nisl tincidunt eget nullam non nisi est sit amet facilisis. Malesuada proin libero nunc consequat. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Mauris augue neque gravida in fermentum et sollicitudin ac. At tellus at urna condimentum. Semper feugiat nibh sed pulvinar proin.</p>
<h2>Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus</h2>
<h6 class="fs-16">Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus.</h6>
<h4 class="font-weight-normal">Ultricies leo integer malesuada</h4>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. <a href="#">Massa id neque aliquam vestibulum</a> morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<ul>
<li>
<a href="#">Quis lectus nulla at volutpat diam ut venenatis tellus in ut enim blandit volutpat;</a>
</li>
<li>
<a href="#">Condimentum id venenatis a condimentum vitae sapien;</a>
</li>
<li>
<a href="#">Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Sit amet commodo nulla facilisi nullam vehicula ipsum;</a>
</li>
<li>
<a href="#">Ornare arcu dui vivamus arcu felis bibendum ut tristique et.</a>
</li>
</ul>
<h4 class="font-weight-normal">Tempor orci eu lobortis elementum nibh</h4>
<p>Nisl tincidunt eget nullam non nisi est sit amet facilisis. Malesuada proin libero nunc consequat. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Mauris augue neque gravida in fermentum et sollicitudin ac. At tellus at urna condimentum. Semper feugiat nibh sed pulvinar proin.</p>
<div class="wp-caption alignleft">
<img src="img/demo-content/blog/blog4.jpg" alt="blog">
<div class="wp-caption-text">Lorem ipsum dolor sit amet <a href="#">Freepik</a></div>
</div>
<h5 class="fw-medium">Facilisis volutpat est velit egestas dui id ornare arcu odio</h5>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. <span class="font-weight-bold"> Risus pretium quam vulputate dignissim.</span> Massa id neque aliquam <span class="c-primary">vestibulum morbi blandit</span> cursus diam ut venenatis.</p>
<p>Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<p>Tortor condimentum lacinia quis vel eros donec ac. Ultrices sagittis orci a scelerisque purus. Neque aliquam vestibulum morbi blandit cursus risus at ultrices mi. Duis tristique sollicitudin nibh sit amet commodo.</p>
<h4 class="font-weight-normal">Est lorem ipsum dolor amet</h4>
<p>Nisl tincidunt eget nullam non nisi est sit amet facilisis. Malesuada proin libero nunc consequat. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus. Mauris augue neque gravida in fermentum et sollicitudin ac. At tellus at urna condimentum. Semper feugiat nibh sed pulvinar proin.</p>
<table>
<thead>
<tr>
<th>Column one</th>
<th>Column two</th>
<th>Column three</th>
</tr>
</thead>
<tbody>
<tr>
<td class="fw-medium">Denenatis lectus magna fringilla</td>
<td>Mauris augue neque</td>
<td class="font-weight-bold">8 848</td>
</tr>
<tr>
<td class="fw-medium">Quis lectus nulla at volutpat diam ut venenatis</td>
<td>Sit amet commodo</td>
<td class="font-weight-bold">3 569</td>
</tr>
<tr>
<td class="fw-medium">Et dolore magna aliqua</td>
<td>Et dolore magna aliqua</td>
<td class="font-weight-bold">8 848</td>
</tr>
<tr>
<td class="fw-medium">Ut enim ad minim veniam exercitation</td>
<td>Ut enim ad minim veniam</td>
<td class="font-weight-bold">3 569</td>
</tr>
</tbody>
</table>
<h2>Purus sit amet volutpat consequat mauris nunc</h2>
<h6 class="fs-16">Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus.</h6>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<div class="crumina-module crumina-module-slider navigation-center-both-sides pagination-bottom-center mb-3">
<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="1" data-prev-next="1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="wp-caption">
<img src="img/demo-content/blog/blog7.jpg" alt="blog">
<div class="wp-caption-text">Lorem ipsum dolor sit amet <a href="#">Freepik</a></div>
</div>
</div>
<div class="swiper-slide">
<div class="wp-caption">
<img src="img/demo-content/blog/blog7.jpg" alt="blog">
<div class="wp-caption-text">Lorem ipsum dolor sit amet <a href="#">Freepik</a></div>
</div>
</div>
<div class="swiper-slide">
<div class="wp-caption">
<img src="img/demo-content/blog/blog7.jpg" alt="blog">
<div class="wp-caption-text">Lorem ipsum dolor sit amet <a href="#">Freepik</a></div>
</div>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
<h2>Venenatis lectus magna fringilla</h2>
<p>Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus.</p>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<ol>
<li>
<a href="#">Facilisi etiam dignissim diam quis enim lobortis.</a>
</li>
<li>
<a href="#">Eu tincidunt tortor aliquam nulla facilisi cras fermentum.</a>
</li>
<li>
<a href="#">Ac feugiat sed lectus vestibulum mattis ullamcorper velit nisl tincidunt eget nullam non nisi in tellus integer feugiat scelerisque.</a>
</li>
<li>
<a href="#">Quisque egestas diam in arcu cursus euismod.</a>
</li>
</ol>
<ul class="tags-list mt-5">
<li>
<a href="#">Startup</a>
</li>
<li>
<a href="#">Business</a>
</li>
<li>
<a href="#">Art</a>
</li>
<li>
<a href="#">Photographyp</a>
</li>
<li>
<a href="#">Creative</a>
</li>
</ul>
</article>
<div class="comments my-5" id="comments">
<h5 class="align-center">7 COMMENTS</h5>
<ol class="comments__list">
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author1.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">Jonathan Simpson</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
</li>
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author3.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">themefire</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
<ol class="children">
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author5.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">Liondekam</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat amet commodo nulla facilisi nullam vehicula ipsum.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
</li>
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author6.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author6.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">Britney Simpson</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Quisque sagittis purus sit amet volutpat.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
</li>
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author1.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author1.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">Jonathan Simpson</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum <a href="#">morbi blandit cursus</a>. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
</li>
</ol>
</li>
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author5.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author5.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">Liondekam</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum <a href="#">morbi blandit cursus</a>. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat.</p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
<ol class="children">
<li class="comments__item">
<div class="comment-entry comment comments__article">
<div class="comments__avatar">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/avatars/author3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/avatars/author3.png" alt="avatar">
</picture>
</div>
<div class="comments__body">
<header class="comment-meta comments__header">
<cite class="fn url comments__author">
<a href="#" rel="external" class="h6">themefire</a>
</cite>
<a href="#" class="comment-reply">Reply</a>
</header>
<div class="comment-content comment">
<p>Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Quisque sagittis purus sit amet volutpat consequat amet commodo nulla facilisi nullam vehicula ipsum. </p>
</div>
<div class="comments__time">
<a href="#" class="published">Commented on March 20, 2019</a>
</div>
</div>
</div>
</li>
</ol>
</li>
</ol>
</div>
<form class="form--bordered align-center" >
<h5>LEAVE A COMMENT</h5>
<div class="form-item">
<textarea class="input--grey input--squared" placeholder="Write a Comment"></textarea>
</div>
<div class="form-item">
<input class="input--grey input--squared" type="text" placeholder="Your Name">
</div>
<div class="form-item">
<input class="input--grey input--squared" type="email" placeholder="Email Address">
</div>
<div class="form-item">
<input class="input--grey input--squared" type="text" placeholder="Website">
</div>
<button type="button" class="crumina-button button--primary button--l w-100 mt-3">POST A COMMENT</button>
</form>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<aside aria-label="sidebar" class="sidebar sidebar-right">
<div class="widget w-search widget-sidebar">
<h6 class="widget-title">WHAT ARE YOU LOOKING FOR?</h6>
<form >
<div class="input--with-icon input--icon-right">
<input class="input--grey input--squared" type="text" placeholder="Search...">
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-search"></use>
</svg>
</div>
</form>
</div>
<div class="widget widget_links widget-sidebar">
<h6 class="widget-title">CATEGORIES</h6>
<ul>
<li>
<a href="#">
Technology
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="#">
SEO Optimization
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="#">
Development
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="#">
Podcasts
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="#">
Tutorials
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
<li>
<a href="#">
Cloud Server
<svg class="crumina-icon">
<use xlink:href="svg-icons/sprite/icons.svg#icon-triangle-arrow"></use>
</svg>
</a>
</li>
</ul>
</div>
<div class="widget w-latest-posts widget-sidebar">
<h6 class="widget-title">Latest News</h6>
<article class="entry latest-posts-item">
<time class="post-date published" datetime="2019-03-20 12:00:00">
Posted on March 20, 2019
</time>
<a href="16_blog_details.html" class="post-title h6">Standard Post Format with Featured Image</a>
</article>
<article class="entry latest-posts-item">
<time class="post-date published" datetime="2019-03-20 12:00:00">
Posted on March 20, 2019
</time>
<a href="16_blog_details.html" class="post-title h6">Youtube Video Post Format</a>
</article>
<article class="entry latest-posts-item">
<time class="post-date published" datetime="2019-03-20 12:00:00">
Posted on March 20, 2019
</time>
<a href="16_blog_details.html" class="post-title h6">Standard Post Format with Featured Image</a>
</article>
<a href="15_blog.html" class="crumina-button button--grey button--xs button--uppercase">Read All News</a>
</div>
<div class="widget w-socials widget-sidebar">
<h6 class="widget-title">SOCIAL NETWORK</h6>
<h6 class="fs-16">We are awesome follow us:</h6>
<ul class="socials socials--rounded">
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/facebook2.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/facebook2.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/messenger.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/messenger.png" alt="messenger">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/twitter2.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/twitter2.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/google2.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/google2.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/linkedin.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/linkedin.png" alt="linkedin">
</picture>
</a>
</li>
<li>
<a href="#">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/social-icons/email.webp">
<img class="crumina-icon lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/social-icons/email.png" alt="email">
</picture>
</a>
</li>
</ul>
</div>
<div class="widget w-newsletter widget-sidebar">
<h6 class="widget-title">Newsletter</h6>
<form >
<div class="input-btn--inline">
<input class="input--white" type="email" placeholder="Your Email Address">
<button type="button" class="crumina-button button--dark button--with-icon button--icon--subscribe">
<svg class="crumina-icon" width="18px" height="18px">
<use xlink:href="svg-icons/sprite/icons.svg#icon-subscribe"></use>
</svg>
</button>
</div>
</form>
</div>
<div class="widget w-about widget-sidebar">
<h6 class="widget-title">About Hostsight</h6>
<p>Tincidunt praesent semper feugiat nibh. Neque vitae tempus quam pellentesque nec nam aliquam. Risus pretium quam vulputate dignissim. Massa id neque aliquam vestibulum morbi blandit cursus. Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit.</p>
<p>Quisque sagittis purus sit amet volutpat consequat mauris nunc congue.</p>
<a class="read-more--with-arrow" href="09_about.html">
Read more
<svg class="crumina-icon" width="15px" height="9px">
<path fill-rule="evenodd" d="M9.427,0.139 C9.236,-0.041 8.919,-0.041 8.722,0.139 C8.531,0.313 8.531,0.602 8.722,0.775 L12.299,4.035 L0.494,4.035 C0.218,4.035 -0.000,4.234 -0.000,4.484 C-0.000,4.737 0.218,4.941 0.494,4.941 L12.299,4.941 L8.722,8.196 C8.531,8.376 8.531,8.665 8.722,8.839 C8.919,9.018 9.237,9.018 9.427,8.839 L13.852,4.807 C14.049,4.633 14.049,4.344 13.852,4.171 L9.427,0.139 Z" />
</svg>
</a>
</div>
<div class="widget w-popular-tags widget-sidebar">
<h6 class="widget-title">Popular Tags</h6>
<ul class="tags-list mt-5">
<li>
<a href="#">Technology</a>
</li>
<li>
<a href="#">SEO Optimization</a>
</li>
<li>
<a href="#">Development</a>
</li>
<li>
<a href="02_wp_host.html">Hosting</a>
</li>
<li>
<a href="#">WP</a>
</li>
<li>
<a href="#">Tutorials</a>
</li>
</ul>
</div>
<article class="entry post post-standard has-post-thumbnail advertising" data-mh="blog-item">
<div class="post-category-wrap">
<a href="#" class="post-category">Advertising</a>
</div>
<div class="post-thumb">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/blog/blog3.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/blog/blog3.png" alt="Technology">
</picture>
</div>
<div class="post-content">
<a href="16_blog_details.html" class="post-title h6">Complete Hosting Solutions Only <span class="c-blue">$2.95/month</span>*</a>
<a href="27_pricing_tables.html" class="crumina-button button--primary button--l">TRY NOW FOR FREE</a>
</div>
</article>
</aside>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 mx-auto mb-5 align-center">
<h2>RELATED POSTS</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 class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="crumina-module crumina-module-slider pagination-bottom-center related-posts-slider">
<!--Prev next buttons-->
<div class="swiper-container" data-show-items="3" data-prev-next="1">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<article class="entry post post-standard has-post-thumbnail">
<div class="post-thumb">
<img src="img/demo-content/blog/blog1.jpg" alt="Technology">
</div>
<div class="post-content">
<div class="post-category-wrap">
<a href="16_blog_details.html" class="post-category">Technology</a>,
<a href="16_blog_details.html" class="post-category">SEO Optimization</a>
</div>
<a href="16_blog_details.html" class="post-title h6">Standard Post Format with Featured Image</a>
<div class="post-text">
<p>Penatibus et magnis dis parturient montes nascetur ridiculus mus uisque egestas.</p>
</div>
<div class="post-additional-info">
<div class="author-posted">
Posted by
<a href="#" class="author">Liondekam</a>
</div>
</div>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="entry post post-standard">
<div class="post-content">
<div class="post-category-wrap">
<a href="16_blog_details.html" class="post-category">Development</a>
</div>
<a href="16_blog_details.html" class="post-title h6">Standard Post Format Without Featured Image</a>
<div class="post-text">
<p>Leo vel fringilla est ullamcorper. Penatibus et magnis dis parturient montes nascetur ridiculus mus uisque egestas diam in arcu cursus euismod. Cum sociis natoque penatibus.</p>
</div>
<div class="post-additional-info">
<div class="author-posted">
Posted by
<a href="#" class="author">Liondekam</a>
</div>
</div>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="entry post post-standard has-post-thumbnail">
<div class="post-thumb">
<img src="img/demo-content/blog/blog5.jpg" alt="Technology">
</div>
<div class="post-content">
<div class="post-category-wrap">
<a href="16_blog_details.html" class="post-category">Technology</a>
</div>
<a href="16_blog_details.html" class="post-title h6">Standard Post Format with Featured Image</a>
<div class="post-text">
<p>Penatibus et magnis dis parturient montes nascetur ridiculus mus uisque egestas.</p>
</div>
<div class="post-additional-info">
<div class="author-posted">
Posted by
<a href="#" class="author">Liondekam</a>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section class="large-section-padding bg-yellow-themes">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 align-center mb-4 mb-lg-0">
<h2>SUBSCRIBE TO OUR NEWSLETTER</h2>
<p class="fs-18 fw-medium">Join Our Newsletter & Marketing Communication. We'll send you news and offers.</p>
<form class="mt-4">
<div class="input-btn--inline">
<input class="input--white" type="text" placeholder="Choose your new web address…">
<button type="button" class="crumina-button button--blue button--l">SUBSCRIBE</button>
</div>
</form>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<picture>
<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/demo-content/images/image9.webp">
<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/images/image9.png" alt="hosting">
</picture>
</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>