iPurpl3x i some how managed to make it similar : https://hacklido.com by scrapping the html and css of the site 😅
<header class="Hero WelcomeHero">
<div class="container"><div class="WelcomeHeroContent">
<div class="containerNarrow"><h2 class="Hero-title">Welcome to hacklido!</h2><div class="Hero-subtitle"><div class="Hero-subtitle_text">The cyber security community to share knowledge, experiences, ideas, guidance and collaborate with other cyber security enthusiasts</div><div class="Hero-subtitle_buttons"><a class="Button Button--primary" href="/p/26-beginner" active="false" type="button" title="Beginner"><span class="Button-label">Beginner</span></a><a class="Button Button--secondary" href="/p/27-expert_en" active="false" type="button" title="Expert"><span class="Button-label">Expert</span></a></div></div></div></div></div></header>
.Hero.WelcomeHero {
margin-top: -1px;
background: #f8f8f8;
text-align: left;
color: #333;
background-image: url(hxxps://i.imgur.com/7mgxQKp.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.Hero.WelcomeHero .container {
height: 370px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.Hero.WelcomeHero .containerNarrow {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0.2);
padding: 24px;
border-radius: 6px;
max-width: 540px;
}
.containerNarrow {
max-width: 600px;
margin: 0 auto;
}
.Hero.WelcomeHero h2 {
margin: 0;
font-family: ;
text-transform: uppercase;
line-height: 42px;
color: white;
font-size: 50px;
font-weight: 800;
}
.WelcomeHero .Hero-subtitle {
margin: 8px 0 0;
line-height: 1.5em;
font-family: ;
color: white;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
}
.Hero-subtitle_buttons {
margin-top: 30px;
}
.Header-logo {
min-height: 45px;
}