This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous">
<link rel="stylesheet" href="https://proofing.xigen.co.uk/2021/henkel/styles.css">
<head>
<style>
.my-header {
background-color: #000;
height: 109px;
padding: 0;
}
.my-header-upper {
padding-top: 10px;
}
.my-nav-wrapper-lower {
padding: 0 19px;
}
.my-nav-wrapper-lower li a, .my-nav-wrapper-upper li a {
color: #afb4b9;
}
.my-nav-wrapper-lower li a {
font-size: 15;
font-family: Futura, Trebuchet MS, Arial, sans-serif;
font-weight: bold;
}
.my-nav-wrapper-lower li a:hover, .my-nav-wrapper-upper li a:hover {
background-color: #000;
color: red;
}
/* Footer styles */
.my-footer {
background-color: #000;
height: 705px;
}
.my-footer-upper {
padding-top: 10px;
}
.my-nav-wrapper-lower {
padding: 0 19px;
}
.my-nav-wrapper-lower li a, .my-nav-wrapper-upper li a {
color: #afb4b9;
}
.my-nav-wrapper-lower li a {
font-size: 15;
font-family: Futura, Trebuchet MS, Arial, sans-serif;
font-weight: bold;
}
.my-nav-wrapper-lower li a:hover, .my-nav-wrapper-upper li a:hover {
background-color: #000;
color: red;
}
.my-footer-lower {
padding-left: 250px;
}
.my-footer-lower-copyright {
padding-right: 250px;
}
</style>
<header class="header my-header" role="banner">
<div class="container">
<div class="header__upper my-header-upper">
<ul class="header__nav-wrapper my-nav-wrapper-upper">
<li>
<a href="https://www.ceresit.pl/pl/meta/meta-nav/o-nas.html" target="_blank">O nas</a>
</li>
<li>
<a href="https://www.ceresit.pl/pl/meta/meta-nav/kontakt.html" target="_blank">Kontakt</a>
</li>
</ul>
</div>
<div class="header__lower">
<div class="header__logo my-logo">
<a href="https://www.ceresit.pl/pl.html">
<img src="https://dm.henkel-dam.com/is/image/henkel/ceresit-logo" alt="Ceresit">
</a>
</div>
<div class="header__primary-links">
<ul class="header__nav-wrapper my-nav-wrapper-lower">
<li>
<a href="https://www.ceresit.pl/pl/produkty.html" target="_blank">produkty</a>
</li>
<li>
<a href="https://www.ceresit.pl/pl/practices.html" target="_blank">systemy</a>
</li>
<li>
<a href="https://www.ceresit.pl/pl/innovations.html" target="_blank">innowacje</a>
</li>
<li>
<a href="https://www.ceresit.pl/pl/sustainability.html" target="_blank">zrównoważny rozwój</a>
</li>
<li>
<a href="https://www.ceresit.pl/pl/searchresults.html?" target="_blank"><i
class="fas fa-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
</header>
</head>