Page

Example 404 page style

Sorry, the page you are looking for, doesn't exist or removed from server!
<div class="page">
    <div class="page-content">
        <div class="page-icon color-danger"><i class="ion-alert-circled"></i></div>
        <h2 class="page-header color-danger">404</h2>
        <div class="page-body">Sorry, the page you are looking for, doesn't exist or removed from server!</div>
        <div class="page-footer">404 page example</div>
    </div>
</div>

Example success page

Thank you for your request. We will contact you soon
<div class="page">
    <div class="page-content">
        <div class="page-icon color-success"><i class="ion-ios-checkmark"></i></div>
        <h2 class="page-header color-success">Congratulation</h2>
        <div class="page-body">Thank you for your request. We will contact you soon</div>
        <div class="page-footer">If you want immediate attention please call us!</div>
    </div>
</div>

By default page takes full height of viewport size, if you want it to be more generic use like below!

Thank you for your time! We shall keep you posted.
<div class="page page-normal">
    <div class="page-content">
        <div class="page-icon color-success"><i class="ion-ios-checkmark"></i></div>
        <h2 class="page-header color-success">Success</h2>
        <div class="page-body">Thank you for your time! We shall keep you posted.</div>
        <div class="page-footer">Another additional note</div>
    </div>
</div>