File: /home/lzgqnjwu/sites/sgt.com.ua/priklad-tvogo-saitu.html
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ліга Майстрів - Разом - ми сила!</title>
<meta name="description" content="Найбільша платформа будівельних спеціальностей.">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
margin: 2%;
background-color: #FFFFFF;
color: #000000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.block {
background-color: #FFFFFF;
border: none;
margin: 0;
padding: 0;
text-align: center;
}
.block1 {
width: 80%;
font-weight: bold;
}
.block1 h1 {
font-size: 3rem;
}
.block1 p {
font-size: 16pt;
margin: 0;
}
.block2, .block3, .block4 {
margin-top: 2%;
}
.block3 img, .block4 img {
max-height: 100px;
margin: 0 auto;
}
.block4 img {
width: 60px;
margin: 0 10px;
}
</style>
</head>
<body>
<div class="block block1">
<h1>Liga Maistriv</h1>
<p>найбільша платформа будівельних спеціальностей</p>
</div>
<div class="block block2">
<p>Разом - ми сила!</p>
</div>
<div class="block block3">
<img src="/priklad/logo.svg" alt="Логотип">
</div>
<div class="block block4">
<a href="#">
<img src="image1.jpg" alt="Изображение 1">
</a>
<a href="#">
<img src="image2.jpg" alt="Изображение 2">
</a>
</div>
</body>
</html>