This feed does not validate.
In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.
help]
[<style>
/* 404 Page CSS */
body{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
letter-spacing: -1px
}
.notFoundWrapper{
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
gap: 30px;
}
.notFoundLeftBox {
display: flex;
flex-direction: column;
gap: 24px;
color: rgba(58, 58, 64, 1);
padding-left: 55px;
max-width: 560px;
}
.notFoundLeftBox button {
font-size: 18px !important;
}
.notFoundLeftBox h1 {
font-weight: 600;
font-size: 36px;
line-height: 1.3;
margin-bottom: 0;
}
.notFoundLeftBox div {
font-weight: 600;
font-size: 60px;
line-height: 1.3;
}
.notFoundLeftBox p {
color: rgba(141, 141, 152, 1);
font-weight: 300;
font-size: 20px;
line-height: 1.3;
margin: 0;
}
.notFoundRightBox {
border-radius: 20px;
background: #F4F1EB;
height: 100%;
width: 100%;
max-width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.notFoundRightBox img {
height: 94dvh;
width: 100%;
object-fit: contain;
object-position: center;
}
.notFoundButtonBox {
margin-top: 20px;
}
.notFoundButtonBox a {
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s;
font-family: inherit;
background-color: #5345F5;
color: white;
padding: 10px 16px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
box-shadow: none;
text-decoration: none;
border: 2px solid;
border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
border-image-slice: 1;
}
@media (max-width: 992px) {
.notFoundWrapper {
flex-direction: column;
height: auto;
align-items: flex-start;
gap: 64px;
}
.notFoundRightBox{
max-width: 100%;
}
.notFoundLeftBox{
padding: 0;
max-width: 100%;
}
.notFoundLeftBox h1 {
font-size: 50px;
}
.notFoundLeftBox div {
font-size: 90px;
}
.notFoundLeftBox p {
font-size: 35px;
}
.notFoundButtonBox a {
border-radius: 15px;
padding: 30px;
font-size: 35px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.2;
}
}
</style>
<div class="notFoundWrapper">
<div class="notFoundLeftBox">
<h1>404</h1>
<div>Sorry, it's not you it's us</div>
<p>Looks like this link is currently broken, go back to Zaap by clicking the button below.</p>
<div class="notFoundButtonBox">
<a href="https://www.zaap.ai/" class="btn btn-primary btn-lg">Go To Zaap</a>
</div>
</div>
<div class="notFoundRightBox">
<img src="https://zaap.bio/assets/marketing-visual-your-name.png" alt="Not Found" />
</div>
</div>