Documentation

logo

404 Style 1

How to use 404 Style 1

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


<div class="page-404-1">
    <!-- 404 image -->
    <img class="img-responsive img-center" src="../assets/img/other/404.png" alt="">
    <!-- main heading -->
    <h4>You are landed on,<br>no man's land</h4>
    <!-- buttons -->
    <div class="button-block margin-top20">
        <a href="#0" class="bttn bttn-small bttn-blue bttn75 bttn-scale margin-all10">Go Back Home</a>
        <a href="#0" class="bttn bttn-small bttn-blue bttn75 bttn-scale margin-all10">See Sitemap</a>
    </div>
</div>

404 Style 2

How to use 404 Style 2

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


<div class="page-404-2 clearfix">
    <div class="col-sm-6">
        <!-- Icon -->
        <span class="ti-unlink icon"></span>
    </div>
    <div class="col-sm-6">
        <!-- main heading -->
        <h4 class="font-w300">Error 404 /<br>Link broken..?</h4>
        <!-- Info text -->
        <p class="margin-top20 font-hind">The page you are looking for doesn't exists. Please, check the link again.</p>
        <a href="#0" class="bttn bttn-small bttn75 bttn-scale bttn-white margin-top20">Go Back Home</a>
    </div>
</div>