<!DOCTYPE html>
<html>
<head>
<title>Резервний сайт Sviato</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
@font-face {
font-family: 'Quicksand-Regular';
src: url(Quicksand-Regular.ttf);
}
body {
background: #F4F4F4;
margin: 0;
font-family: 'Quicksand-Regular';
}
#container {
width: 750px;
margin: 0 auto;
background: #FFFFFF;
}
#header {
padding: 45px 0 20px 40px;
}
#header a {
color: #121212;
text-decoration: none;
font-size: 30px;
}
#menu {
background-color: #3b7687;
padding: 6px 0 6px 40px;
}
#menu a {
color: #c5d6db;
text-decoration: none;
font-size: 14px;
}
#menu a:hover {
color: #ecf2f3;
}
#sidebar {
float: left;
width: 120px;
padding: 30px 0 0 40px;
margin: 0;
}
h1 {
margin: 0px;
color: #869843;
font-size:24px;
font-weight: normal;
}
h2 {
color: #3b7687;
font-size: 15px;
margin: 20px 0 5px 0;
}
#main {
margin: 0 0 0 180px;
padding: 35px 40px 30px 0;
color: #444444;
font-size: 13px;
line-height: 18px;
text-align: justify;
}
#main a {
color: #3b7687;
text-decoration: none;
}
#main a:hover {
color: #444444;
}
#footer {
padding: 10px 50px 10px 50px;
background: #d6d6d6;
color: #444444;
font-size: 12px;
text-align: right;
}
#footer a {
text-decoration: none;
color: #262626;
}
#footer a:hover {
color: #666666;
}
.separator {
font-size:11px;
color:#FFFFFF;
}
</style>
</head>
<body>
<div id="container">
<header>
<div id="header">
<a href="#">Резервний сайт</a>
</div>
<div id="menu"> <a href="#">Головна</a> <a href="https://sviatos.shop/">Контакти</a>
</div>
</header>
<div id="sidebar">
<h1>Ласкаво просимо!</h1>
</div>
<div id="main">
<p></p>
<h2>Контакти</h2>
<p>Це резервний сайт. Всю інформацію ви можете знайти на основному сайті.
<br><br> <b>Детальніше:</b> <br><br> <a href="https://sviato.top/">sviato.top</a>
</p>
</div>
<footer>
<div id="footer"> ©2024 sviato <span class="separator">|</span> Більше інформації <a href="https://sviato.top/">на сайті</a>
</div>
</footer>
</div>
</html>