<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<?//php echo $adVerif; ?>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* { margin:0; padding:0; box-sizing:border-box; }
body, html { height:100%; font-family: Arial, sans-serif; display:flex; flex-direction:column; }
header, footer {
background:#222; color:#fff; padding:15px 20px;
display:flex; justify-content:space-between; align-items:center;
}
header .logo { font-size:18px; font-weight:bold; }
nav { display:flex; gap:15px; }
nav a { color:#fff; text-decoration:none; font-weight:bold; }
nav a:hover { text-decoration:underline; }
/* Бургер меню для мобилок */
.menu-toggle { display:none; flex-direction:column; cursor:pointer; }
.menu-toggle span {
width:25px; height:3px; background:#fff; margin:4px 0;
}
@media(max-width:768px){
nav { display:none; flex-direction:column; background:#333; position:absolute; top:60px; right:0; padding:10px; }
nav.active { display:flex; }
.menu-toggle { display:flex; }
}
main {
flex:1;
padding: 15px; /* отступы вокруг основного блока */
}
.ad-container {
background:#f9f9f9;
border:1px solid #ddd;
padding:15px;
height: 100%;
}
footer { font-size:14px; flex-shrink:0; justify-content:space-between; flex-wrap:wrap; }
</style>
<script>
function toggleMenu(){
document.querySelector('nav').classList.toggle('active');
}
</script>
</head>
<body>
<header>
<div class="logo">Home Page</div>
<div class="menu-toggle" onclick="toggleMenu()">
<span></span><span></span><span></span>
</div>
<nav>
<a href="/">Home</a>
<a href="/">About Us</a>
<a href="/">Contacts</a>
</nav>
</header>
<main>
<div class="ad-container">
</div>
</main>
<footer>
<div></div>
<div>© All rights reserved</div>
</footer>
</body>
</html>