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 type="text/css">
@font-face {
font-family: 'Poppins';
src: url('/static/assets/fonts/Poppins/Poppins-Regular.eot'),
url('/static/assets/fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('/static/assets/fonts/Inter/Inter-Regular.eot'),
url('/static/assets/fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body {
margin: 0;
}
#block-cant-find-app {
background: url("/assets/images/shapes.svg");
}
.container {
display: flex;
justify-content: space-between;
padding: 0 60px;
max-width: 100%;
}
.error-text-wrapper {
margin: auto 0;
}
.company-title::before {
content: "";
display: inline-flex;
background-image: url("/assets/images/softr-title-logo.svg");
background-repeat: no-repeat;
height: 34px;
width: 123px;
margin-bottom: 16px;
}
.error-title {
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 42px;
margin-bottom: 22px;
}
.error-text {
max-width: 441px;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 22px;
}
.error-text-small-container {
max-width: 390px;
}
.home-button {
height: 40px;
border-radius: 8px;
padding: 9px 24px;
border: none;
background-color: #212121;
cursor: pointer;
font-family: 'Inter', sans-serif;
text-decoration: none;
font-size: 13px;
font-weight: 500;
line-height: 22px;
color: #ffffff;
}
.home-button:hover {
box-shadow: 0 2px 8px rgba(40, 25, 45, 0.08), 0 3px 8px rgba(40, 25, 45, 0.04);
}
.template-icons {
min-height: 100vh;
width: 600px;
background: url("/assets/images/cards.png") no-repeat;
background-size: cover;
}
@media screen and (max-width: 992px) {
.container {
height: 100vh;
padding: 0 40px;
}
.error-text-wrapper {
margin: auto;
}
.template-icons {
display: none;
}
}
@media screen and (max-width: 1200px) {
.container {
height: 100vh;
padding: 0 40px;
}
.error-text-wrapper {
margin: auto;
}
.template-icons {
width: 585px;
}
}
</style>
<script>
<!--This event is triggering the load application users in preview toolbar-->
document.addEventListener("DOMContentLoaded", function() {
window.parent.postMessage({ name: 'previewIframeLoaded' }, '*');
});
</script>
<section id="block-cant-find-app">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<div class="container">
<div class="error-text-wrapper">
<div class="company-title"></div>
<div class="error-title">
Can't find the application
</div>
<div class="error-text">
The application you were looking for was built on Softr, <br>
the easiest way to build applications without code.
</div>
<div class="error-text error-text-small-container">
Explore some templates you can use to create <br>
your next application.
</div>
<button class="home-button" onclick="location.href = 'https://softr.io'">Get started with Softr</button>
</div>
<div class="template-icons"></div>
</div>
</section>