103 lines
3.7 KiB
Vue
Raw Permalink Normal View History

2022-09-08 15:06:44 -04:00
<script>
export default {};
</script>
<template>
<div>
<div class="home-btn d-none d-sm-block">
<a href="/" class="text-dark">
<i class="fas fa-home h2"></i>
</a>
</div>
<section class="my-5 pt-sm-5">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="home-wrapper">
<div class="mb-5">
<a href="/" class="d-block auth-logo">
<img
src="/images/logo-dark.png"
alt=""
height="20"
class="auth-logo-dark mx-auto"
/>
<img
src="/images/logo-light.png"
alt=""
height="20"
class="auth-logo-light mx-auto"
/>
</a>
</div>
<div class="row justify-content-center">
<div class="col-sm-4">
<div class="maintenance-img">
<img
src="/images/maintenance.svg"
alt
class="img-fluid mx-auto d-block"
/>
</div>
</div>
</div>
<h3 class="mt-5">Site is Under Maintenance</h3>
<p>Please check back in sometime.</p>
<div class="row">
<div class="col-md-4">
<div class="card mt-4 maintenance-box">
<div class="card-body">
<i class="bx bx-broadcast mb-4 h1 text-primary"></i>
<h5 class="font-size-15 text-uppercase">
Why is the Site Down?
</h5>
<p class="text-muted mb-0">
There are many variations of passages of Lorem Ipsum
available, but the majority have suffered alteration.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mt-4 maintenance-box">
<div class="card-body">
<i class="bx bx-time-five mb-4 h1 text-primary"></i>
<h5 class="font-size-15 text-uppercase">
What is the Downtime?
</h5>
<p class="text-muted mb-0">
Contrary to popular belief, Lorem Ipsum is not simply
random text. It has roots in a piece of classical.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mt-4 maintenance-box">
<div class="card-body">
<i class="bx bx-envelope mb-4 h1 text-primary"></i>
<h5 class="font-size-15 text-uppercase">
Do you need Support?
</h5>
<p class="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:no-reply@domain.com"
class="text-decoration-underline"
>no-reply@domain.com</a
>
</p>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
</div>
</div>
</div>
</section>
</div>
</template>