| Server IP : 66.29.137.217 / Your IP : 18.117.197.188 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/maxirisetech.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" dir="ltr">
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- Koded by Hyvo Tech -->
<head>
<meta charset="utf-8">
<!-- Page Title-->
<title>Maxirise - Cyber Security & IT Solutions Limited</title>
<!-- Meta Tags-->
<meta name="description" content="Maxirise - Cyber Security & IT Solutions Limited">
<meta name="keywords" content="ignite, coming soon, under construction, template, coming soon page, html5, css3, fashion, elegant">
<meta name="author" content="mix_design">
<!-- Viewport Meta-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Template Favicon & Icons Start -->
<link rel="icon" href="img/favicon/favicon.ico" sizes="any">
<link rel="icon" href="img/favicon/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
<link rel="manifest" href="img/favicon/manifest.webmanifest">
<!-- Template Favicon & Icons End -->
<!-- Facebook Metadata Start -->
<meta property="og:image:height" content="1200">
<meta property="og:image:width" content="1200">
<meta property="og:title" content="Maxirise - Cyber Security & IT Solutions Limited">
<meta property="og:description" content="Maxirise - Cyber Security & IT Solutions Limited">
<meta property="og:url" content="index.html">
<meta property="og:image" content="favicon/og-image.html">
<!-- Facebook Metadata End -->
<!-- Template Styles Start -->
<link rel="stylesheet" type="text/css" href="css/loaders/loader.css">
<link rel="stylesheet" type="text/css" href="css/plugins.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Template Styles End -->
<!-- Custom Browser Color Start -->
<meta name="theme-color" content="#0c0c0c">
<meta name="msapplication-navbutton-color" content="#0c0c0c">
<meta name="apple-mobile-web-app-status-bar-style" content="#0c0c0c">
<!-- Custom Browser Color End -->
</head>
<body>
<!-- Loader Start -->
<div class="loader">
<div class="loader">
<div class="loader__content">
<div class="loader__logo">
<img src="img/logo.png" alt="Maxirise - Cyber Security & IT Solutions Limited">
</div>
</div>
</div>
</div>
<!-- Loader End -->
<!-- Navigation Start -->
<nav id="nav" class="nav">
<div class="nav__container">
<!-- menu background -->
<div class="nav__background"></div>
<div class="nav__content text-center">
<ul class="navigation">
<li>
<a id="home-trigger" class="nav__link" href="#0">
<span class="link-title">Home</span>
<span class="link-hover">Home</span>
</a>
</li>
<li>
<a id="about-trigger" class="nav__link" href="#0">
<span class="link-title">About Us</span>
<span class="link-hover">About Us</span>
</a>
</li>
<li>
<a id="works-trigger" class="nav__link" href="#0">
<span class="link-title">What We Offer</span>
<span class="link-hover">What We Offer</span>
</a>
</li>
<li>
<a id="contact-trigger" class="nav__link" href="#0">
<span class="link-title">Contact</span>
<span class="link-hover">Contact</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navigation End -->
<!-- Header Start -->
<header id="header" class="header full">
<div class="container-fluid px-0 fullheight-mobile">
<div class="row gx-0 fullheight-mobile">
<div class="col-6 fullheight-mobile header__left">
<!-- Logo Start -->
<div class="logo">
<a href="index.html">
<img src="img/logo.png" alt="Maxirise - Cyber Security & IT Solutions Limited">
</a>
</div>
<!-- Logo End -->
</div>
<div class="col-6 fullheight header__right">
<!-- Say Hello Button Start -->
<a href="#0" id="sayhello-trigger" class="btn btn-s sayhello-trigger">
<i class="fa-solid fa-pencil"></i>
<span class="title">Say Hello</span>
<span class="hover">Say Hello</span>
</a>
<!-- Say Hello Button End -->
<!-- Menu Trigger Start -->
<div class="menu-button">
<a href="#0" id="menu-trigger" class="menu-trigger">
<span class="burger"></span>
<span class="circle"></span>
</a>
</div>
<!-- Menu Trigger End -->
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Main Section Start -->
<section id="main" class="main full">
<div class="fullscreen-wrapper">
<!-- Fullscreen Background Start-->
<div class="fullscreen-bg media-full-4">
<!-- Dark gradient cover layer -->
<div class="color-layer layer-dark-03"></div>
</div>
<!-- Fullscreen Background End-->
<!-- Main Section Content Start -->
<div class="main__content fullheight-mobile">
<div class="container-fluid px-0 fullheight-mobile">
<div class="row gx-0 fullheight-mobile">
<!-- Main Section Intro Start -->
<div class="col-12 col-xl-6 main__intro fullheight-mobile">
<!-- Main Intro Content Start -->
<div class="intro__content fullheight-mobile">
<!-- Headline Start -->
<div id="headline" class="headline centered-mobile">
<span class="headline__subtitle animated-headline">
<span id="typed-strings">
<b>Threat Intelligence</b>
<b>Security Assessment</b>
<b>Compromise Assessment</b>
</span>
<span id="typed"></span>
</span>
<h1 class="headline__title">Cyber Solution for Organizations with Critical Infrastructure</h1>
<div class="headline__btnholder">
<a href="mailto:support@maxirisetech.com" class="btn btn-l-icon btn-light">
<span class="btn-icon-title">Contact Us</span>
<span class="btn-icon-anim"><i class="fa-solid fa-envelope"></i></span>
</a>
<a href="#" id="notify-trigger" class="btn btn-l btn-outline-light">
<span class="btn-title">Get Started</span>
<span class="btn-hover">Get Started</span>
</a>
</div>
</div>
<!-- Headline End -->
</div>
<!-- Main Intro Content End -->
<!-- Footer Mobile Start -->
<div class="footer-mobile full">
<div class="container-mobile fullheight-mobile d-flex align-items-center">
<div class="container-fluid px-0">
<div class="row gx-0">
<div class="col-6 text-start footer-mobile__socials">
<!-- Home screen socials links -->
<ul class="socials d-flex align-items-start">
<li>
<a class="btn btn-s-text" href="https://www.facebook.com/" target="_blank">
<span class="title">Fb</span>
<span class="hover">Fb</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://www.instagram.com/" target="_blank">
<span class="title">In</span>
<span class="hover">In</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://twitter.com/" target="_blank">
<span class="title">Tw</span>
<span class="hover">Tw</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://www.behance.net/" target="_blank">
<span class="title">Be</span>
<span class="hover">Be</span>
</a>
</li>
</ul>
</div>
<div class="col-6 text-end footer-mobile__copyright">
<p class="copyright bright">
<i class="fa-regular fa-copyright"></i>
<a class="contact-link" href="#" target="_blank">Maxirise </a>,
2024
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Mobile End -->
</div>
<!-- Main Section Intro End -->
</div>
</div>
</div>
<!-- Main Section Content End -->
</div>
</section>
<!-- Main Section End -->
<!-- About Section Start -->
<section id="about" class="inner about">
<!-- Inner Section Content Start -->
<div class="inner__content fullheight">
<div class="container-fluid px-0 fullheight">
<div class="row gx-0 flex-xl-row-reverse fullheight">
<!-- Inner Section Info Part Start -->
<div class="col-12 col-xl-6 inner__info">
<div class="blocks-container">
<!-- Inner Content Block Title Start -->
<div class="content-block">
<span class="block__subtitle">01 / About Us</span>
<h2 class="block__title">Cyber Security Solutions for Organizations with Critical Infrastructure. </h2>
<p class="block__text">We provide Advanced Cyber Security protocols & <a href="#0" class="text-link">Critical Infrastructure.</a> <br>
The possibility of a significant increase in cyber attacks in the coming years are very likely. Gltech experts has successfully helped top banks and businesses around the globe in detecting, responding and containing data breaches.
We provide comprehensive cybersecurity services to help Enterprise, SMEs, governments, and educational institutes stay protected from any cyber threats and potential data breaches.
</p>
</div>
<!-- Inner Content Block Title End -->
</div>
</div>
<!-- Inner Section Info Part End -->
<!-- Inner Section Media Part Start -->
<div class="col-12 col-xl-6 inner__media">
<div class="media-container">
<!-- Inner Illustration Image Start -->
<div class="image about-image">
<!--<div class="color-layer color-layer-dark"></div>-->
<!-- About image bottom caption -->
<div class="image-caption opposite">
<p>
Providing Best Cyber Security Solutions
<span>In Canada and Europe</span>
</p>
</div>
</div>
<!-- Inner Illustration Image End -->
</div>
</div>
<!-- Inner Section Media Part End -->
</div>
</div>
</div>
<!-- Inner Section Content End -->
</section>
<!-- About Section End -->
<!-- Works Section Start -->
<section id="works" class="inner works">
<!-- Inner Section Content Start -->
<div class="inner__content fullheight">
<div class="container-fluid px-0 fullheight">
<div class="row gx-0 flex-xl-row-reverse fullheight">
<!-- Inner Section Info Part Start -->
<div class="col-12 col-xl-6 inner__info">
<div class="blocks-container">
<!-- Inner Content Block Title Start -->
<div class="content-block">
<span class="block__subtitle">02 / What we offer</span>
<h2 class="block__title">We are a cyber security firm specialised in cyber defence operations and cyber defence centre development.</h2>
<p class="block__text"> We have a threat intelligence network and deception technologies that harness the best, military-grade tactics, and methodologies of cyber warfare.
<br>
We are committed to protecting your organisation’s data and privacy using our modern and innovative data security techniques with our Cyber Experts.<br>
While ensuring that all projects are done with utmost professionalism using tested and trusted techniques while offering clients the support and accessibility.
</p>
</div>
<!-- Inner Content Block Title End -->
<!-- Inner Content Block Skillbars Start -->
<div class="content-block">
<div class="container-fluid px-0">
<div class="row gx-5">
<!-- Feature single item -->
<div class="col-12 col-sm-6 d-flex justify-content-start align-items-center features__item">
<img src="img/features/feature-icon-1.svg" alt="Ignite Template Feature">
<h3>Security Services</h3>
</div>
<!-- Feature single item -->
<div class="col-12 col-sm-6 d-flex justify-content-start align-items-center features__item">
<img src="img/features/feature-icon-2.svg" alt="Ignite Template Feature">
<h3>Data Protection</h3>
</div>
<!-- Feature single item -->
<div class="col-12 col-sm-6 d-flex justify-content-start align-items-center features__item">
<img src="img/features/feature-icon-3.svg" alt="Ignite Template Feature">
<h3>Quality par excellence</h3>
</div>
<!-- Feature single item -->
<div class="col-12 col-sm-6 d-flex justify-content-start align-items-center features__item">
<img src="img/features/feature-icon-4.svg" alt="Ignite Template Feature">
<h3>Professional Approach</h3>
</div>
</div>
</div>
</div>
<!-- Inner Content Block Skillbars End -->
</div>
</div>
<!-- Inner Section Info Part End -->
<!-- Inner Section Media Part Start -->
<div class="col-12 col-xl-6 inner__media">
<div class="media-container portfolio-container">
<div class="container-fluid px-0 inner__gallery">
<div class="row gx-0 my-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<!-- Works Gallery Single Item Start -->
<figure class="col-12 col-sm-6 my-gallery__item" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="img/works/1000x1200-works-1.jpg" data-image="img/works/1000x1200-works-1.jpg" class="my-gallery__link" itemprop="contentUrl" data-size="1000x1200">
<img src="img/works/1000x1200-works-1.jpg" class="my-gallery__image" itemprop="thumbnail" alt="Image description">
</a>
<figcaption class="my-gallery__description" itemprop="caption description">
<h4>Threat Intelligence
<small>Maxirise Technologies</small>
</h4>
<p>Our threat service is a full-scope, multi-layered simulation, orchestrated from the perspective of a malicious threat actor, designed to measure how prepared your infrastructure is.
</p>
</figcaption>
</figure>
<!-- Works Gallery Single Item End -->
<!-- Works Gallery Single Item Start -->
<figure class="col-12 col-sm-6 my-gallery__item" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="img/works/1000x1200-works-2.jpg" data-image="img/works/1000x1200-works-2.jpg" class="my-gallery__link" itemprop="contentUrl" data-size="1000x1200">
<img src="img/works/1000x1200-works-2.jpg" class="my-gallery__image" itemprop="thumbnail" alt="Image description">
</a>
<figcaption class="my-gallery__description opposite" itemprop="caption description">
<h4 class="opposite">Security Assessment
<small>Maxirise Technologies</small>
</h4>
<p>We proactively search through the organization’s networks to detect and isolate advanced threats that got around existing security systems.
</p>
</figcaption>
</figure>
<!-- Works Gallery Single Item End -->
<!-- Works Gallery Single Item Start -->
<figure class="col-12 col-sm-6 my-gallery__item" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="img/works/1000x1200-works-3.jpg" data-image="img/works/1000x1200-works-3.jpg" class="my-gallery__link" itemprop="contentUrl" data-size="1000x1200">
<img src="img/works/1000x1200-works-3.jpg" class="my-gallery__image" itemprop="thumbnail" alt="Image description">
</a>
<figcaption class="my-gallery__description opposite" itemprop="caption description">
<h4 class="opposite">Compromise Assessment
<small>Maxirise Technologies</small>
</h4>
<p>Our experts have unmatched response time in providing superior, on-premise defense that significantly reduces risk exposure. We employ modern and advanced technologies.
</p>
</figcaption>
</figure>
<!-- Works Gallery Single Item End -->
<!-- Works Gallery Single Item Start -->
<figure class="col-12 col-sm-6 my-gallery__item" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="img/works/1000x1200-works-4.webp" data-image="img/works/1000x1200-works-4.webp" class="my-gallery__link" itemprop="contentUrl" data-size="1000x1200">
<img src="img/works/1000x1200-works-4.webp" class="my-gallery__image" itemprop="thumbnail" alt="Image description">
</a>
<figcaption class="my-gallery__description " itemprop="caption description">
<h4>Security Training
<small>Maxirise Technologies</small>
</h4>
<p>Africa’s premium cyber security academy offers uncompromising education experience. An engaging curriculum that encompasses everything a security expert should know.
</p>
</figcaption>
</figure>
<!-- Works Gallery Single Item End -->
</div>
</div>
</div>
</div>
<!-- Inner Section Media Part End -->
</div>
</div>
</div>
<!-- Inner Section Content End -->
</section>
<!-- Works Section End -->
<!-- Contact Section Start -->
<section id="contact" class="inner contact">
<!-- Inner Section Content Start -->
<div class="inner__content fullheight">
<div class="container-fluid px-0 fullheight">
<div class="row gx-0 flex-xl-row-reverse fullheight">
<!-- Inner Section Info Part Start -->
<div class="col-12 col-xl-6 inner__info">
<div class="blocks-container">
<!-- Inner Content Block Title Start -->
<div class="content-block">
<span class="block__subtitle">03 / Contact</span>
<h2 class="block__title">Get in touch with us</h2>
<p class="block__text">Email, call, or complete the form to learn how Maxirise can solve your Cyber needs. You can <a href="tel:+1 (437) 967-7119" class="text-link">call us</a> or leave a request here.
We are always glad to see you in our office from <span>9:00</span> to <span>18:00</span>.
</p>
</div>
<!-- Inner Content Block Title End -->
<!-- Inner Content Block Skillbars Start -->
<div class="content-block">
<div class="container-fluid px-0">
<div class="row gx-5">
<!-- contact data item -->
<div class="col-12 col-md-4 contactdata__item">
<h5 class="contactdata__title">Location</h5>
<div class="contactdata__descr d-flex align-items-start">
<div class="contactdata__icon">
<i class="fa-solid fa-location-crosshairs"></i>
</div>
<div class="contactdata__text">
<p><a class="contact-link" href="#" target="_blank">312 Largerfeld Drive, Brampton, L7A 5G8, Ontario, Canada.</a></p>
</div>
</div>
</div>
<!-- contact data item -->
<div class="col-12 col-md-4 contactdata__item">
<h5 class="contactdata__title">Contact</h5>
<div class="contactdata__descr d-flex align-items-start">
<div class="contactdata__icon">
<i class="fa-solid fa-phone"></i>
</div>
<div class="contactdata__text">
<p>
<a class="contact-link" href="tel:+1 (437) 967-7119">+1 (437) 967-7119</a>
</p>
</div>
</div>
<div class="contactdata__descr d-flex align-items-start">
<div class="contactdata__icon">
<i class="fa-solid fa-envelope"></i>
</div>
<div class="contactdata__text">
<a class="contact-link" href="mailto:support@maxirisetech.com">support@maxirisetech.com</a>
</div>
</div>
</div>
<!-- contact data item -->
<div class="col-12 col-md-4 contactdata__item">
<h5 class="contactdata__title">Follow us</h5>
<div class="contactdata__descr d-flex align-items-start">
<ul class="contactdata__socials">
<li>
<i class="fa-brands fa-facebook"></i>
<a class="contact-link" href="https://www.facebook.com/" target="_blank">Facebook</a>
</li>
<li>
<i class="fa-brands fa-instagram"></i>
<a class="contact-link" href="https://www.instagram.com/" target="_blank">Instagram</a>
</li>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Inner Content Block Skillbars End -->
</div>
</div>
<!-- Inner Section Info Part End -->
<!-- Inner Section Media Part Start -->
<div class="col-12 col-xl-6 inner__media">
<div class="media-container">
<!-- Inner Illustration Image Start -->
<div class="image contact-image">
<!--<div class="color-layer color-layer-dark"></div>-->
<!-- contact image bottom caption -->
<div class="image-caption">
<p>
Reach out to us
<span>Maxirise is your trusted Cyber Security Advisor. Our team of professionals are bright minds with a combined experience of over 3 decades in the field of cyber security and IT Auditing.</span>
</p>
</div>
</div>
<!-- Inner Illustration Image End -->
</div>
</div>
<!-- Inner Section Media Part End -->
</div>
</div>
</div>
<!-- Inner Section Content End -->
</section>
<!-- Contact Section End -->
<!-- Footer Desktop Start -->
<footer id="footer" class="footer-desktop full">
<div class="container-fluid px-0 fullheight">
<div class="row gx-0 fullheight">
<div class="col-6 footer-desktop__left fullheight">
<div class="container-desktop d-flex fullheight justify-content-start align-items-center">
<!-- Home screen socials links -->
<ul class="socials">
<li>
<a class="btn btn-s-text" href="https://www.facebook.com/" target="_blank">
<span class="title">Fb</span>
<span class="hover">Fb</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://www.instagram.com/" target="_blank">
<span class="title">In</span>
<span class="hover">In</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://twitter.com/" target="_blank">
<span class="title">Tw</span>
<span class="hover">Tw</span>
</a>
</li>
<li>
<a class="btn btn-s-text" href="https://www.behance.net/" target="_blank">
<span class="title">Be</span>
<span class="hover">Be</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 footer-desktop__right fullheight">
<div class="container-desktop fullheight d-flex justify-content-end align-items-center">
<p class="copyright bright">
<i class="fa-regular fa-copyright"></i>
<a class="contact-link" href="#" target="_blank">Maxirise</a>,
2024
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Desktop End -->
<!-- Notify Popup Start -->
<div id="notify" class="popup notify">
<div class="popup__container">
<!-- Popup Content Start -->
<div class="popup__content block-rounded-s">
<!-- popup close button -->
<a href="#0" id="notify-close" class="popup-close">
<i class="fa-solid fa-xmark"></i>
</a>
<!-- Notify Popup Title Start -->
<div class="popup-title">
<p class="popup-title__title">Get to know about our launch</p>
<p class="popup-title__text">Subscribe to our newsletter and we will send you a notification on the happenings in the world of tech.</p>
</div>
<!-- Notify Popup Title End -->
<!-- Notify Form Container Start -->
<div class="form-container">
<!-- Reply Messages Start-->
<div class="reply-group subscription-ok">
<i class="fa-solid fa-circle-check reply-group__icon"></i>
<p class="reply-group__title txt-light">Done!</p>
<span class="reply-group__text">Thanks for subscribing. We will send you a notification shortly.</span>
</div>
<div class="reply-group subscription-error">
<i class="fa-solid fa-face-frown-open reply-group__icon"></i>
<p class="reply-group__title">Ooops!</p>
<span class="reply-group__text">Something went wrong. Please try again later.</span>
</div>
<!-- Reply Messages End-->
<!-- Notify Contact Form Start-->
<form class="form notify-form form-light">
<input class="margin-l" type="email" placeholder="Your Email" required>
<button class="btn btn-l btn-light" type="submit">
<span class="btn-title">Submit</span>
<span class="btn-hover">Submit</span>
</button>
</form>
<!-- Notify Contact Form End-->
</div>
<!-- Notify Form Container End -->
</div>
<!-- Popup Content End -->
</div>
</div>
<!-- Notify Popup End -->
<!-- Say Hello Popup Start -->
<div id="sayhello" class="popup sayhello">
<div class="popup__container">
<!-- Popup Content Start -->
<div class="popup__content block-rounded-s">
<!-- popup close button -->
<a href="#0" id="sayhello-close" class="popup-close">
<i class="fa-solid fa-xmark"></i>
</a>
<!-- Say Hello Popup Title Start -->
<div class="popup-title">
<p class="popup-title__title">Let's talk!</p>
</div>
<!-- Say Hello Popup Title End -->
<!-- Say Hello Form Container Start -->
<div class="form-container">
<!-- Reply Messages Start-->
<div class="reply-group">
<i class="fa-solid fa-circle-check reply-group__icon"></i>
<p class="reply-group__title">Done!</p>
<span class="reply-group__text">Thanks for your message. We will get back as soon as possible</span>
</div>
<!-- Reply Messages End-->
<!-- Contact Form Start -->
<form class="form form-light sayhello-form" id="sayhello-form">
<!-- Hidden Required Fields -->
<input type="hidden" name="project_name" value="Maxirise - Cyber Security & IT Solutions Limited">
<input type="hidden" name="admin_email" value="support@maxirisetech.com">
<input type="hidden" name="form_subject" value="Contact Form Message">
<!-- END Hidden Required Fields-->
<div class="container-fluid px-0">
<div class="row gx-5">
<div class="col-12 col-md-6">
<input class="" type="text" name="Name" placeholder="Your Name" required>
</div>
<div class="col-12 col-md-6">
<input class="" type="text" name="Company" placeholder="Your Email" required>
</div>
<div class="col-12">
<textarea class="margin-l" name="Message" placeholder="A Few Words" required></textarea>
</div>
<div class="col-12">
<button class="btn btn-l btn-light" type="submit">
<span class="btn-title">Send</span>
<span class="btn-hover">Send</span>
</button>
</div>
</div>
</div>
</form>
<!-- Contact Form End -->
</div>
<!-- Say Hello Form Container End -->
</div>
<!-- Popup Content End -->
</div>
</div>
<!-- Say Hello Popup End -->
<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<!-- Background of PhotoSwipe.
It's a separate element, as animating opacity is faster than rgba(). -->
<div class="pswp__bg"></div>
<!-- Slides wrapper with overflow:hidden. -->
<div class="pswp__scroll-wrap">
<!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
<!-- don't modify these 3 pswp__item elements, data is added later on. -->
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<!-- Controls are self-explanatory. Order can be changed. -->
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
<!-- element will get class pswp__preloader-active when preloader is running -->
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<!-- Load Scripts Start -->
<script src="js/libs.min.js"></script>
<script src="js/gallery-init.js"></script>
<script src="js/custom.js"></script>
<!-- Load Scripts End -->
</body>
</html>