<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page not found</title>
    <style>
        body{ font-family: 'Josefin Sans', sans-serif}

        .image-block{padding: 20px;margin: 20px auto; width: 418px; text-align: center}
        .image-block img{ max-width: 100%}
        .error-txt{ text-align: center; text-transform: uppercase}

        a { text-decoration: none; margin: 0 10px; }

        a.btn {
            display: inline-block;
            color: #666;
            background-color: #eee;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 13px;
            padding: 8px 20px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border: 1px solid rgba(0,0,0,0.3);
            border-bottom-width: 3px;
            text-align: center;
        }

        a.btn:hover {
            background-color: #e3e3e3;
            border-color: rgba(0,0,0,0.5);
        }

        a.btn:active {
            background-color: #CCC;
            border-color: rgba(0,0,0,0.9);
        }

        /* ornage button */

        a.btn.btn-org {
            background-color: #ff943d;
            border-color: rgba(0,0,0,0.3);
            text-shadow: 0 1px 0 rgba(0,0,0,0.5);
            color: #FFF;
        }

        a.btn.btn-orgorg:hover {
            background-color: #dd6300;
            border-color: rgba(0,0,0,0.5);
        }

        a.btn.btn-org:active {
            background-color: #dd6300;
            border-color: rgba(0,0,0,0.9);
        }

        @media screen and (max-width:767px ){
            .image-block{padding: 20px;margin: 20px auto; width:100%; box-sizing: border-box}
        }
    </style>
</head>
<body style="background:#eee">
<div class="content-wrapper">
    <div class="body-wrapper" style="padding-top:20px;">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class='image-block'>
                        <img src="images/404error.png"  alt="CarbonData "/>
                    </div>

                </div>
                <div class="col-md-12 col-sm-12">
                    <p class="error-txt" >Oops... Page doesn't exist.</p>
                    <p class="error-txt">
                      <a href="http://carbondata.apache.org/" class="btn btn-org">Go to home page</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
 </div>


</body>
</html>