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: http://www.sicerdas.my.id

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="utf-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <meta name="csrf-token" content="iyBqI9LEmGoL14wsB4AatDjaJuj71PcHZT8mWqrv">
  7.  
  8.    <title>SiCerdas</title>
  9.    <link rel="icon" href="http://www.sicerdas.my.id/images/LogoSiCerdas.png" type="image/png">
  10.  
  11.    <link rel="preconnect" href="https://fonts.bunny.net">
  12.    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
  13.    <script src="https://cdn.tailwindcss.com"></script>
  14.  
  15.    <!-- Font Awesome -->
  16.    <script src="https://kit.fontawesome.com/your-kit-code.js" crossorigin="anonymous"></script>
  17.  
  18.    <!-- AOS CSS & JS -->
  19.    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
  20.    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  21. </head>
  22. <body class="font-sans text-gray-900 antialiased bg-blue-50">
  23.  
  24.    <script>
  25.        AOS.init();
  26.    </script>
  27.  
  28.    <!-- Navbar -->
  29.    <nav class="bg-blue-700 text-white shadow-md">
  30.        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
  31.            <div class="flex items-center space-x-2">
  32.                <img src="http://www.sicerdas.my.id/images/LogoSiCerdas.png" alt="Si Cerdas Logo" class="w-10 h-10">
  33.                <img src="http://www.sicerdas.my.id/images/TextSiCerdas.png" alt="Si Cerdas Text" class="h-8">
  34.            </div>
  35.        </div>
  36.    </nav>
  37.  
  38.    <!-- Hero Section -->
  39.    <section class="w-full bg-blue-50 py-20">
  40.        <div class="max-w-7xl mx-auto px-6 lg:px-8 flex flex-col-reverse lg:flex-row items-center gap-12">
  41.            <!-- Teks Sambutan -->
  42.            <div class="w-full lg:w-1/2 text-center lg:text-left space-y-6" data-aos="fade-right">
  43.                <h1 class="text-4xl lg:text-5xl font-extrabold text-blue-800 leading-tight">Selamat Datang di</h1>
  44.                <h1 class="text-4xl lg:text-5xl font-extrabold text-blue-800 leading-tight"><span class="text-indigo-700">Si Cerdas</span></h1>
  45.                <p class="text-lg text-gray-600 leading-relaxed">Platform pembelajaran modern untuk siswa SMP. Jelajahi materi, ikuti diskusi, dan dapatkan pengalaman belajar terbaik!</p>
  46.                <div class="flex flex-col sm:flex-row sm:justify-start justify-center gap-4 mt-6">
  47.                    <a href="http://www.sicerdas.my.id/login" class="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-6 py-3 rounded-lg transition shadow">Masuk</a>
  48.                    <a href="http://www.sicerdas.my.id/register" class="bg-white border border-blue-600 text-blue-600 hover:bg-blue-100 font-semibold px-6 py-3 rounded-lg transition shadow">Daftar</a>
  49.                </div>
  50.            </div>
  51.  
  52.            <!-- Gambar -->
  53.            <div class="w-full lg:w-1/2" data-aos="fade-left">
  54.                <img src="http://www.sicerdas.my.id/images/wallpaper.png" alt="Welcome Image" class="rounded-xl w-full object-cover shadow-xl max-h-[480px]">
  55.            </div>
  56.        </div>
  57.    </section>
  58.  
  59.    <!-- Section Fitur -->
  60.    <section class="bg-white py-16">
  61.        <div class="max-w-6xl mx-auto px-6 text-center">
  62.            <h2 class="text-2xl font-bold text-blue-700 mb-10" data-aos="zoom-in">Apa yang Bisa Kamu Lakukan di Si Cerdas?</h2>
  63.            <div class="grid grid-cols-1 md:grid-cols-2 gap-10 text-left">
  64.                <div class="bg-blue-50 p-6 rounded-xl shadow hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
  65.                    <i class="fas fa-book text-3xl text-indigo-600 mb-4"></i>
  66.                    <h3 class="text-xl font-semibold text-blue-800">Materi Interaktif</h3>
  67.                    <p class="text-gray-600">Akses materi lengkap dan sesuai kurikulum. Dipandu dengan video dan teks.</p>
  68.                </div>
  69.                <div class="bg-blue-50 p-6 rounded-xl shadow hover:shadow-md transition" data-aos="fade-up" data-aos-delay="200">
  70.                    <i class="fas fa-comments text-3xl text-indigo-600 mb-4"></i>
  71.                    <h3 class="text-xl font-semibold text-blue-800">Forum Diskusi</h3>
  72.                    <p class="text-gray-600">Berdiskusi langsung dengan guru atau teman tentang materi.</p>
  73.                </div>
  74.                <div class="bg-blue-50 p-6 rounded-xl shadow hover:shadow-md transition" data-aos="fade-up" data-aos-delay="100">
  75.                    <i class="fas fa-book text-3xl text-indigo-600 mb-4"></i>
  76.                    <h3 class="text-xl font-semibold text-blue-800">Game</h3>
  77.                    <p class="text-gray-600">Mengerjakan soal menjadi lebih seru.</p>
  78.                </div>
  79.                <div class="bg-blue-50 p-6 rounded-xl shadow hover:shadow-md transition" data-aos="fade-up" data-aos-delay="300">
  80.                    <i class="fas fa-user-astronaut text-3xl text-indigo-600 mb-4"></i>
  81.                    <h3 class="text-xl font-semibold text-blue-800">Avatar Kustom</h3>
  82.                    <p class="text-gray-600">Pilih avatar yang sesuai dengan karaktermu, dari manusia hingga hewan yang lucu!</p>
  83.                </div>
  84.            </div>
  85.        </div>
  86.    </section>
  87.  
  88.    <!-- Tentang Kami -->
  89.    <section class="bg-blue-100 py-20 px-4">
  90.        <div class="max-w-5xl mx-auto text-center" data-aos="fade-up">
  91.            <h2 class="text-3xl font-bold text-blue-800 mb-6">Tentang Kami</h2>
  92.            <p class="text-gray-700 text-lg leading-relaxed max-w-3xl mx-auto">
  93.                Si Cerdas adalah platform pembelajaran digital yang dibuat untuk siswa SMP.
  94.                Kami menghadirkan metode belajar yang modern, menyenangkan, dan relevan dengan dunia industri.
  95.                Visi kami adalah membentuk generasi muda yang siap kerja dan terus berkembang di era digital.
  96.            </p>
  97.        </div>
  98.    </section>
  99.  
  100.    <!-- Mengapa Memilih Si Cerdas -->
  101.    <section class="bg-white py-20 px-4">
  102.        <div class="max-w-6xl mx-auto text-center">
  103.            <h2 class="text-2xl font-bold text-blue-700 mb-10" data-aos="fade-up">Mengapa Memilih Si Cerdas?</h2>
  104.            <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
  105.                <div class="p-6 rounded-xl bg-blue-50 shadow hover:shadow-md" data-aos="zoom-in" data-aos-delay="100">
  106.                    <i class="fas fa-laptop-code text-3xl text-indigo-600 mb-4"></i>
  107.                    <h3 class="text-lg font-semibold text-blue-800">Seru dan interaktif</h3>
  108.                    <p class="text-gray-600">Belajar melalui pembelajaran video dan game.</p>
  109.                </div>
  110.                <div class="p-6 rounded-xl bg-blue-50 shadow hover:shadow-md" data-aos="zoom-in" data-aos-delay="200">
  111.                    <i class="fas fa-users text-3xl text-indigo-600 mb-4"></i>
  112.                    <h3 class="text-lg font-semibold text-blue-800">Kemudahan Diskusi</h3>
  113.                    <p class="text-gray-600">Didukung diskusi bersama dan pengajar yang saling membantu.</p>
  114.                </div>
  115.                <div class="p-6 rounded-xl bg-blue-50 shadow hover:shadow-md" data-aos="zoom-in" data-aos-delay="300">
  116.                    <i class="fas fa-bolt text-3xl text-indigo-600 mb-4"></i>
  117.                    <h3 class="text-lg font-semibold text-blue-800">Akses Cepat</h3>
  118.                    <p class="text-gray-600">Mudah diakses kapan saja, di mana saja dengan perangkat apapun.</p>
  119.                </div>
  120.            </div>
  121.        </div>
  122.    </section>
  123.  
  124.    <!-- Call to Action -->
  125.    <section class="bg-indigo-600 text-white py-16 px-4">
  126.        <div class="max-w-4xl mx-auto text-center" data-aos="fade-up">
  127.            <h2 class="text-3xl font-bold mb-4">Gabung Sekarang dan Jadi Bagian dari Si Cerdas!</h2>
  128.            <p class="text-lg mb-6">Mulailah perjalanan belajarmu bersama komunitas siswa SMP yang antusias dan kreatif.</p>
  129.            <a href="http://www.sicerdas.my.id/register" class="bg-white text-indigo-600 font-semibold px-6 py-3 rounded-lg shadow hover:bg-indigo-100 transition">
  130.                Daftar Sekarang
  131.            </a>
  132.        </div>
  133.    </section>
  134.  
  135.    <!-- Footer -->
  136.    <footer class="bg-blue-700 text-white py-6 text-center px-4 relative z-10">
  137.        <p>&copy; 2025 Si Cerdas. Semua Hak Dilindungi.</p>
  138.    </footer>
  139.  
  140. </body>
  141. </html>
  142.  

Home · About · News · Docs · Terms

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