Documentation

logo

Maintenanace Style 1

How to use Maintenanace Style 1

To change its CSS according to your requirement, search for .maintenance-1 class in style.css


<div class="maintenance-1">
    <img class="img-responsive img-center" src="../assets/img/other/loading_gears.svg" width="80" alt="Maintenance">
    <h4 class="font-josefin margin-top20">We are getting a makeover...</h4>
    <p class="font-hind text-grey margin-top20">We will be right back. Thanks for your patience.</p>
</div>

Maintenanace Style 2

How to use Maintenanace Style 2

To change its CSS according to your requirement, search for .maintenance-2 class in style.css


<!-- maintenance style 2 -->
<div class="maintenance-2 clearfix">
    <div class="part1">
        <!-- main heading -->
        <h4>Thunderbolt..?</h4>
        <!-- Sub heading -->
        <h6 class="font-w500 margin-top20">Website Maintenance</h6>
        <!-- Info text -->
        <p class="margin-top20 font-pt-serif-italic">We're so sorry :-( We are performing system-wide maintenance and you will be unable to access the website.</p>
        <p class="font-hind text-black font-w500">Please, check back later.</p>
    </div>
    <!-- Icon Part -->
    <div class="part2">
        <!-- Icon -->
        <i class="ti-bolt icon"></i>
    </div>
</div>