<?php 
$title="An error occured";
$desc="An error occured";  
?>
<!doctype html>
<html class="no-js" lang="en">
    <head>
        <title><?php echo $title; ?></title>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
        <meta name="robots" content="index, follow">
        <meta name="msapplication-TileColor" content="#ffffff"/>
        <meta name="description" content="<?php echo $desc; ?>" />
        <link rel="stylesheet" href="asset/css/animate.css" />
        <link rel="stylesheet" href="asset/css/bootstrap.min.css" />
        <link rel="stylesheet" href="asset/css/et-line-icons.css" />
        <link rel="stylesheet" href="asset/css/font-awesome.min.css" />
        <link rel="stylesheet" href="asset/css/themify-icons.css" />
        <link rel="stylesheet" href="asset/css/swiper.min.css" />
        <link rel="stylesheet" href="asset/css/justified-gallery.min.css" />
        <link rel="stylesheet" href="asset/css/magnific-popup.css" />
        <link rel="stylesheet" type="text/css" href="asset/revolution/css/settings.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="asset/revolution/css/layers.css" />
        <link rel="stylesheet" type="text/css" href="asset/revolution/css/navigation.css" />
        <link rel="stylesheet" href="asset/css/bootsnav.css" />
        <link rel="stylesheet" href="asset/css/style.css" />
        <link rel="stylesheet" href="asset/css/responsive.css" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<section class="wow fadeIn">
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-sm-12 col-xs-12 center-col text-center margin-100px-bottom xs-margin-40px-bottom">
                <div class="position-relative overflow-hidden width-100">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8 col-sm-12 col-xs-12 text-center center-col">
               <h2 class="alt-font font-weight-400 letter-spacing-minus-1 text-extra-dark-gray">An error occured</h2>
                <a href="./" class="btn btn-transparent-black btn-small text-extra-small"><i class="ti-arrow-left margin-5px-right no-margin-left" aria-hidden="true"></i> Try again</a>
            </div>
        </div>
    </div>
</section>
</body>
        <!-- end footer -->
        <!-- start scroll to top -->
        <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up text-orange"></i></a>
        <!-- end scroll to top  -->
        <!-- javascript libraries -->
        <script type="text/javascript" src="asset/js/jquery.js"></script>
        <script type="text/javascript" src="asset/js/modernizr.js"></script>
        <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="asset/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="asset/js/skrollr.min.js"></script>
        <script type="text/javascript" src="asset/js/smooth-scroll.js"></script>
        <script type="text/javascript" src="asset/js/jquery.appear.js"></script>
        <!-- menu navigation -->
        <script type="text/javascript" src="asset/js/bootsnav.js"></script>
        <script type="text/javascript" src="asset/js/jquery.nav.js"></script>
        <!-- animation -->
        <script type="text/javascript" src="asset/js/wow.min.js"></script>
        <!-- page scroll -->
        <script type="text/javascript" src="asset/js/page-scroll.js"></script>
        <!-- swiper carousel -->
        <script type="text/javascript" src="asset/js/swiper.min.js"></script>
        <!-- counter -->
        <script type="text/javascript" src="asset/js/jquery.count-to.js"></script>
        <!-- parallax -->
        <script type="text/javascript" src="asset/js/jquery.stellar.js"></script>
        <!-- magnific popup -->
        <script type="text/javascript" src="asset/js/jquery.magnific-popup.min.js"></script>
        <!-- portfolio with shorting tab -->
        <script type="text/javascript" src="asset/js/isotope.pkgd.min.js"></script>
        <!-- images loaded -->
        <script type="text/javascript" src="asset/js/imagesloaded.pkgd.min.js"></script>
        <!-- pull menu -->
        <script type="text/javascript" src="asset/js/classie.js"></script>
        <script type="text/javascript" src="asset/js/hamburger-menu.js"></script>
        <!-- counter  -->
        <script type="text/javascript" src="asset/js/counter.js"></script>
        <!-- fit video  -->
        <script type="text/javascript" src="asset/js/jquery.fitvids.js"></script>
        <!-- equalize -->
        <script type="text/javascript" src="asset/js/equalize.min.js"></script>
        <!-- skill bars  -->
        <script type="text/javascript" src="asset/js/skill.bars.jquery.js"></script> 
        <!-- justified gallery  -->
        <script type="text/javascript" src="asset/js/justified-gallery.min.js"></script>
        <!--pie chart-->
        <script type="text/javascript" src="asset/js/jquery.easypiechart.min.js"></script>
        <!-- instagram -->
        <script type="text/javascript" src="asset/js/instafeed.min.js"></script>
        <!-- retina -->
        <script type="text/javascript" src="asset/js/retina.min.js"></script>
        <!-- revolution -->
        <script type="text/javascript" src="asset/revolution/js/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="asset/revolution/js/jquery.themepunch.revolution.min.js"></script>
        <script type="text/javascript" src="asset/js/main.js"></script>
    </body>
</html>