<?php
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
?>
<?php get_header(); ?>
<?php
if(has_header_image()){
$slide = get_header_image();
echo '<div class="page-hero" style="background-image: url('. $slide .');"></div>';
}
?>
<div class="pagina corp pt-60 pb-60">
<div class="contenuto">
<div class="row content404">
<div class="itm col-9 col-md-8 col-sm-12">
<h1 class="main-title"><?php esc_html_e( 'Oops! 404 - Pagina non trovata!', 'bahamas' ); ?></h1>
<p>
<?php esc_html_e( 'Ci dispiace: non siamo riusciti a trovare la pagina che hai richiesto.', 'bahamas' ); ?>
<br>
<strong><?php esc_html_e( 'Prova a cercare nel menu:', 'bahamas' ); ?></strong>
</p>
<div class="navigator-404">
<?php wp_nav_menu(array(
'menu' => 'main-menu',
'theme_location' => 'main-menu',
'container' => 'ul',
'menu_class' => 'menu',
'menu_id' => false,
'depth' => 1,
));
?>
</div>
</div>
<div class="itm col-3 col-md-4 col-sm-12">
<img src="<?= get_stylesheet_directory_uri()?>/404.png" alt="Pagina 404" />
</div>
</div>
</div>
</div>
<style>
.navigator-404 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.navigator-404 ul li {
display: inline-block;
margin-right: 20px;
}
.content404 {
background-color: #efefefef;
padding: 30px;
align-items: center;
box-sizing: border-box;
}
.content404 img {
position: absolute;
height: 320px;
width: auto;
max-width: 100%;
top: 20px;
}
@media screen and (max-width: 768px){
.content404 img {
position: relative;
height: 220px;
top: 0;
}
}
</style>
<?php get_footer(); ?>
All system for education purposes only. For more tools: Telegram @jackleet