<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
</head>
<style>
.header {
position: absolute;
left: 0px;
top: 0px;
width: 1920px;
height: 4776px;
z-index: 140;
background-color: coral;
}
.About {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1361.937px;
top: 31px;
z-index: 137;
}
.products {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1183.937px;
top: 31px;
z-index: 136;
}
.Home {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1020.937px;
top: 31px;
z-index: 135;
}
.Menu {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 70.937px;
top: 31px;
z-index: 134;
}
.en {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.2;
text-align: left;
position: absolute;
left: 1856.937px;
top: 35.5px;
z-index: 133;
}
.Wooder {
font-size: 36px;
font-family: "Myriad Pro";
color: rgb(255, 255, 255);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
position: absolute;
left: 717.844px;
top: 19.9px;
z-index: 128;
}
</style>
<body>
<div class="header">
<a href="#" class="About">About</a><br>
<a href="#" class="products">products</a><br>
<a href="#" class="Home">Home</a><br>
<a href="#" class="en">en</a><br>
<a href="#" class="Wooder">Wooder</a><br>
</div>
</body>
</html>
