<?php get_header(); ?>

<section>
    <div class="pb-12 pt-36">
        <div class="flex flex-col">
            <div class="max-w-2xl mt-4 mx-auto pb-28 pt-24 rounded shadow-lg w-11/12">
                <div class="flex justify-center mb-8"><a class="flex items-center ml-4" href="index.html"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/Leon-Pharmacy-Logo.png" alt="harplabs logo" width="110"/></a>
                </div>
                <div class="text-center">
                    <p class="font-semibold text-base text-blue-500"><?php _e( '404', 'leonpharmacy' ); ?></p>
                    <h1 class="font-bold mt-2 text-4xl text-gray-900 tracking-tight sm:text-5xl"><?php _e( 'Page not found.', 'leonpharmacy' ); ?></h1>
                    <p class="mt-4 mx-auto text-base text-gray-500 w-7/12"><?php _e( 'Sorry, we couldn\'t find the page you\'re looking for.', 'leonpharmacy' ); ?></p>
                    <div class="mt-6"><a class="font-medium hover:text-blue-100 text-base text-blue-500" href="<?php echo esc_url( get_home_url() ); ?>"><?php _e( 'Go home', 'leonpharmacy' ); ?> <span aria-hidden="true"> &rarr;</span> </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>            

<?php get_footer(); ?>