<html lang="en">
<head>
<title>Practice 1</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main-menu"> <!Главное меню>
<img src="img/IMAGE.png" class="main-page-header"> <!Черная картинка на фоне>
<img class="main-page-header-2" src="img/Rectangle.png"> <!синяя картинка на фоне>
<div class="main-menu-text"> <!текст>
<h1 class="text-in-main-menu">Unleash the next generation of gaming</h1>
</div>
</div>
</body>
</html>@font-face {
font-family: Orbitron;
src: url(orbition/Orbitron-VariableFont_wght.ttf);
}
.main-page-header {
position: absolute;
height: 1069px;
left: 0%;
right: 0%;
top: 0px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.88)), url(.png);
border-radius: 0px;
}
.main-page-header-2 {
position: absolute;
height: 1380px;
right: 0%;
top: 0px;
background: #57B8FF;
border-radius: 0px;
}
.text-in-main-menu {
position: absolute;
height: 258px;
left: 0%;
right: 0.61%;
top: -2px;
font-family: 'Orbitron';
font-style: normal;
font-weight: 400;
font-size: 72px;
line-height: 86px;
color: #FFFFFF;
}
Простой
