View file HostSite/HostSite/15_blog.html

File size: 43.13Kb
<!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</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">&#10005;</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">Blog</a>
					</div>
					<h1 class="page-title text-white">READ OUR NEWS & ARTICLES</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>
					<form  class="mt-5">
						<div class="input-btn--inline">
							<input class="input--white" type="email" placeholder="What are you looking for?">
							<button type="button" class="crumina-button button--dark button--l">SEARCH</button>
						</div>
					</form>
				</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>
						</li>
						<li class="breadcrumbs-item active">
							<span>Blog</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<section class="sorting-section-js pb120">
		<div class="category-list-wrap">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

						<div class="category-list sorting-menu">
							<div data-value="value 1" class="category-list-item active init" data-filter="*">All Articles</div>
							<div data-value="value 2" class="category-list-item" data-filter=".technology">Technology</div>
							<div data-value="value 3" class="category-list-item" data-filter=".business">SEO Optimization</div>
							<div data-value="value 4" class="category-list-item" data-filter=".marketing">Development</div>
							<div data-value="value 5" class="category-list-item" data-filter=".creative">Podcasts</div>
							<div data-value="value 6" class="category-list-item" data-filter=".photography">Tutorials</div>
							<div data-value="value 7" class="category-list-item" data-filter=".art">Cloud Server</div>
						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="container">

			<div class="row sorting-container medium-section-padding" data-layout="fitRows" id="blogs-items">

				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item technology business">
					<article class="entry post post-standard has-post-thumbnail" data-mh="blog-item">

						<div class="post-thumb">
							<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-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="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item business">
					<article class="entry post post-standard has-post-thumbnail slider" data-mh="blog-item">

						<div class="post-thumb">
							<div class="crumina-module crumina-module-slider pagination-bottom-center">

								<div class="swiper-container" data-show-items="1" data-prev-next="1" data-space-between="0">

									<div class="swiper-wrapper">

										<div class="swiper-slide">
											<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/blog/blog2.jpg" alt="Technology">
										</div>

										<div class="swiper-slide">
											<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/blog/blog1.jpg" alt="Technology">
										</div>

										<div class="swiper-slide">
											<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/blog/blog2.jpg" alt="Technology">
										</div>

									</div>
								</div>

								<!-- If we need pagination -->
								<div class="swiper-pagination swiper-pagination-white"></div>
							</div>
						</div>

						<div class="post-content">

							<div class="post-category-wrap">
								<a href="16_blog_details.html" class="post-category">Photography</a>
							</div>

							<a href="16_blog_details.html" class="post-title h6">Gallery Post Format</a>

							<div class="post-text">
								<p>Enim diam vulputate ut pharetra sit amet aliquam id. Amet luctus venenatis lectus magna fringilla urna massa sapien faucibus.</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="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item marketing">
					<article class="entry post post-standard has-post-thumbnail advertising" data-mh="blog-item">

						<div class="post-category-wrap">
							<a href="16_blog_details.html" class="post-category">Advertising</a>
						</div>

						<div class="post-thumb">
							<img src="img/demo-content/blog/blog3.png" alt="Technology">
						</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="25_testimonials.html" class="crumina-button button--primary button--l">TRY NOW FOR FREE</a>

						</div>

					</article>
				</div>

				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item art">
					<article class="entry post post-standard has-post-thumbnail quote" data-mh="blog-item">
						<div class="post-content">
							<blockquote>
								<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>
						</div>
					</article>
				</div>

				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item creative">
					<article class="entry post post-standard has-post-thumbnail video" data-mh="blog-item">

						<div class="post-thumb">
							<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/demo-content/blog/blog4.jpg" alt="Technology">
							<a href="https://www.youtube.com/watch?v=wnJ6LuUFpMo" class="video-control video-control-standard js-popup-iframe">
								<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/images/play-video.jpg" alt="play">
							</a>
						</div>

						<div class="post-content">

							<div class="post-category-wrap">
								<a href="16_blog_details.html" class="post-category">Tutorials</a>,
								<a href="16_blog_details.html" class="post-category">Cloud Server</a>
							</div>

							<a href="16_blog_details.html" class="post-title h6">Youtube Video Post Format</a>
							<div class="post-text">
								<p>Ullamcorper eget nulla facilisi etiam dignissim diam quis. Urna condimentum mattis pellentesque id laoreet sit amet cursus sit.</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="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item art">
					<article class="entry post post-standard link" data-mh="blog-item" >
						<a href="16_blog_details.html" class="post-content">
							<picture>
								<source type="image/webp" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="img/theme-content/images/link.webp">
								<img class="link-image lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="img/theme-content/images/link.png" alt="Link">
							</picture>
							<h4 class="post-title entry-title">Seosight - SEO, Digital Marketing Agency WP Theme with Shop</h4>
							<div class="site-link">seosight.crumina.net</div>
						</a>
					</article>
				</div>

				<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item creative">
					<article class="entry post post-standard has-post-thumbnail audio" data-mh="blog-item">

						<div class="post-thumb">
							<iframe height="245" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/365525435&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
						</div>

						<div class="post-content">

							<div class="post-category-wrap">
								<a href="16_blog_details.html" class="post-category">Podcasts</a>
							</div>

							<a href="16_blog_details.html" class="post-title h6">Audio Post Format</a>

							<div class="post-text">
								<p>Ullamcorper eget nulla facilisi etiam dignissim diam quis. Urna condimentum mattis pellentesque id laoreet sit amet cursus sit.</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="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item business">
					<article class="entry post post-standard" data-mh="blog-item">

						<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="col-lg-4 col-md-6 col-sm-12 col-xs-12 mb30 sorting-item technology business">
					<article class="entry post post-standard has-post-thumbnail" data-mh="blog-item">

						<div class="post-thumb">
							<img class="lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-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 class="row align-center">
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<a href="#" class="crumina-button button--dark button--xl load-more-button" data-load-link="blogs-to-load.html" data-container="blogs-items">LOAD MORE POSTS</a>
				</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>