<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/public/fonts/Onest-Regular.ttf" rel="stylesheet">
<title>Joblist.md - Platforma nu este disponibilă</title>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 100%;
min-height: 100vh;
box-sizing: border-box;
background-color: #E8F4FF;
font-family: 'Onest-Regular', sans-serif;
font-weight: 500;
overflow: hidden;
}
.triangle-left {
top: 0;
left: 0;
width: 300px;
height: 300px;
position: absolute;
@media screen and (max-width: 1050px) {
width: 150px;
height: 150px;
bottom: 10%;
top: inherit;
}
@media screen and (max-width: 700px) {
bottom: 10%;
width: 150px;
height: 150px;
left: 0;
top: inherit;
}
}
.triangle-right {
right: 0%;
bottom: 5%;
width: 300px;
height: 300px;
position: absolute;
transform: rotate(52deg);
@media screen and (max-width: 1050px) {
width: 150px;
height: 150px;
bottom: 10%;
top: inherit;
}
@media screen and (max-width: 700px) {
width: 100px;
height: 100px;
bottom: 10%;
top: inherit;
}
}
.container {
display: flex;
margin-top: 6%;
flex-direction: column;
transform: scale(2);
@media screen and (max-width: 768px) {
transform: scale(1);
}
}
a {
color: #0645AD
}
.title {
text-align: center;
max-width: 337px;
font-size: 18px;
font-weight: 500;
margin: 0 auto;
margin-top: 20px;
color: #232323;
}
.logo {
margin: 0 auto;
width: 102px;
height: 40px;
margin-top: 40px;
}
.banner {
padding: 10px;
z-index: 10;
position: relative;
border-radius: 5px;
color: #E53A66;
border: 1px solid rgba(35, 35, 35, 50%);
font-size: 38px;
font-weight: 500;
text-align: center;
background-color: #eef7ff;
}
.wrapper {
position: relative;
}
.line-left {
position: absolute;
left: 8%;
bottom: 0;
width: 1px;
height: 52vh;
background-color: rgba(35, 35, 35, 50%);
z-index: 0;
transform: rotate(5deg);
}
.line-right {
position: absolute;
right: 10%;
bottom: 0;
width: 1px;
height: 52vh;
background-color: rgba(35, 35, 35, 50%);
z-index: 0;
transform: rotate(-6deg);
}
.left-banner-line {
position: absolute;
left: 0%;
bottom: 0;
width: 1px;
height: 52vh;
background-color: rgba(35, 35, 35, 50%);
z-index: 0;
transform: rotate(-3deg);
}
.right-banner-line {
position: absolute;
right: 2%;
bottom: 0;
width: 1px;
height: 52vh;
background-color: rgba(35, 35, 35, 50%);
z-index: 0;
transform: rotate(1deg);
}
.wrapper:nth-child(1) {
z-index: 2;
position: relative;
width: 190px;
margin: 0 auto;
transform: rotate(-0.84deg);
}
.wrapper:nth-child(2) {
width: 347px;
transform: rotate(2.26deg);
}
</style>
</head>
<body>
<img class="triangle-left" src="./public/triangle.svg" />
<img class="triangle-right" src="./public/triangle.svg" />
<div class="container">
<div class="wrapper">
<div class="banner">Platforma</div>
<div class="left-banner-line"></div>
<div class="right-banner-line"></div>
</div>
<div class="wrapper">
<div class="banner">nu este disponibilă</div>
<div class="line-left"></div>
<div class="line-right"></div>
</div>
<!-- <div class="banner">nu este disponibilă</div> -->
<h1 class="title">Efectuăm lucrări de îmbunătățire, toate anunțurile le puteți găsi pe <a
href="https://999.md">999.md</a></h1>
<img class="logo" src="./public/joblist-logo.svg" />
</div>
</body>
</html>