<!DOCTYPE html>
<html lang="en">
<head>
@@include("partials/title-meta.html", {"title": "Maintenance"})
@@include("partials/head-css.html")
</head>
<body class="authentication-bg">
<div class="mt-5 mb-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="122" height="122" viewBox="0 0 122 122">
<defs>
<path id="gear" d="M72,52.4v-8.8l-5.4-0.9c-0.4-1.5-1-2.9-1.7-4.1l3.2-4.4l-6.2-6.3L57.4,31c-1.3-0.7-2.7-1.3-4.1-1.7L52.4,24h-8.8l-0.9,5.4 c-1.5,0.4-2.8,1-4.1,1.7L34.2,28l-6.3,6.2l3.2,4.4c-0.7,1.3-1.3,2.7-1.7,4.2L24,43.6v8.8l5.4,0.9c0.4,1.5,1,2.8,1.7,4.1l-3.2,4.5 l6.2,6.2l4.5-3.2c1.3,0.7,2.7,1.3,4.2,1.7l0.9,5.3h8.8l0.9-5.4c1.4-0.4,2.8-1,4.1-1.7l4.5,3.2l6.2-6.2l-3.2-4.5 c0.7-1.3,1.3-2.6,1.7-4.1L72,52.4z M48,57.2c-5.1,0-9.2-4.1-9.2-9.2c0-5.1,4.2-9.2,9.2-9.2s9.2,4.1,9.2,9.2S53.1,57.2,48,57.2z"
/>
</defs>
<g transform="scale(0.77)">
<use xlink:href="#gear" fill="#5b69bc">
<animateTransform attributeType="XML" attributeName="transform" type="rotate"
from="0 48 48" to="360 48 48" dur="12s"
repeatCount="indefinite"/>
</use>
</g>
<g transform="scale(0.6) translate(83 13)">
<use xlink:href="#gear" fill="#10c469">
<animateTransform attributeType="XML" attributeName="transform" type="rotate"
from="360 48 48" to="0 48 48" dur="12s"
repeatCount="indefinite"/>
</use>
</g>
<g transform="scale(0.435) translate(37 139)">
<use xlink:href="#gear" fill="#f9c851">
<animateTransform attributeType="XML" attributeName="transform" type="rotate"
from="360 48 48" to="0 48 48" dur="12s"
repeatCount="indefinite"/>
</use>
</g>
<g transform="scale(0.935) translate(36 39)">
<use xlink:href="#gear" fill="#ff8acc">
<animateTransform attributeType="XML" attributeName="transform" type="rotate"
from="0 48 48" to="360 48 48" dur="12s"
repeatCount="indefinite"/>
</use>
</g>
</svg>
<h3 class="mt-4">Site is under Maintenance</h3>
<p class="text-muted">We're making the system more awesome.we'll be back shortly.</p>
<div class="row mt-5">
<div class="col-md-4">
<div class="card-box">
<div class="avatar-md rounded-circle bg-soft-primary mx-auto">
<i class="ti-stats-down font-22 avatar-title text-primary"></i>
</div>
<h5 class="text-uppercase mt-3">Why is the Site Down ?</h5>
<p class="font-13 text-muted mb-0">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
</div>
</div> <!-- end col-->
<div class="col-md-4">
<div class="card-box">
<div class="avatar-md rounded-circle bg-soft-primary mx-auto">
<i class="ti-timer font-22 avatar-title text-primary"></i>
</div>
<h5 class="text-uppercase mt-3">What is the Downtime ?</h5>
<p class="font-13 text-muted mb-0">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical but the majority.</p>
</div>
</div> <!-- end col-->
<div class="col-md-4">
<div class="card-box">
<div class="avatar-md rounded-circle bg-soft-primary mx-auto">
<i class="ti-headphone-alt font-22 avatar-title text-primary"></i>
</div>
<h5 class="text-uppercase mt-3">Do you need Support ?</h5>
<p class="font-13 text-muted mb-0">If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embar.. <a href="mailto:#" class="text-muted font-weight-medium">no-reply@domain.com</a></p>
</div>
</div> <!-- end col-->
</div> <!-- end row-->
</div>
</div>
</div>
</div>
</div>
<!-- Vendor js -->
<script src="assets/js/vendor.min.js"></script>
<!-- App js -->
<script src="assets/js/app.min.js"></script>
</body>
</html>
