It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://artdepartmentdesign.com

  1.  
  2. <!DOCTYPE html>
  3. <html ⚡ lang="id">
  4.  
  5. <head>
  6.    <meta charset="utf-8">
  7.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.    <meta name="viewport" content="width=device-width, initial-scale=1">
  9.    <title>SOBAT500 : Sobat Ngarit Inspirasi Komunitas Kreatif Generasi Muda</title>
  10.    <meta name="google-site-verification" content="SwfqWj18f6pHWAC1XLhu47jGIw97q26_L8kzg58pd_Y" />
  11.    <meta name="description"
  12.        content="Sobat Ngarit hadir melalui SOBAT500, komunitas kreatif generasi muda yang mendorong ide-ide segar dan kolaborasi positif. Temukan ruang untuk berkembang dan berkarya!" />
  13.    <meta name="keywords"
  14.        content="sobat500, sobat500 login, sobat500 daftar, sobat ngarit, sobat ngaret, sobatngarit, sobatngaret." />
  15.    <meta name="robots" content="all" />
  16.    <meta name="rating" content="general" />
  17.    <meta name="geo.region" content="id_ID" />
  18.    <meta name="googlebot" content="all">
  19.    <meta name="geo.country" content="id" />
  20.    <meta name="language" content="Id-ID" />
  21.    <meta name="distribution" content="global" />
  22.    <meta name="geo.placename" content="Indonesia" />
  23.    <meta property="og:type" content="website" />
  24.    <meta property="og:locale" content="id_ID" />
  25.    <meta property="og:locale:alternate" content="en_US" />
  26.    <meta property="og:title"
  27.        content="SOBAT500 : Sobat Ngarit Inspirasi Komunitas Kreatif Generasi Muda" />
  28.    <meta property="og:description"
  29.        content="Sobat Ngarit hadir melalui SOBAT500, komunitas kreatif generasi muda yang mendorong ide-ide segar dan kolaborasi positif. Temukan ruang untuk berkembang dan berkarya!" />
  30.    <meta property="og:url" content="https://artdepartmentdesign.com/" />
  31.    <meta property="og:site_name" content="SOBAT500" />
  32.    <meta property="og:image" content="https://i.imgur.com/ksvK1ly.png" />
  33.    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  34.    <link rel="canonical" itemprop="mainEntityOfPage" href="https://artdepartmentdesign.com/" />
  35.    <link rel="shortcut icon" href="https://i.imgur.com/ksvK1ly.png" />
  36.    <script async src="https://cdn.ampproject.org/v0.js"></script>
  37.    <script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
  38.    <script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
  39.    <script type="application/ld+json">{
  40.        "@context": "https://schema.org",
  41.        "@type": "Game",
  42.        "name": "SOBAT500",
  43.        "author": {
  44.            "@type": "Person",
  45.            "name": "Admin"},
  46.            "headline": "SOBAT500 : Sobat Ngarit Inspirasi Komunitas Kreatif Generasi Muda",
  47.            "description": "Sobat Ngarit hadir melalui SOBAT500, komunitas kreatif generasi muda yang mendorong ide-ide segar dan kolaborasi positif. Temukan ruang untuk berkembang dan berkarya!",
  48.            "keywords": ["sobat500, sobat500 login, sobat500 daftar, sobat ngarit, sobat ngaret, sobatngarit, sobatngaret."],
  49.            "image": "https://i.imgur.com/tcSGS1a.jpeg",
  50.            "url": "https://artdepartmentdesign.com/",
  51.            "publisher": {
  52.                "@type": "Organization",
  53.                "name": "SOBAT500"},
  54.                "aggregateRating": {
  55.                    "@type": "AggregateRating",
  56.                    "ratingValue": "98",
  57.                    "bestRating": "100",
  58.                    "worstRating": "0",
  59.                    "ratingCount": "1342244"
  60.                },
  61.                
  62.                "inLanguage": "id-ID"
  63.            }
  64.    </script>
  65.    <style amp-boilerplate>
  66.        body {
  67.            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  68.            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  69.            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
  70.            animation: -amp-start 8s steps(1, end) 0s 1 normal both
  71.        }
  72.  
  73.        @-webkit-keyframes -amp-start {
  74.            from {
  75.                visibility: hidden
  76.            }
  77.  
  78.            to {
  79.                visibility: visible
  80.            }
  81.        }
  82.  
  83.        @-moz-keyframes -amp-start {
  84.            from {
  85.                visibility: hidden
  86.            }
  87.  
  88.            to {
  89.                visibility: visible
  90.            }
  91.        }
  92.  
  93.        @-ms-keyframes -amp-start {
  94.            from {
  95.                visibility: hidden
  96.            }
  97.  
  98.            to {
  99.                visibility: visible
  100.            }
  101.        }
  102.  
  103.        @-o-keyframes -amp-start {
  104.            from {
  105.                visibility: hidden
  106.            }
  107.  
  108.            to {
  109.                visibility: visible
  110.            }
  111.        }
  112.  
  113.        @keyframes -amp-start {
  114.            from {
  115.                visibility: hidden
  116.            }
  117.  
  118.            to {
  119.                visibility: visible
  120.            }
  121.        }
  122.    </style><noscript>
  123.        <style amp-boilerplate>
  124.            body {
  125.                -webkit-animation: none;
  126.                -moz-animation: none;
  127.                -ms-animation: none;
  128.                animation: none
  129.            }
  130.        </style>
  131.    </noscript>
  132.    <style amp-custom>
  133.        *,
  134.        ::after,
  135.        ::before {
  136.            box-sizing: border-box;
  137.        }
  138.  
  139.        html {
  140.            font-family: sans-serif;
  141.            line-height: 1.15;
  142.            -webkit-text-size-adjust: 100%;
  143.            -webkit-tap-highlight-color: transparent;
  144.        }
  145.  
  146.        article,
  147.        aside,
  148.        figcaption,
  149.        figure,
  150.        footer,
  151.        header,
  152.        main,
  153.        nav,
  154.        section {
  155.            display: flex;
  156.            flex-direction: column;
  157.        }
  158.  
  159.        article {
  160.            margin: 0 auto 18px;
  161.            border-radius: 0 0 8px 8px;
  162.            border: 1px solid rgb(255, 0, 0);
  163.            background-color: #07ad39;
  164.        }
  165.  
  166.        strong {
  167.            color: #fff;
  168.        }
  169.  
  170.        body {
  171.            background: url(https://i.imgur.com/Q9X4iqf.jpeg)no-repeat center;
  172.            background-size: cover;
  173.            min-height: 100vh;
  174.        }
  175.  
  176.        main {
  177.            padding: 5px;
  178.            margin: auto;
  179.            width: 100%;
  180.            overflow: hidden;
  181.            max-width: 1000px;
  182.            text-align: center;
  183.            background-color: rgb(18 20 29);
  184.            background: linear-gradient(to left, rgba(7,173,57), #000000);
  185.            min-height: 100vh;
  186.        }
  187.  
  188.        h1,
  189.        h2,
  190.        h3,
  191.        h4,
  192.        h5,
  193.        h6 {
  194.            color: rgb(255 255 255);
  195.            text-transform: uppercase;
  196.        }
  197.  
  198.        a {
  199.            color: rgb(255 255 255);
  200.        }
  201.  
  202.        a:hover {
  203.            text-decoration: none;
  204.        }
  205.  
  206.        p {
  207.            margin: 0;
  208.            padding: 5px;
  209.            color: white;
  210.            line-height: 1.5rem;
  211.            text-align: justify;
  212.        }
  213.  
  214.        ol,
  215.        ul {
  216.            color: inherit;
  217.            text-align: left;
  218.            line-height: 1.9;
  219.            padding-block-end: 1em
  220.        }
  221.  
  222.        ol>li,
  223.        ul>li {
  224.            padding: 8px
  225.        }
  226.  
  227.        header {
  228.            align-items: center;
  229.            align-content: center;
  230.            background-color: transparent;
  231.            justify-content: space-between;
  232.            background: linear-gradient(to left, rgba(7,173,57), #000000);
  233.        }
  234.  
  235.        header .navigation {
  236.            width: 100%;
  237.            padding: 0;
  238.            margin: 0;
  239.            display: flex;
  240.            list-style: none;
  241.            align-items: center;
  242.            /* justify-content: space-between; */
  243.            align-content: center;
  244.            flex-direction: row;
  245.            background-color: rgb(34 37 51);
  246.            flex-wrap: wrap;
  247.        }
  248.  
  249.        header .navigation .btn {
  250.            height: 50px;
  251.            padding: 0;
  252.            width: 25%;
  253.            max-width: 100%;
  254.            font-size: 15px;
  255.            text-align: center;
  256.            text-transform: uppercase;
  257.            border-left: 1px solid rgb(8 9 10);
  258.            border-right: 1px solid rgb(8 9 10);
  259.            justify-content: space-around;
  260.            border-bottom: 5px solid rgb(20 22 31);
  261.            background-image: -webkit-linear-gradient(top, rgb(216 0 0) 0, rgb(63 0 0) 100%);
  262.        }
  263.  
  264.        header .navigation .btn:hover {
  265.            border-top: 1px solid rgb(255, 242, 0);
  266.            border-left: 1px solid rgb(255, 242, 0);
  267.            border-right: 1px solid rgb(255, 242, 0);
  268.            border-bottom: 5px solid rgb(255, 242, 0);
  269.        }
  270.  
  271.        header .navigation .btn a {
  272.            padding: 8px;
  273.            display: flex;
  274.            color: rgb(255 255 255);
  275.            text-decoration: none;
  276.            text-shadow: 1px 1px 2px rgb(18 20 29);
  277.            box-shadow: 1px 1px 2px rgb(255, 0, 0);
  278.            justify-content: space-between;
  279.        }
  280.  
  281.        header .navigation .btn a:before,
  282.        header .navigation .btn a:after {
  283.            content: ".";
  284.            color: rgb(240 204 116);
  285.            text-shadow: 1px 1px 2px rgb(82 83 88);
  286.        }
  287.  
  288.        .sobat500 {
  289.            width: 100%;
  290.            display: flex;
  291.            margin-bottom: 8px;
  292.            flex-direction: row;
  293.            justify-content: space-between;
  294.            background: linear-gradient(to left, rgba(7,173,57), #000000);
  295.            margin-bottom: -30px;
  296.        }
  297.  
  298.        .sobat500 .logo {
  299.            width: 100%;
  300.            text-align: left;
  301.        }
  302.  
  303.        .sobat500 .btn {
  304.            width: 100%;
  305.            display: flex;
  306.            justify-content: space-between;
  307.            align-content: center;
  308.            flex-wrap: nowrap;
  309.            flex-direction: row;
  310.            align-items: center;
  311.        }
  312.  
  313.        .sobat500 .btn .support {
  314.            margin: auto 2px;
  315.            text-align: center;
  316.            border-radius: 3px;
  317.            align-items: center;
  318.            text-transform: uppercase;
  319.            border: 1px solid rgb(34 37 51);
  320.            border-bottom: 5px solid rgb(255 240 0);
  321.            background-image: -webkit-linear-gradient(top, rgb(255 0 0) 0, rgb(134 0 0) 100%);
  322.        }
  323.  
  324.        .blink {
  325.            animation: blinking .8s infinite;
  326.            transition: all .5s;
  327.        }
  328.  
  329.        @keyframes blinking {
  330.            0% {
  331.                border-bottom: 5px solid rgb(255, 0, 0);
  332.            }
  333.  
  334.            100% {
  335.                border-bottom: 5px solid rgb(255, 242, 0);
  336.            }
  337.        }
  338.  
  339.        .sobat500 .btn .support:hover {
  340.            border-bottom: 5px solid rgb(234, 255, 0);
  341.        }
  342.  
  343.        .sobat500 .btn .support a {
  344.            width: 100%;
  345.            padding: 8px;
  346.            display: block;
  347.            font-size: 20px;
  348.            font-weight: 800;
  349.            color: rgb(0, 0, 0);
  350.            text-decoration: none;
  351.            border-radius: 3px 3px 0 0;
  352.            border: 1px solid rgb(255, 0, 0);
  353.            text-shadow: 1px 1px 2px rgb(255, 7, 7);
  354.        }
  355.  
  356.        caption {
  357.            font-weight: 700;
  358.            text-transform: uppercase;
  359.        }
  360.  
  361.        amp-accordion section:not([expanded]) h4,
  362.        amp-accordion section[expanded] h4 {
  363.            color: #fff;
  364.            border: none;
  365.            padding: 8px;
  366.            line-height: 1.9;
  367.            border-bottom: 1px solid rgb(0 182 205);
  368.            background-color: rgb(25 27 38);
  369.            padding-inline-start: 8px;
  370.        }
  371.  
  372.        amp-accordion section[expanded] p {
  373.            padding: 8px;
  374.            padding-inline-start: 18px;
  375.        }
  376.  
  377.        .desc {
  378.            width: 100%;
  379.            color: #fff;
  380.            margin: 18px auto;
  381.            text-transform: uppercase;
  382.        }
  383.  
  384.        .desc>tbody {
  385.            display: flex;
  386.            flex-wrap: wrap;
  387.            justify-content: space-around;
  388.        }
  389.  
  390.        .desc>tbody>tr {
  391.            margin: 8px;
  392.            width: 25%;
  393.            float: left;
  394.            display: flex;
  395.            border: 1px solid rgb(159 184 232);
  396.            border-radius: 8px;
  397.            flex-direction: column-reverse;
  398.        }
  399.  
  400.        .desc>tbody>tr>td {
  401.            height: 100%;
  402.            font-size: 88%;
  403.            text-align: center;
  404.        }
  405.  
  406.        .desc>tbody>tr>td:first-child {
  407.            color: inherit;
  408.            padding: 8px;
  409.            max-height: 50px;
  410.            display: flex;
  411.            flex-direction: column;
  412.            justify-content: center;
  413.            font-weight: 700;
  414.            border-top: 1px solid rgb(159 184 232);
  415.            text-transform: uppercase;
  416.        }
  417.  
  418.        .desc>tbody>tr>td:nth-child(2) {
  419.            padding: 8px;
  420.            display: flex;
  421.            line-height: 1.5;
  422.            align-items: center;
  423.            flex-direction: column;
  424.            justify-content: center
  425.        }
  426.  
  427.        .nav {
  428.            padding: 0;
  429.            width: 585px;
  430.            max-width: 100%;
  431.            display: flex;
  432.            list-style: none;
  433.            align-items: center;
  434.            justify-content: space-around;
  435.            align-content: flex-end;
  436.            flex-direction: row;
  437.        }
  438.  
  439.        .nav>.btn {
  440.            width: 188px;
  441.            font-size: 18px;
  442.            text-align: center;
  443.            border-radius: 3px;
  444.            text-transform: uppercase;
  445.            border: 1px solid rgb(34 37 51);
  446.            justify-content: space-around;
  447.            border-bottom: 5px solid rgb(0 174 197);
  448.            background-image: -webkit-linear-gradient(top, rgb(0 195 216) 0, rgb(0 102 134) 100%);
  449.        }
  450.  
  451.        .nav>.btn:hover {
  452.            border-bottom: 5px solid rgb(255, 221, 0);
  453.        }
  454.  
  455.        .nav>.btn>a {
  456.            width: 100%;
  457.            height: 38px;
  458.            display: flex;
  459.            font-weight: 800;
  460.            align-items: center;
  461.            justify-content: center;
  462.            color: rgb(255, 230, 0);
  463.            text-decoration: none;
  464.            text-shadow: 1px 1px 2px rgb(7 229 255);
  465.        }
  466.  
  467.        .nav>.btn>a:hover {
  468.            color: rgb(84, 27, 27);
  469.            text-decoration: none;
  470.            text-shadow: 1px 1px 2px rgb(255, 0, 0);
  471.        }
  472.  
  473.        .list>.web {
  474.            margin: 18px auto;
  475.            border-radius: 10px;
  476.            border: 1px solid rgb(188 164 91);
  477.        }
  478.  
  479.        .list>.web>.caption {
  480.            color: #fff;
  481.            padding: 8px;
  482.            font-size: 88%;
  483.            text-transform: uppercase;
  484.            border-radius: 10px 9px 0 0;
  485.            background-color: rgb(75 77 79);
  486.        }
  487.  
  488.        .list>.web>.img {
  489.            width: 175px;
  490.            max-width: 100%;
  491.            display: flex;
  492.        }
  493.  
  494.        .list>.web>.img img {
  495.            object-fit: cover;
  496.            height: 150px;
  497.        }
  498.  
  499.        .button {
  500.            color: rgb(255 255 255);
  501.            height: 38px;
  502.            font-weight: 700;
  503.            text-transform: uppercase;
  504.            border-radius: 0 0 8px 8px;
  505.            background-image: linear-gradient(to right top, #07ad39, #bca45b, #f1d686);
  506.        }
  507.  
  508.        .button a {
  509.            width: 100%;
  510.            height: 38px;
  511.            display: flex;
  512.            align-items: center;
  513.            justify-content: center;
  514.            color: #000;
  515.            text-decoration: none;
  516.            text-shadow: 1px 1px 2px rgb(230 204 125);
  517.        }
  518.  
  519.        footer {
  520.            color: rgb(228 228 228);
  521.            display: flex;
  522.            font-size: 88%;
  523.            text-align: center;
  524.            align-items: center;
  525.            justify-content: center;
  526.            background-color: transparent;
  527.            flex-direction: column;
  528.            flex-wrap: wrap;
  529.            align-content: center;
  530.        }
  531.  
  532.        .marquee-info {
  533.            width: 100%;
  534.            max-width: 100%;
  535.            margin: 0 auto;
  536.            display: flex;
  537.            height: auto;
  538.            flex-direction: row;
  539.            align-items: center;
  540.            background: rgb(23 19 7);
  541.            border-top: 1px solid rgb(255 0 0);
  542.            border-bottom: 1px solid rgb(255 0 0);
  543.        }
  544.  
  545.        .marquee {
  546.            display: block;
  547.            width: 100%;
  548.            overflow: hidden;
  549.            text-align: left;
  550.            word-break: break-word;
  551.        }
  552.  
  553.        .marquee.marquee-speed-drowsy:before {
  554.            animation-duration: 30s;
  555.        }
  556.  
  557.        .marquee.marquee-speed-slow:before {
  558.            animation-duration: 20s;
  559.        }
  560.  
  561.        .marquee.marquee-speed-custom:before {
  562.            animation-duration: inherit;
  563.        }
  564.  
  565.        .marquee.marquee-speed-normal:before {
  566.            animation-duration: 10s;
  567.        }
  568.  
  569.        .marquee.marquee-speed-fast:before {
  570.            animation-duration: 7s;
  571.        }
  572.  
  573.        .marquee.marquee-speed-swift:before {
  574.            animation-duration: 5s;
  575.        }
  576.  
  577.        .marquee.marquee-speed-hyper:before {
  578.            animation-duration: 2s;
  579.        }
  580.  
  581.        .amp-mode-mouse .amp-carousel-button,
  582.        amp-carousel.amphtml-carousel-has-controls .amp-carousel-button,
  583.        amp-carousel[controls] .amp-carousel-button {
  584.            display: none;
  585.        }
  586.  
  587.        @keyframes movement-smooth {
  588.            from {
  589.                transform: translateX(0);
  590.                left: 100%;
  591.            }
  592.  
  593.            to {
  594.                transform: translateX(-100%);
  595.                left: 0;
  596.            }
  597.        }
  598.  
  599.        @keyframes movement-steps20 {
  600.            0% {
  601.                transform: translateX(0);
  602.                left: 100%;
  603.            }
  604.  
  605.            5%,
  606.            9.99% {
  607.                transform: translateX(-5%);
  608.                left: 95%;
  609.            }
  610.  
  611.            10%,
  612.            14.99% {
  613.                transform: translateX(-10%);
  614.                left: 90%;
  615.            }
  616.  
  617.            15%,
  618.            19.99% {
  619.                transform: translateX(-15%);
  620.                left: 85%;
  621.            }
  622.  
  623.            20%,
  624.            24.99% {
  625.                transform: translateX(-20%);
  626.                left: 80%;
  627.            }
  628.  
  629.            25%,
  630.            29.99% {
  631.                transform: translateX(-25%);
  632.                left: 75%;
  633.            }
  634.  
  635.            30%,
  636.            34.99% {
  637.                transform: translateX(-30%);
  638.                left: 70%;
  639.            }
  640.  
  641.            35%,
  642.            39.99% {
  643.                transform: translateX(-35%);
  644.                left: 65%;
  645.            }
  646.  
  647.            40%,
  648.            44.99% {
  649.                transform: translateX(-40%);
  650.                left: 60%;
  651.            }
  652.  
  653.            45%,
  654.            49.99% {
  655.                transform: translateX(-45%);
  656.                left: 55%;
  657.            }
  658.  
  659.            50%,
  660.            54.99% {
  661.                transform: translateX(-50%);
  662.                left: 50%;
  663.            }
  664.  
  665.            55%,
  666.            59.99% {
  667.                transform: translateX(-55%);
  668.                left: 45%;
  669.            }
  670.  
  671.            60%,
  672.            64.99% {
  673.                transform: translateX(-60%);
  674.                left: 40%;
  675.            }
  676.  
  677.            65%,
  678.            69.99% {
  679.                transform: translateX(-65%);
  680.                left: 35%;
  681.            }
  682.  
  683.            70%,
  684.            74.99% {
  685.                transform: translateX(-70%);
  686.                left: 30%;
  687.            }
  688.  
  689.            75%,
  690.            79.99% {
  691.                transform: translateX(-75%);
  692.                left: 25%;
  693.            }
  694.  
  695.            80%,
  696.            84.99% {
  697.                transform: translateX(-80%);
  698.                left: 20%;
  699.            }
  700.  
  701.            85%,
  702.            89.99% {
  703.                transform: translateX(-85%);
  704.                left: 15%;
  705.            }
  706.  
  707.            90%,
  708.            94.99% {
  709.                transform: translateX(-90%);
  710.                left: 10%;
  711.            }
  712.  
  713.            95%,
  714.            99.99% {
  715.                transform: translateX(-95%);
  716.                left: 5%;
  717.            }
  718.  
  719.            100% {
  720.                transform: translateX(-100%);
  721.                left: 0;
  722.            }
  723.        }
  724.  
  725.        @keyframes movement-steps10 {
  726.            0% {
  727.                transform: translateX(0);
  728.                left: 100%;
  729.            }
  730.  
  731.            10%,
  732.            19.99% {
  733.                transform: translateX(-10%);
  734.                left: 90%;
  735.            }
  736.  
  737.            20%,
  738.            29.99% {
  739.                transform: translateX(-20%);
  740.                left: 80%;
  741.            }
  742.  
  743.            30%,
  744.            39.99% {
  745.                transform: translateX(-30%);
  746.                left: 70%;
  747.            }
  748.  
  749.            40%,
  750.            49.99% {
  751.                transform: translateX(-40%);
  752.                left: 60%;
  753.            }
  754.  
  755.            50%,
  756.            59.99% {
  757.                transform: translateX(-50%);
  758.                left: 50%;
  759.            }
  760.  
  761.            60%,
  762.            69.99% {
  763.                transform: translateX(-60%);
  764.                left: 40%;
  765.            }
  766.  
  767.            70%,
  768.            79.99% {
  769.                transform: translateX(-70%);
  770.                left: 30%;
  771.            }
  772.  
  773.            80%,
  774.            89.99% {
  775.                transform: translateX(-80%);
  776.                left: 20%;
  777.            }
  778.  
  779.            90%,
  780.            99.99% {
  781.                transform: translateX(-90%);
  782.                left: 10%;
  783.            }
  784.  
  785.            100% {
  786.                transform: translateX(-100%);
  787.                left: 0;
  788.            }
  789.        }
  790.  
  791.        @keyframes movement-steps5 {
  792.  
  793.            0%,
  794.            19.99% {
  795.                transform: translateX(0);
  796.                left: 100%;
  797.            }
  798.  
  799.            20%,
  800.            39.99% {
  801.                transform: translateX(-20%);
  802.                left: 80%;
  803.            }
  804.  
  805.            40%,
  806.            59.99% {
  807.                transform: translateX(-40%);
  808.                left: 60%;
  809.            }
  810.  
  811.            60%,
  812.            79.99% {
  813.                transform: translateX(-60%);
  814.                left: 40%;
  815.            }
  816.  
  817.            80%,
  818.            99.99% {
  819.                transform: translateX(-80%);
  820.                left: 20%;
  821.            }
  822.  
  823.            100% {
  824.                transform: translateX(-100%);
  825.                left: 0;
  826.            }
  827.        }
  828.  
  829.        .marquee.marquee-movement-smooth:before {
  830.            animation-name: movement-smooth;
  831.        }
  832.  
  833.        .marquee.marquee-movement-steps20:before {
  834.            animation-name: movement-steps20;
  835.        }
  836.  
  837.        .marquee.marquee-movement-steps10:before {
  838.            animation-name: movement-steps10;
  839.        }
  840.  
  841.        .marquee.marquee-movement-steps5:before {
  842.            animation-name: movement-steps5;
  843.        }
  844.  
  845.        .marquee.marquee-direction-left:before,
  846.        .marquee.marquee-direction-normal:before {
  847.            animation-direction: normal;
  848.        }
  849.  
  850.        .marquee.marquee-direction-alternate:before {
  851.            animation-direction: alternate;
  852.        }
  853.  
  854.        .marquee.marquee-direction-reverse:before,
  855.        .marquee.marquee-direction-right:before {
  856.            animation-direction: reverse;
  857.        }
  858.  
  859.        .marquee:before {
  860.            content: attr(data-marquee);
  861.            white-space: nowrap;
  862.            position: relative;
  863.            transform: translateX(-50%);
  864.            display: inline-block;
  865.            left: 50%;
  866.            animation: linear infinite;
  867.        }
  868.  
  869.        .marquee:before {
  870.            animation-duration: 18s;
  871.        }
  872.  
  873.        .marquee:before {
  874.            animation-name: movement-smooth;
  875.        }
  876.  
  877.        .check-list li:before {
  878.            content: "\f00c";
  879.            padding: 0 5px;
  880.            color: rgb(1 233 255);
  881.            font-weight: 400;
  882.            font-family: FontAwesome;
  883.        }
  884.  
  885.        .marquee:before {
  886.            animation-direction: normal;
  887.        }
  888.  
  889.        .marquee-info .left {
  890.            color: #fff;
  891.            width: 20%;
  892.            height: 35px;
  893.            float: left;
  894.            display: flex;
  895.            font-size: 12px;
  896.            align-items: center;
  897.            justify-content: center;
  898.            text-transform: uppercase;
  899.            background-color: rgb(87 0 0);
  900.        }
  901.  
  902.        .marquee-info .right {
  903.            color: #fff;
  904.            width: 80%;
  905.            height: 35px;
  906.            padding: 8px;
  907.            float: left;
  908.            display: flex;
  909.            align-items: center;
  910.            background-color: rgb(18 20 29);
  911.        }
  912.  
  913.        .support {
  914.            display: flex;
  915.            flex-wrap: wrap;
  916.            flex-direction: column;
  917.            background: url(domain) no-repeat center top;
  918.            background-size: cover;
  919.        }
  920.  
  921.        .provider {
  922.            width: 100%;
  923.            padding: 8px;
  924.            display: flex;
  925.            flex-wrap: wrap;
  926.            align-content: center;
  927.            justify-content: center;
  928.            align-items: center;
  929.        }
  930.  
  931.        .provider .name .logo {
  932.            width: 20%;
  933.            padding: 8px 2px;
  934.        }
  935.  
  936.        .provider .name .logo img {
  937.            border-radius: 14px;
  938.        }
  939.  
  940.        .provider .headline {
  941.            color: #fff;
  942.            width: 100%;
  943.            padding: 8px;
  944.            font-weight: 700;
  945.            text-transform: uppercase;
  946.            background-color: rgb(75 77 79);
  947.        }
  948.  
  949.        .provider .name .logo img:hover {
  950.            filter: grayscale(1);
  951.        }
  952.  
  953.        .provider .name {
  954.            padding: 8px 0;
  955.            /* flex-basis: calc(35% * 2); */
  956.        }
  957.  
  958.        .provider img {
  959.            width: 100%;
  960.            max-width: 118px;
  961.        }
  962.  
  963.        .copyright {
  964.            width: 100%;
  965.            padding: 28px;
  966.            background: -webkit-linear-gradient(left, rgb(66 0 0) 0, rgb(112 0 0) 50%, rgb(185 0 0) 100%);
  967.        }
  968.  
  969.        @media only screen and (max-width: 600px) {
  970.            header {
  971.                padding: 0;
  972.                display: flex;
  973.                margin: auto;
  974.                flex-direction: column;
  975.                align-content: space-around;
  976.            }
  977.  
  978.            header .navigation {
  979.                margin-top: 38%;
  980.            }
  981.  
  982.            .sobat500 {
  983.                z-index: 99;
  984.                padding: 8px 0;
  985.                position: fixed;
  986.                top: 0;
  987.                flex-direction: column-reverse;
  988.            }
  989.  
  990.            .sobat500 .logo {
  991.                text-align: center;
  992.            }
  993.  
  994.            header .navigation .btn {
  995.                width: 100%;
  996.            }
  997.  
  998.            header .navigation .btn a {
  999.                display: flex;
  1000.                justify-content: space-between;
  1001.            }
  1002.  
  1003.            .support {
  1004.                flex-direction: column-reverse;
  1005.            }
  1006.  
  1007.            .provider .name {
  1008.                flex-basis: auto;
  1009.            }
  1010.  
  1011.            .desc>tbody>tr {
  1012.                width: 100%;
  1013.            }
  1014.  
  1015.            .provider .name .logo {
  1016.                width: 25%;
  1017.            }
  1018.  
  1019.            .marquee-info {
  1020.                flex-direction: column;
  1021.            }
  1022.  
  1023.            .marquee-info .left,
  1024.            .marquee-info .right {
  1025.                width: 100%;
  1026.                padding: 5px;
  1027.                text-align: center;
  1028.                border-bottom: 1px solid rgb(161 177 188 / 50%);
  1029.            }
  1030.        }
  1031.  
  1032.        .content {
  1033.            padding: 15px;
  1034.        }
  1035.  
  1036.        h1,
  1037.        h2,
  1038.        h3,
  1039.        h4 {
  1040.            color: Ghost White;
  1041.            border-bottom: 4px solid rgb(0, 0, 0);
  1042.            padding-bottom: 15px;
  1043.  
  1044.        }
  1045.  
  1046.        a {
  1047.            color: Ghost White;
  1048.        }
  1049.  
  1050.        a:hover {
  1051.            color: red;
  1052.        }
  1053.  
  1054.        .fixed-footer {
  1055.            display: flex;
  1056.            justify-content: space-around;
  1057.            position: fixed;
  1058.            background: linear-gradient(45deg, #000000, #07ad39);
  1059.            padding: 5px 0;
  1060.            left: 0;
  1061.            right: 0;
  1062.            bottom: 0;
  1063.            z-index: 99
  1064.        }
  1065.  
  1066.        .content-acc,
  1067.        .heading-acc {
  1068.            padding: 10px 18px
  1069.        }
  1070.  
  1071.        .fixed-footer a {
  1072.            flex-basis: calc((100% - 15px*6)/ 5);
  1073.            display: flex;
  1074.            flex-direction: column;
  1075.            justify-content: center;
  1076.            align-items: center;
  1077.            color: #fff;
  1078.            max-width: 75px;
  1079.            font-size: 12px
  1080.        }
  1081.  
  1082.        .fixed-footer .center {
  1083.            transform: scale(1.5) translateY(-5px);
  1084.            background: center/contain no-repeat;
  1085.            background-color: inherit;
  1086.            border-radius: 50%
  1087.        }
  1088.  
  1089.        .fixed-footer amp-img {
  1090.            max-width: 30%;
  1091.            margin-bottom: 5px
  1092.        }
  1093.  
  1094.        .tada {
  1095.            -webkit-animation-name: tada;
  1096.            animation-name: tada;
  1097.            -webkit-animation-duration: 1s;
  1098.            animation-duration: 1s;
  1099.            -webkit-animation-fill-mode: both;
  1100.            animation-fill-mode: both
  1101.        }
  1102.  
  1103.        @-webkit-keyframes tada {
  1104.  
  1105.            0%,
  1106.            100% {
  1107.                -webkit-transform: scale3d(1, 1, 1);
  1108.                transform: scale3d(1, 1, 1)
  1109.            }
  1110.  
  1111.            10%,
  1112.            20% {
  1113.                -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  1114.                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  1115.            }
  1116.  
  1117.            30%,
  1118.            50%,
  1119.            70%,
  1120.            90% {
  1121.                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  1122.                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  1123.            }
  1124.  
  1125.            40%,
  1126.            60%,
  1127.            80% {
  1128.                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  1129.                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  1130.            }
  1131.        }
  1132.  
  1133.  
  1134.        .Banner amp-img {
  1135.            margin-top: 30px;
  1136.            animation: rainbow-border 4s linear infinite;
  1137.            border: 1px solid;
  1138.            border-radius: 10px;
  1139.        }
  1140.  
  1141.        .Banner {
  1142.            margin: auto;
  1143.  
  1144.        }
  1145.  
  1146.  
  1147.        @keyframes rainbow-border {
  1148.            0% {
  1149.                border-image-slice: 1;
  1150.                border-color: #07ad39;
  1151.            }
  1152.  
  1153.            14% {
  1154.                border-color: #FFA500;
  1155.            }
  1156.  
  1157.            28% {
  1158.                border-color: #07ad39;
  1159.            }
  1160.  
  1161.            42% {
  1162.                border-color: #FFA500;
  1163.            }
  1164.  
  1165.            57% {
  1166.                border-color: #FFFF00;
  1167.            }
  1168.  
  1169.            71% {
  1170.                border-color: #07ad39;
  1171.            }
  1172.  
  1173.            85% {
  1174.                border-color: #FFFF00;
  1175.            }
  1176.  
  1177.            100% {
  1178.                border-image-slice: 1;
  1179.                border-color: #07ad39;
  1180.            }
  1181.        }
  1182.  
  1183.        .text-center {
  1184.            text-align: center;
  1185.            align-items: center;
  1186.            post: revert;
  1187.            margin: 5px 1px;
  1188.        }
  1189.  
  1190.        .btn {
  1191.            display: inline-block;
  1192.            font-weight: 400;
  1193.            color: #07ad39;
  1194.            text-align: center;
  1195.            vertical-align: middle;
  1196.            -webkit-user-select: none;
  1197.            -moz-user-select: none;
  1198.            -ms-user-select: none;
  1199.            user-select: none;
  1200.            background-color: transparent;
  1201.            border: 1px solid transparent;
  1202.            padding: 0.375rem 0.75rem;
  1203.            font-size: 1rem;
  1204.            line-height: 1.5;
  1205.            border-radius: 0.25rem;
  1206.            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  1207.            font-weight: bolder;
  1208.            text-decoration: none;
  1209.        }
  1210.  
  1211.        .btn-warning {
  1212.            color: #07ad39;
  1213.            background-color: #07ad39;
  1214.            border-color: #07ad39;
  1215.        }
  1216.  
  1217.        .hrbtn {
  1218.            display: flex;
  1219.            width: 100%;
  1220.            flex-direction: row;
  1221.            justify-content: space-around;
  1222.            margin: 20px 0px;
  1223.        }
  1224.  
  1225.        .link {
  1226.            padding: 14px;
  1227.            display: block;
  1228.            background-color: #000000;
  1229.            text-align: center;
  1230.            text-decoration: none;
  1231.            border-radius: 4px;
  1232.            transition: ease all 0.3s;
  1233.            color: #FFF;
  1234.            margin: 30px 0px;
  1235.            border: 1px solid #07ad39;
  1236.            animation: rainbow-border 4s linear infinite;
  1237.            font-weight: bolder;
  1238.            text-transform: uppercase;
  1239.        }
  1240.  
  1241.        a.link {
  1242.            display: flex;
  1243.            flex-direction: row;
  1244.            align-content: center;
  1245.            align-items: center;
  1246.            justify-content: space-evenly;
  1247.            fill: white;
  1248.            font-size: 1.5rem;
  1249.            width: 16.2rem;
  1250.            border-radius: 10px;
  1251.        }
  1252.  
  1253.        @media only screen and (max-width: 600px) {
  1254.  
  1255.            p,
  1256.            li,
  1257.            ul,
  1258.            ol {
  1259.                font-size: 13px;
  1260.                line-height: 1.2rem;
  1261.            }
  1262.  
  1263.            h1 {
  1264.                font-size: 14px;
  1265.                line-height: 1.4;
  1266.            }
  1267.  
  1268.            h2 {
  1269.                font-size: 15px;
  1270.            }
  1271.  
  1272.            a.link {
  1273.                display: flex;
  1274.                flex-direction: row;
  1275.                align-content: center;
  1276.                align-items: center;
  1277.                justify-content: space-evenly;
  1278.                fill: white;
  1279.                font-size: 1rem;
  1280.                width: 100%;
  1281.                margin: 13px;
  1282.                border-radius: 10px;
  1283.            }
  1284.  
  1285.            .Banner amp-img {
  1286.                margin-top: 30px;
  1287.                animation: rainbow-border 4s linear infinite;
  1288.                border: 1px solid;
  1289.                border-radius: 10px;
  1290.                margin: 13px;
  1291.            }
  1292.  
  1293.            h1,
  1294.            h2,
  1295.            h3,
  1296.            h4 {
  1297.                color: Ghost White;
  1298.                border-bottom: 1px solid rgb(0, 0, 0);
  1299.                padding-bottom: 15px;
  1300.            }
  1301.  
  1302.  
  1303.        }
  1304.    </style>
  1305. </head>
  1306.  
  1307. <body itemscope="itemscope" itemtype="http://schema.org/WebPage">
  1308.    <main>
  1309.        <div class="header">
  1310.            <header>
  1311.                <div class="sobat500">
  1312.                    <div class="logo" itemprop="publisher" itemscope="itemscope"
  1313.                        itemtype="https://schema.org/Organization">
  1314.                        <div itemprop="logo" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
  1315.                            <amp-img
  1316.                                src="https://i.imgur.com/ibrd3uf.gif"
  1317.                                layout="intrinsic" width="300" height="100" alt="SOBAT500"></amp-img>
  1318.                            <meta itemprop="width" content="250">
  1319.                            <meta itemprop="height" content="100">
  1320.                            <meta itemprop="name" content="SOBAT500">
  1321.                        </div>
  1322.                        <div itemprop="brand" itemtype="https://schema.org/Brand" itemscope="itemscope">
  1323.                            <meta itemprop="name" content="SOBAT500" />
  1324.                            <meta itemprop="logo"
  1325.                                content="https://i.imgur.com/ibrd3uf.gif" />
  1326.                            <meta itemprop="image" content="SOBAT500" />
  1327.                        </div>
  1328.                    </div>
  1329.  
  1330.                </div>
  1331.            </header>
  1332.        </div>
  1333.        <br>
  1334.        <br>
  1335.        <br>
  1336.        <br>
  1337.        <div class="Banner" itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
  1338.            <div class="contain bg-white ptpb">
  1339.                <div class="text-center">
  1340.                    <div class="article">
  1341.                    </div>
  1342.                </div>
  1343.            </div>
  1344.            <br>
  1345.            <br>
  1346.            <amp-img src="https://i.imgur.com/tcSGS1a.jpeg"
  1347.                layout="intrinsic" width="500" height="500" alt="SOBAT500"></amp-img>
  1348.            <meta itemprop="url" content="https://i.imgur.com/tcSGS1a.jpeg">
  1349.            <meta itemprop="width" content="720">
  1350.            <meta itemprop="height" content="400">
  1351.  
  1352.            <div class="hrbtn">
  1353.                <a href="https://heylink.me/sobat500online/" class="link" target="_blank"
  1354.                    rel="noopener noreferrer nofollow">DAFTAR
  1355.                    <svg xmlns="https://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
  1356.                        <path
  1357.                            d="M24.112 29.996c-3.304 0-5.892-2.577-5.892-5.866 0-.935.039-1.606.114-2.102l-7.543-3.934c-1.096 1.642-2.977 2.716-4.907 2.716-3.304 0-5.891-2.577-5.891-5.867 0-3.288 2.587-5.866 5.891-5.866 1.26 0 2.514.624 3.051.891.345.173.834.608 1.308 1.078l8.007-5.763c.285-3.005 2.757-5.28 5.862-5.28 3.304 0 5.892 2.576 5.892 5.865s-2.588 5.866-5.892 5.866c-1.636 0-3.155-.662-4.171-1.817a1.102 1.102 0 01.104-1.561 1.112 1.112 0 011.569.104c.584.664 1.518 1.061 2.498 1.061 2.058 0 3.67-1.604 3.67-3.653 0-2.048-1.612-3.652-3.67-3.652-2.056 0-3.669 1.604-3.669 3.652 0 .355-.17.689-.459.897l-9.225 6.641a1.115 1.115 0 01-1.472-.149c-.539-.586-1.18-1.204-1.371-1.322-.337-.167-1.296-.644-2.032-.644-2.058 0-3.67 1.604-3.67 3.652 0 2.049 1.612 3.653 3.67 3.653 1.588 0 2.946-1.239 3.412-2.403a1.11 1.11 0 01.648-.627c.295-.11.621-.088.901.057l9.337 4.87a1.103 1.103 0 01.401 1.607c-.041.143-.14.641-.14 2.03 0 2.048 1.613 3.652 3.669 3.652 2.058 0 3.67-1.604 3.67-3.652s-1.612-3.652-3.67-3.652c-.708 0-.874.067-1.391.325a1.12 1.12 0 01-1.494-.495 1.105 1.105 0 01.5-1.485c.79-.395 1.298-.559 2.385-.559 3.304 0 5.892 2.577 5.892 5.866 0 3.289-2.588 5.866-5.892 5.866z"
  1358.                            fill=""></path>
  1359.                    </svg></a>
  1360.                <a href="https://heylink.me/sobat500online/" class="link" target="_blank" rel="noopener noreferrer nofollow">LOGIN
  1361.                    <svg xmlns="https://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
  1362.                        <path
  1363.                            d="M24.112 29.996c-3.304 0-5.892-2.577-5.892-5.866 0-.935.039-1.606.114-2.102l-7.543-3.934c-1.096 1.642-2.977 2.716-4.907 2.716-3.304 0-5.891-2.577-5.891-5.867 0-3.288 2.587-5.866 5.891-5.866 1.26 0 2.514.624 3.051.891.345.173.834.608 1.308 1.078l8.007-5.763c.285-3.005 2.757-5.28 5.862-5.28 3.304 0 5.892 2.576 5.892 5.865s-2.588 5.866-5.892 5.866c-1.636 0-3.155-.662-4.171-1.817a1.102 1.102 0 01.104-1.561 1.112 1.112 0 011.569.104c.584.664 1.518 1.061 2.498 1.061 2.058 0 3.67-1.604 3.67-3.653 0-2.048-1.612-3.652-3.67-3.652-2.056 0-3.669 1.604-3.669 3.652 0 .355-.17.689-.459.897l-9.225 6.641a1.115 1.115 0 01-1.472-.149c-.539-.586-1.18-1.204-1.371-1.322-.337-.167-1.296-.644-2.032-.644-2.058 0-3.67 1.604-3.67 3.652 0 2.049 1.612 3.653 3.67 3.653 1.588 0 2.946-1.239 3.412-2.403a1.11 1.11 0 01.648-.627c.295-.11.621-.088.901.057l9.337 4.87a1.103 1.103 0 01.401 1.607c-.041.143-.14.641-.14 2.03 0 2.048 1.613 3.652 3.669 3.652 2.058 0 3.67-1.604 3.67-3.652s-1.612-3.652-3.67-3.652c-.708 0-.874.067-1.391.325a1.12 1.12 0 01-1.494-.495 1.105 1.105 0 01.5-1.485c.79-.395 1.298-.559 2.385-.559 3.304 0 5.892 2.577 5.892 5.866 0 3.289-2.588 5.866-5.892 5.866z"
  1364.                            fill=""></path>
  1365.                    </svg></a>
  1366.            </div>
  1367.            <h1 style="text-align: center;">SOBAT500 : Sobat Ngarit Inspirasi Komunitas Kreatif Generasi Muda</h1>
  1368.           <p style="text-align: center;">Sobat Ngarit hadir melalui SOBAT500, komunitas kreatif generasi muda yang mendorong ide-ide segar dan kolaborasi positif. Temukan ruang untuk berkembang dan berkarya!</p>
  1369.           <br>
  1370.           <br>
  1371.           <br>
  1372.           <br>
  1373.        </div>
  1374.    </main>
  1375.    <div class="fixed-footer">
  1376.        <a href="https://heylink.me/sobat500online/" rel="nofollow noopener" target="_blank">
  1377.            <amp-img layout="intrinsic" height="75" width="75"
  1378.                src="https://i.imgur.com/jnM9FOn.png"
  1379.                alt="promo SOBAT500"></amp-img>
  1380.            Bonus
  1381.        </a>
  1382.        <a href="https://heylink.me/sobat500online/" rel="nofollow noopener" target="_blank">
  1383.            <amp-img layout="intrinsic" height="75" width="75"
  1384.                src="https://i.imgur.com/i0VYpbr.png"
  1385.                alt="login SOBAT500"></amp-img>
  1386.            Login
  1387.        </a>
  1388.        <a href="https://heylink.me/sobat500online/" rel="nofollow noopener" target="_blank" class="tada">
  1389.            <amp-img class="center" layout="intrinsic" height="50" width="50"
  1390.                src="https://i.imgur.com/xTyaskk.png"
  1391.                alt="Daftar SOBAT500"></amp-img>
  1392.            Daftar
  1393.        </a>
  1394.        <a href="https://heylink.me/sobat500online/" rel="nofollow noopener" target="_blank">
  1395.            <amp-img layout="intrinsic" height="75" width="75"
  1396.                src="https://i.imgur.com/MmfeI48.png"
  1397.                alt="Link Alternatif SOBAT500"></amp-img>
  1398.            Link Alternatif
  1399.        </a>
  1400.        <a href="https://heylink.me/sobat500online/" rel="nofollow noopener" target="_blank"
  1401.            class="js_live_chat_link live-chat-link">
  1402.            <amp-img class="live-chat-icon" layout="intrinsic" height="75" width="75"
  1403.                src="https://i.imgur.com/gYgFjkH.png"
  1404.                alt="Live Chat SOBAT500"></amp-img>
  1405.            Live Chat
  1406.        </a>
  1407.    </div>
  1408. </body>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda