Sorry

This feed does not validate.

In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.

Source: https://znap.link/daftarjadisultan/

  1. <style>
  2. /* 404 Page CSS */
  3. body{
  4.    margin: 0;
  5.    padding: 0;
  6.    box-sizing: border-box;
  7.    font-family: 'Inter', sans-serif;
  8.    letter-spacing: -1px
  9.    
  10. }
  11. .notFoundWrapper{
  12.    background: #fff;
  13.    display: flex;
  14.    justify-content: space-between;
  15.    align-items: center;
  16.    padding: 24px;
  17.    gap: 30px;
  18. }
  19.  
  20. .notFoundLeftBox {
  21.    display: flex;
  22.    flex-direction: column;
  23.    gap: 24px;
  24.    color: rgba(58, 58, 64, 1);
  25.    padding-left: 55px;
  26.    max-width: 560px;
  27. }
  28.  
  29. .notFoundLeftBox button {
  30.    font-size: 18px !important;
  31. }
  32.  
  33. .notFoundLeftBox h1 {
  34.    font-weight: 600;
  35.    font-size: 36px;
  36.    line-height: 1.3;
  37.    margin-bottom: 0;
  38. }
  39.  
  40. .notFoundLeftBox div {
  41.    font-weight: 600;
  42.    font-size: 60px;
  43.    line-height: 1.3;
  44. }
  45.  
  46. .notFoundLeftBox p {
  47.    color: rgba(141, 141, 152, 1);
  48.    font-weight: 300;
  49.    font-size: 20px;
  50.    line-height: 1.3;
  51.    margin: 0;
  52. }
  53.  
  54. .notFoundRightBox {
  55.    border-radius: 20px;
  56.    background: #F4F1EB;
  57.    height: 100%;
  58.    width: 100%;
  59.    max-width: 50%;
  60.    display: flex;
  61.    justify-content: center;
  62.    align-items: center;
  63. }
  64.  
  65. .notFoundRightBox img {
  66.    height: 94dvh;
  67.    width: 100%;
  68.    object-fit: contain;
  69.    object-position: center;
  70. }
  71.  
  72. .notFoundButtonBox {
  73.    margin-top: 20px;
  74. }
  75.  
  76. .notFoundButtonBox a {
  77.    border-radius: 8px;
  78.    cursor: pointer;
  79.    transition: background-color 0.2s;
  80.    font-family: inherit;
  81.    background-color: #5345F5;
  82.    color: white;
  83.    padding: 10px 16px;
  84.    font-size: 14px;
  85.    line-height: 20px;
  86.    font-weight: 600;
  87.    box-shadow: none;
  88.    text-decoration: none;
  89.    border: 2px solid;
  90.    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  91.    border-image-slice: 1;
  92. }
  93.  
  94.  
  95. @media (max-width: 992px) {
  96.    .notFoundWrapper {
  97.        flex-direction: column;
  98.        height: auto;
  99.        align-items: flex-start;
  100.        gap: 64px;
  101.    }
  102.    .notFoundRightBox{
  103.        max-width: 100%;
  104.    }
  105.    .notFoundLeftBox{
  106.        padding: 0;
  107.        max-width: 100%;
  108.    }
  109.   .notFoundLeftBox h1 {
  110.        font-size: 50px;
  111.    }
  112.    .notFoundLeftBox div {
  113.        font-size: 90px;
  114.    }
  115.    .notFoundLeftBox p {
  116.        font-size: 35px;
  117.    }
  118.    .notFoundButtonBox a {
  119.        border-radius: 15px;
  120.        padding: 30px;
  121.        font-size: 35px;
  122.        display: flex;
  123.        justify-content: center;
  124.        align-items: center;
  125.        text-align: center;
  126.        line-height: 1.2;
  127.    }
  128. }
  129. </style>
  130.  
  131. <div class="notFoundWrapper">
  132.    <div class="notFoundLeftBox">
  133.        <h1>404</h1>
  134.        <div>Sorry, it's not you it's us</div>
  135.        <p>Looks like this link is currently broken, go back to Zaap by clicking the button below.</p>
  136.        <div class="notFoundButtonBox">
  137.            <a href="https://www.zaap.ai/" class="btn btn-primary btn-lg">Go To Zaap</a>
  138.        </div>
  139.    </div>
  140.    <div class="notFoundRightBox">
  141.        <img src="https://zaap.bio/assets/marketing-visual-your-name.png" alt="Not Found" />
  142.    </div>
  143. </div>
  144.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda