| Server IP : 91.240.85.141 / Your IP : 216.73.216.223 Web Server : nginx/1.28.0 System : Linux nuevo.ru 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : ( 1029) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/wpface_ru_usr/data/www/wpface.ru/wp-content/themes/wpface/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
display: flex;
flex-direction: row;
height: 80vh;
}
.block {
flex: 1;
background-size: cover;
background-position: center;
color: white;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.date {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
padding: 5px;
}
</style>
<title>Адаптивные блоки</title>
</head>
<body>
<div class="container">
<div class="block" style="background-image: url('image1.jpg');">
<div class="date">10 августа 2023</div>
</div>
<div class="block" style="background-image: url('image2.jpg');">
<div class="date">15 августа 2023</div>
</div>
<div class="block" style="background-image: url('image3.jpg');">
<div class="date">20 августа 2023</div>
</div>
<div class="block" style="background-image: url('image4.jpg');">
<div class="date">25 августа 2023</div>
</div>
</div>
</body>
</html>