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://nurulilmiciampel.ponpes.id

  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>Pondok Pesantren Nurul Ilmi Ciampel</title>
  7.    <meta name="description" content="Website resmi Pondok Pesantren Nurul Ilmi Ciampel — Mendidik santri berakhlak mulia melalui pendidikan Islam, tahfidz Al-Qur&#039;an, kajian kitab, dan pembinaan karakter di Ciampel.">
  8.    <meta property="og:title" content="Pondok Pesantren Nurul Ilmi Ciampel">
  9.    <meta property="og:description" content="Website resmi Pondok Pesantren Nurul Ilmi Ciampel — Mendidik santri berakhlak mulia melalui pendidikan Islam, tahfidz Al-Qur&#039;an, kajian kitab, dan pembinaan karakter di Ciampel.">
  10.    <meta property="og:url" content="http://nurulilmiciampel.ponpes.id/">
  11.    <meta property="og:image" content="http://nurulilmiciampel.ponpes.id/assets/ogimage.jpg">
  12.    <meta property="og:type" content="website">
  13.    <meta property="og:site_name" content="nurulilmiciampel.ponpes.id">
  14.    <meta name="twitter:card" content="summary_large_image">
  15.    <meta name="twitter:title" content="Pondok Pesantren Nurul Ilmi Ciampel">
  16.    <meta name="twitter:description" content="Website resmi Pondok Pesantren Nurul Ilmi Ciampel — Mendidik santri berakhlak mulia melalui pendidikan Islam, tahfidz Al-Qur&#039;an, kajian kitab, dan pembinaan karakter di Ciampel.">
  17.    <meta name="twitter:image" content="http://nurulilmiciampel.ponpes.id/assets/ogimage.jpg">
  18.    <link rel="canonical" href="https://nurulilmiciampel.ponpes.id/">
  19.    <link rel="icon" href="https://nurulilmiciampel.ponpes.id/assets/ponpes.png">
  20.    <!-- Tailwind CSS CDN -->
  21.    <script src="https://cdn.tailwindcss.com" type="47b92d1e2f872e26f32a092b-text/javascript"></script>
  22. </head>
  23. <body>
  24.  
  25. <!-- Navigation -->
  26. <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 bg-white border-b border-gray-100 transition-all duration-300">
  27.    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  28.        <div class="flex justify-between items-center h-16">
  29.            <!-- Logo -->
  30.            <div class="flex-shrink-0 flex items-center space-x-3">
  31.                <img src="assets/ponpes.png" alt="Logo" class="h-10">
  32.                <h1 class="text-xl font-bold text-gray-900">Pondok Pesantren
  33.                </h1>
  34.            </div>
  35.            
  36.            <!-- Desktop Navigation -->
  37.            <div class="hidden md:flex space-x-8">
  38.                <a href="#beranda" class="text-gray-700 hover:text-blue-600 transition-colors">Beranda</a>
  39.                <a href="#tentang" class="text-gray-700 hover:text-blue-600 transition-colors">Tentang</a>
  40.                <a href="#fasilitas" class="text-gray-700 hover:text-blue-600 transition-colors">Fasilitas</a>
  41.                <a href="#guru" class="text-gray-700 hover:text-blue-600 transition-colors">Pengajar</a>
  42.                <a href="#kontak" class="text-gray-700 hover:text-blue-600 transition-colors">Kontak</a>
  43.            </div>
  44.            
  45.            <!-- Mobile menu button -->
  46.            <div class="md:hidden">
  47.                <button id="mobile-menu-btn" class="text-gray-500 hover:text-gray-600">
  48.                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  49.                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
  50.                    </svg>
  51.                </button>
  52.            </div>
  53.        </div>
  54.        
  55.        <!-- Mobile Navigation -->
  56.        <div id="mobile-menu" class="hidden md:hidden py-4 border-t border-gray-100">
  57.            <div class="flex flex-col space-y-4">
  58.                <a href="#beranda" class="text-gray-700 hover:text-blue-600 transition-colors">Beranda</a>
  59.                <a href="#tentang" class="text-gray-700 hover:text-blue-600 transition-colors">Tentang</a>
  60.                <a href="#fasilitas" class="text-gray-700 hover:text-blue-600 transition-colors">Fasilitas</a>
  61.                <a href="#guru" class="text-gray-700 hover:text-blue-600 transition-colors">Pengajar</a>
  62.                <a href="#kontak" class="text-gray-700 hover:text-blue-600 transition-colors">Kontak</a>
  63.            </div>
  64.        </div>
  65.    </div>
  66. </nav>
  67.  
  68. <!-- Hero Section with Parallax -->
  69. <section id="beranda" class="relative h-[65vh] flex items-center justify-center text-white overflow-hidden">
  70.    <!-- Parallax Background Layers -->
  71.    <div class="absolute inset-0 parallax-bg">
  72.        <!-- Base gradient -->
  73.    <div class="absolute inset-0 bg-gradient-to-br from-emerald-600 to-teal-700"></div>
  74.        
  75.        <!-- Parallax layer 1 - Slow moving shapes -->
  76.        <div class="absolute inset-0 parallax-layer" data-speed="0.5">
  77.            <div class="absolute top-10 left-10 w-64 h-64 bg-white/5 rounded-full blur-xl"></div>
  78.            <div class="absolute top-40 right-20 w-96 h-96 bg-white/3 rounded-full blur-2xl"></div>
  79.            <div class="absolute bottom-20 left-1/4 w-80 h-80 bg-white/4 rounded-full blur-xl"></div>
  80.        </div>
  81.        
  82.        <!-- Parallax layer 2 - Medium speed geometric shapes -->
  83.        <div class="absolute inset-0 parallax-layer" data-speed="0.8">
  84.            <div class="absolute top-32 right-40 w-32 h-32 border border-white/20 rotate-45 rounded-lg"></div>
  85.            <div class="absolute bottom-40 right-20 w-24 h-24 border border-white/15 rotate-12 rounded-lg"></div>
  86.            <div class="absolute top-1/2 left-20 w-40 h-40 border border-white/10 -rotate-12 rounded-lg"></div>
  87.        </div>
  88.        
  89.        <!-- Parallax layer 3 - Fast moving particles -->
  90.        <div class="absolute inset-0 parallax-layer" data-speed="1.2">
  91.            <div class="absolute top-20 left-1/3 w-3 h-3 bg-white/30 rounded-full"></div>
  92.            <div class="absolute top-60 right-1/3 w-2 h-2 bg-white/40 rounded-full"></div>
  93.            <div class="absolute bottom-32 left-1/2 w-4 h-4 bg-white/25 rounded-full"></div>
  94.            <div class="absolute top-1/3 right-1/4 w-2 h-2 bg-white/35 rounded-full"></div>
  95.            <div class="absolute bottom-1/4 left-1/4 w-3 h-3 bg-white/30 rounded-full"></div>
  96.        </div>
  97.        
  98.        <!-- Animated grid overlay -->
  99.        <div class="absolute inset-0 opacity-10">
  100.            <svg class="w-full h-full" viewBox="0 0 100 100" preserveAspectRatio="none">
  101.                <defs>
  102.                    <pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
  103.                        <path d="M 10 0 L 0 0 0 10" fill="none" stroke="white" stroke-width="0.5"/>
  104.                    </pattern>
  105.                </defs>
  106.                <rect width="100%" height="100%" fill="url(#grid)" />
  107.            </svg>
  108.        </div>
  109.    </div>
  110.    
  111.    <!-- Content -->
  112.    <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
  113.        <div class="animate-fade-in-up">
  114.            <h1 class="text-4xl md:text-6xl font-bold mb-6 tracking-tight">
  115.                Pondok Pesantren Nurul Ilmi Ciampel            </h1>
  116.            <p class="text-xl md:text-2xl mb-8 text-emerald-100 max-w-3xl mx-auto leading-relaxed">
  117.                Website resmi Pondok Pesantren Nurul Ilmi Ciampel — Mendidik santri berakhlak mulia melalui pendidikan Islam, tahfidz Al-Qur&#039;an, kajian kitab, dan pembinaan karakter di Ciampel.            </p>
  118.            <div class="flex flex-col sm:flex-row gap-6 justify-center mt-12">
  119.                <a href="#tentang" class="group relative bg-gradient-to-r from-white to-gray-50 text-emerald-600 px-10 py-5 rounded-2xl font-bold text-lg hover:from-emerald-50 hover:to-emerald-100 transition-all duration-500 shadow-2xl hover:shadow-emerald-200/50 transform hover:-translate-y-2 hover:scale-105 overflow-hidden">
  120.                    <!-- Button shine effect -->
  121.                    <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent transform -skew-x-12 -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div>
  122.                    <span class="relative z-10 flex items-center justify-center">
  123.                        Pelajari Lebih Lanjut
  124.                        <svg class="ml-3 w-5 h-5 transition-transform duration-300 group-hover:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  125.                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
  126.                        </svg>
  127.                    </span>
  128.                </a>
  129.                <a href="#kontak" class="group relative border-3 border-white text-white px-10 py-5 rounded-2xl font-bold text-lg hover:bg-white hover:text-emerald-600 transition-all duration-500 shadow-2xl hover:shadow-white/30 transform hover:-translate-y-2 hover:scale-105 overflow-hidden backdrop-blur-sm bg-white/10">
  130.                    <!-- Button pulse effect -->
  131.                    <div class="absolute inset-0 bg-white/20 rounded-2xl animate-pulse opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
  132.                    <span class="relative z-10 flex items-center justify-center">
  133.                        Hubungi Kami
  134.                        <svg class="ml-3 w-5 h-5 transition-transform duration-300 group-hover:rotate-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  135.                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
  136.                        </svg>
  137.                    </span>
  138.                </a>
  139.            </div>
  140.        </div>
  141.        
  142.            </div>
  143.        </div>
  144.    </div>
  145. </section>
  146.  
  147. <!-- About Section -->
  148. <section id="tentang" class="py-20 bg-white">
  149.    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  150.        <div class="text-center mb-16">
  151.            <h2 class="text-4xl font-bold text-gray-900 mb-4">Tentang Pesantren</h2>
  152.            <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
  153.            <p class="text-xl text-gray-600 max-w-3xl mx-auto">
  154.                Menciptakan generasi yang cerdas, berkarakter, dan siap menghadapi tantangan masa depan
  155.            </p>
  156.        </div>
  157.        
  158.        <div class="grid lg:grid-cols-2 gap-16 items-center">
  159.            <!-- Content -->
  160.            <div>
  161.                <h3 class="text-3xl font-bold text-gray-900 mb-6">Visi & Misi Pesantren</h3>
  162.                <p class="text-lg text-gray-600 mb-8 leading-relaxed">
  163.                    Pondok Pesantren Nurul Ilmi Ciampel berkomitmen dalam pendidikan Islam yang berlandaskan Al-Qur&#039;an dan Sunnah, mencetak santri berilmu dan berakhlak mulia.                </p>
  164.                
  165.                <div class="space-y-4">
  166.                    <div class="flex items-start space-x-4">
  167.                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center flex-shrink-0">
  168.                            <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  169.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
  170.                            </svg>
  171.                        </div>
  172.                        <div>
  173.                            <h4 class="text-lg font-semibold text-gray-900 mb-1">Pendidikan Islam</h4>
  174.                            <p class="text-gray-600">Kurikulum diniyah, tahfidz, dan penguatan akhlak mulia</p>
  175.                        </div>
  176.                    </div>
  177.                    
  178.                    <div class="flex items-start space-x-4">
  179.                        <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center flex-shrink-0">
  180.                            <svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  181.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
  182.                            </svg>
  183.                        </div>
  184.                        <div>
  185.                            <h4 class="text-lg font-semibold text-gray-900 mb-1">Pembinaan Akhlak</h4>
  186.                            <p class="text-gray-600">Menanamkan adab, disiplin, dan keteladanan dalam keseharian santri</p>
  187.                        </div>
  188.                    </div>
  189.                    
  190.                    <div class="flex items-start space-x-4">
  191.                        <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center flex-shrink-0">
  192.                            <svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  193.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
  194.                            </svg>
  195.                        </div>
  196.                        <div>
  197.                            <h4 class="text-lg font-semibold text-gray-900 mb-1">Inovasi Pembelajaran</h4>
  198.                            <p class="text-gray-600">Metode talaqqi, halaqah, dan teknologi pendukung pembelajaran
  199.                            </p>
  200.                        </div>
  201.                    </div>
  202.                </div>
  203.            </div>
  204.            
  205.            <!-- Statistics -->
  206.            <div class="grid grid-cols-2 gap-6">
  207.                <div class="bg-blue-50 rounded-2xl p-8 text-center">
  208.                    <div class="text-4xl font-bold text-blue-600 mb-2">500+</div>
  209.                    <div class="text-gray-700 font-medium">Siswa Aktif</div>
  210.                </div>
  211.                <div class="bg-green-50 rounded-2xl p-8 text-center">
  212.                    <div class="text-4xl font-bold text-green-600 mb-2">50+</div>
  213.                    <div class="text-gray-700 font-medium">Guru Profesional</div>
  214.                </div>
  215.                <div class="bg-purple-50 rounded-2xl p-8 text-center">
  216.                    <div class="text-4xl font-bold text-purple-600 mb-2">15+</div>
  217.                    <div class="text-gray-700 font-medium">Tahun Pengalaman</div>
  218.                </div>
  219.                <div class="bg-yellow-50 rounded-2xl p-8 text-center">
  220.                    <div class="text-4xl font-bold text-yellow-600 mb-2">95%</div>
  221.                    <div class="text-gray-700 font-medium">Tingkat Kelulusan</div>
  222.                </div>
  223.            </div>
  224.        </div>
  225.    </div>
  226. </section>
  227.  
  228. <!-- Facilities Section -->
  229. <section id="fasilitas" class="py-20 bg-gray-50">
  230.    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  231.        <div class="text-center mb-16">
  232.            <h2 class="text-4xl font-bold text-gray-900 mb-4">Fasilitas Pesantren</h2>
  233.            <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
  234.            <p class="text-xl text-gray-600 max-w-3xl mx-auto">
  235.                Fasilitas modern dan lengkap untuk mendukung proses pembelajaran yang optimal
  236.            </p>
  237.        </div>
  238.        
  239.        <div class="grid md:grid-cols-3 gap-8">
  240.                            <div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition duration-300 text-center">
  241.                    <!-- Icon -->
  242.                    <div class="w-16 h-16 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto mb-6">
  243.                                                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  244.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
  245.                            </svg>
  246.                                            </div>
  247.                    
  248.                    <h3 class="text-xl font-bold text-gray-900 mb-4">
  249.                        Masjid &amp; Mushola                    </h3>
  250.                    <p class="text-gray-600 leading-relaxed">
  251.                        Sarana ibadah utama untuk kegiatan shalat berjamaah dan kajian.                    </p>
  252.                </div>
  253.                            <div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition duration-300 text-center">
  254.                    <!-- Icon -->
  255.                    <div class="w-16 h-16 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto mb-6">
  256.                                                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  257.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
  258.                            </svg>
  259.                                            </div>
  260.                    
  261.                    <h3 class="text-xl font-bold text-gray-900 mb-4">
  262.                        Asrama Santri                    </h3>
  263.                    <p class="text-gray-600 leading-relaxed">
  264.                        Asrama nyaman dengan pengasuhan 24 jam untuk pembinaan karakter.                    </p>
  265.                </div>
  266.                            <div class="bg-white rounded-2xl p-8 shadow-lg hover:shadow-xl transition duration-300 text-center">
  267.                    <!-- Icon -->
  268.                    <div class="w-16 h-16 bg-blue-600 rounded-2xl flex items-center justify-center mx-auto mb-6">
  269.                                                    <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  270.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
  271.                            </svg>
  272.                                            </div>
  273.                    
  274.                    <h3 class="text-xl font-bold text-gray-900 mb-4">
  275.                        Madrasah Diniyah                    </h3>
  276.                    <p class="text-gray-600 leading-relaxed">
  277.                        Kegiatan belajar kitab kuning, tahfidz, dan kajian keislaman terstruktur.                    </p>
  278.                </div>
  279.                    </div>
  280.    </div>
  281. </section>
  282.  
  283. <!-- Teachers Section -->
  284. <section id="guru" class="py-20 bg-white">
  285.    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  286.        <div class="text-center mb-16">
  287.            <h2 class="text-4xl font-bold text-gray-900 mb-4">Asatidz/Astatidzah</h2>
  288.            <div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
  289.            <p class="text-xl text-gray-600 max-w-3xl mx-auto">
  290.                Guru-guru berpengalaman dan profesional yang siap membimbing siswa meraih prestasi terbaik
  291.            </p>
  292.        </div>
  293.        
  294.        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
  295.                            <div class="bg-gray-50 rounded-2xl overflow-hidden hover:shadow-lg transition duration-300">
  296.                    <div class="aspect-square overflow-hidden">
  297.                        <img src="assets/guru1.jpg"
  298.                             alt="Ust. Ahmad Fauzi"
  299.                             class="w-full h-full object-cover">
  300.                    </div>
  301.                    <div class="p-6 text-center">
  302.                        <h3 class="text-lg font-bold text-gray-900 mb-2">
  303.                            Ust. Ahmad Fauzi                        </h3>
  304.                        <p class="text-blue-600 font-semibold">
  305.                            Tahfidz Al-Qur&#039;an                        </p>
  306.                    </div>
  307.                </div>
  308.                            <div class="bg-gray-50 rounded-2xl overflow-hidden hover:shadow-lg transition duration-300">
  309.                    <div class="aspect-square overflow-hidden">
  310.                        <img src="assets/guru2.jpg"
  311.                             alt="Ustadzah Siti Maryam"
  312.                             class="w-full h-full object-cover">
  313.                    </div>
  314.                    <div class="p-6 text-center">
  315.                        <h3 class="text-lg font-bold text-gray-900 mb-2">
  316.                            Ustadzah Siti Maryam                        </h3>
  317.                        <p class="text-blue-600 font-semibold">
  318.                            Fiqih &amp; Akhlak                        </p>
  319.                    </div>
  320.                </div>
  321.                            <div class="bg-gray-50 rounded-2xl overflow-hidden hover:shadow-lg transition duration-300">
  322.                    <div class="aspect-square overflow-hidden">
  323.                        <img src="assets/guru3.jpg"
  324.                             alt="Ust. Muhammad Yusuf"
  325.                             class="w-full h-full object-cover">
  326.                    </div>
  327.                    <div class="p-6 text-center">
  328.                        <h3 class="text-lg font-bold text-gray-900 mb-2">
  329.                            Ust. Muhammad Yusuf                        </h3>
  330.                        <p class="text-blue-600 font-semibold">
  331.                            Tafsir &amp; Hadits                        </p>
  332.                    </div>
  333.                </div>
  334.                            <div class="bg-gray-50 rounded-2xl overflow-hidden hover:shadow-lg transition duration-300">
  335.                    <div class="aspect-square overflow-hidden">
  336.                        <img src="assets/guru4.jpg"
  337.                             alt="Ustadzah Nabila Rahma"
  338.                             class="w-full h-full object-cover">
  339.                    </div>
  340.                    <div class="p-6 text-center">
  341.                        <h3 class="text-lg font-bold text-gray-900 mb-2">
  342.                            Ustadzah Nabila Rahma                        </h3>
  343.                        <p class="text-blue-600 font-semibold">
  344.                            Bahasa Arab                        </p>
  345.                    </div>
  346.                </div>
  347.                    </div>
  348.    </div>
  349. </section>
  350.  
  351. <!-- Contact Section -->
  352. <section id="kontak" class="py-20 bg-emerald-600 text-white">
  353.    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
  354.        <div class="text-center mb-16">
  355.            <h2 class="text-4xl font-bold mb-4">Hubungi Kami</h2>
  356.            <div class="w-20 h-1 bg-white mx-auto mb-6"></div>
  357.            <p class="text-xl text-blue-100 max-w-3xl mx-auto">
  358.                Kami siap membantu menjawab pertanyaan dan memberikan informasi yang Anda butuhkan
  359.            </p>
  360.        </div>
  361.        
  362.        <div class="grid lg:grid-cols-2 gap-16">
  363.            <!-- Contact Info -->
  364.            <div class="space-y-8">
  365.                
  366.                <!-- Location Map -->
  367.                <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-6">
  368.                    <h4 class="text-xl font-semibold mb-3">Lokasi Kami</h4>
  369.                    <div class="rounded-lg overflow-hidden shadow-md" style="position:relative;padding-bottom:56.25%;height:0;">
  370.                        <iframe
  371.                            src="https://www.google.com/maps?q=Jl.+Pendidikan+No.+02&output=embed"
  372.                            style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"
  373.                            allowfullscreen
  374.                            loading="lazy"
  375.                            referrerpolicy="no-referrer-when-downgrade"
  376.                        ></iframe>
  377.                    </div>
  378.                    <p class="text-sm text-blue-100 mt-3">Alamat: Jl. Pendidikan No. 02</p>
  379.                </div>
  380.  
  381.                <!-- Operating Hours -->
  382.                <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-6">
  383.                    <h4 class="text-xl font-semibold mb-4">Jam Operasional</h4>
  384.                    <ul class="space-y-2 text-blue-100">
  385.                        <li class="flex justify-between">
  386.                            <span>Senin – Jumat</span>
  387.                            <span class="font-semibold text-white">07.00 – 15.00</span>
  388.                        </li>
  389.                        <li class="flex justify-between">
  390.                            <span>Sabtu</span>
  391.                            <span class="font-semibold text-white">07.00 – 12.00</span>
  392.                        </li>
  393.                        <li class="flex justify-between">
  394.                            <span>Minggu</span>
  395.                            <span class="font-semibold text-white">Tutup</span>
  396.                        </li>
  397.                    </ul>
  398.                </div>
  399.            </div>
  400.            
  401.            <!-- Contact Form -->
  402.            <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8">
  403.                <h3 class="text-2xl font-bold mb-6">Kirim Pesan</h3>
  404.                <form class="space-y-6">
  405.                    <div class="grid md:grid-cols-2 gap-6">
  406.                        <input type="text" placeholder="Nama Lengkap" class="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50">
  407.                        <input type="email" placeholder="Email" class="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50">
  408.                    </div>
  409.                    <input type="text" placeholder="Subjek" class="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50">
  410.                    <textarea rows="4" placeholder="Pesan Anda" class="w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50 resize-none"></textarea>
  411.                    <button type="submit" class="w-full bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-200">
  412.                        Kirim Pesan
  413.                    </button>
  414.                </form>
  415.            </div>
  416.        </div>
  417.    </div>
  418. </section>
  419.  
  420. <style>
  421. /* Parallax and Animation Styles */
  422. @keyframes fadeInUp {
  423.    from {
  424.        opacity: 0;
  425.        transform: translateY(30px);
  426.    }
  427.    to {
  428.        opacity: 1;
  429.        transform: translateY(0);
  430.    }
  431. }
  432.  
  433. .animate-fade-in-up {
  434.    animation: fadeInUp 1s ease-out;
  435. }
  436.  
  437. .parallax-layer {
  438.    transition: transform 0.1s ease-out;
  439. }
  440.  
  441. /* Enhanced scroll indicator */
  442. @keyframes scrollIndicator {
  443.    0%, 20% { transform: translateY(0); opacity: 1; }
  444.    50% { transform: translateY(8px); opacity: 0.5; }
  445.    100% { transform: translateY(0); opacity: 1; }
  446. }
  447.  
  448. .animate-bounce .w-1 {
  449.    animation: scrollIndicator 2s infinite;
  450. }
  451.  
  452. /* Button Enhancements */
  453. @keyframes shimmer {
  454.    0% { transform: translateX(-100%) skewX(-12deg); }
  455.    100% { transform: translateX(200%) skewX(-12deg); }
  456. }
  457.  
  458. @keyframes buttonPulse {
  459.    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  460.    50% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  461. }
  462.  
  463. .group:hover .bg-gradient-to-r {
  464.    animation: shimmer 1s ease-in-out;
  465. }
  466.  
  467. /* Custom border width */
  468. .border-3 {
  469.    border-width: 3px;
  470. }
  471.  
  472. /* Enhanced button effects */
  473. .group:hover {
  474.    animation: buttonPulse 2s infinite;
  475. }
  476.  
  477. /* Mouse scroll animation */
  478. @keyframes mouseScroll {
  479.    0% { transform: translateY(0); opacity: 1; }
  480.    50% { transform: translateY(6px); opacity: 0.5; }
  481.    100% { transform: translateY(0); opacity: 1; }
  482. }
  483.  
  484. .animate-bounce .w-1\.5 {
  485.    animation: mouseScroll 2s infinite ease-in-out;
  486. }
  487. </style>
  488.  
  489. <script type="47b92d1e2f872e26f32a092b-text/javascript">
  490. document.addEventListener('DOMContentLoaded', function() {
  491.    // Mobile menu toggle
  492.    const mobileMenuBtn = document.getElementById('mobile-menu-btn');
  493.    const mobileMenu = document.getElementById('mobile-menu');
  494.    
  495.    if (mobileMenuBtn && mobileMenu) {
  496.        mobileMenuBtn.addEventListener('click', function() {
  497.            mobileMenu.classList.toggle('hidden');
  498.        });
  499.    }
  500.  
  501.    // Smooth scrolling for navigation links
  502.    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  503.        anchor.addEventListener('click', function (e) {
  504.            e.preventDefault();
  505.            const target = document.querySelector(this.getAttribute('href'));
  506.            if (target) {
  507.                target.scrollIntoView({
  508.                    behavior: 'smooth',
  509.                    block: 'start'
  510.                });
  511.                // Close mobile menu if open
  512.                if (mobileMenu && !mobileMenu.classList.contains('hidden')) {
  513.                    mobileMenu.classList.add('hidden');
  514.                }
  515.            }
  516.        });
  517.    });
  518.    
  519.    // Navbar scroll effect
  520.    window.addEventListener('scroll', function() {
  521.        const navbar = document.getElementById('navbar');
  522.        if (window.scrollY > 50) {
  523.            navbar.classList.add('shadow-lg', 'bg-white/95', 'backdrop-blur-sm');
  524.        } else {
  525.            navbar.classList.remove('shadow-lg', 'bg-white/95', 'backdrop-blur-sm');
  526.        }
  527.    });
  528.    
  529.    // Parallax Effect
  530.    const parallaxLayers = document.querySelectorAll('.parallax-layer');
  531.    
  532.    function updateParallax() {
  533.        const scrollTop = window.pageYOffset;
  534.        const heroSection = document.getElementById('beranda');
  535.        
  536.        if (heroSection) {
  537.            const heroBottom = heroSection.offsetTop + heroSection.offsetHeight;
  538.            
  539.            // Only apply parallax when hero section is visible
  540.            if (scrollTop < heroBottom) {
  541.                parallaxLayers.forEach(layer => {
  542.                    const speed = parseFloat(layer.getAttribute('data-speed'));
  543.                    const yPos = -(scrollTop * speed);
  544.                    layer.style.transform = `translate3d(0, ${yPos}px, 0)`;
  545.                });
  546.            }
  547.        }
  548.    }
  549.    
  550.    // Throttle parallax updates for better performance
  551.    let ticking = false;
  552.    
  553.    function requestParallaxUpdate() {
  554.        if (!ticking) {
  555.            requestAnimationFrame(() => {
  556.                updateParallax();
  557.                ticking = false;
  558.            });
  559.            ticking = true;
  560.        }
  561.    }
  562.    
  563.    // Add scroll event listener for parallax
  564.    window.addEventListener('scroll', requestParallaxUpdate);
  565.    
  566.    // Initial parallax update
  567.    updateParallax();
  568. });
  569. </script>
  570.  
  571. <!-- Footer -->
  572. <footer id="footer" class="bg-gray-900 text-white relative overflow-hidden">
  573.  
  574.    <div class="relative z-10">
  575.        <!-- Main Footer Content -->
  576.        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
  577.            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
  578.                <!-- Pesantren Info -->
  579.                <div class="md:col-span-2">
  580.                    <div class="flex items-center space-x-3 mb-6">
  581.                        <img src="assets/ponpes.png" alt="Logo" class="h-10">
  582.                        <h3 class="text-2xl font-bold text-blue-400">
  583.                            Pondok Pesantren Nurul Ilmi Ciampel                        </h3>
  584.                    </div>
  585.                    <p class="text-gray-300 mb-6 leading-relaxed">
  586.                        Website resmi Pondok Pesantren Nurul Ilmi Ciampel — Mendidik santri berakhlak mulia melalui pendidikan Islam, tahfidz Al-Qur&#039;an, kajian kitab, dan pembinaan karakter di Ciampel.                    </p>
  587.                    <div class="flex space-x-4">
  588.                        <a href="#" class="bg-blue-600 hover:bg-blue-700 p-3 rounded-full transition duration-300 transform hover:scale-110">
  589.                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  590.                                <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
  591.                            </svg>
  592.                        </a>
  593.                        <a href="#" class="bg-blue-600 hover:bg-blue-700 p-3 rounded-full transition duration-300 transform hover:scale-110">
  594.                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  595.                                <path d="M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07 4.28 4.28 0 0 0 4 2.98 8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z" />
  596.                            </svg>
  597.                        </a>
  598.                        <a href="#" class="bg-blue-600 hover:bg-blue-700 p-3 rounded-full transition duration-300 transform hover:scale-110">
  599.                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  600.                                <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.402.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.748-1.378 0 0-.599 2.282-.744 2.840-.282 1.086-1.03 2.486-1.541 3.318C9.494 23.815 10.717 24.001 12.017 24.001c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641.001 12.017.001z" />
  601.                            </svg>
  602.                        </a>
  603.                        <a href="#" class="bg-blue-600 hover:bg-blue-700 p-3 rounded-full transition duration-300 transform hover:scale-110">
  604.                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
  605.                                <path d="M12.036 6.24c-3.25 0-5.88 2.64-5.88 5.88s2.63 5.88 5.88 5.88c3.25 0 5.88-2.64 5.88-5.88s-2.63-5.88-5.88-5.88zm0 9.71c-2.12 0-3.83-1.71-3.83-3.83s1.71-3.83 3.83-3.83 3.83 1.71 3.83 3.83-1.71 3.83-3.83 3.83zm7.51-9.95c0 .76-.62 1.38-1.38 1.38s-1.38-.62-1.38-1.38.62-1.38 1.38-1.38 1.38.62 1.38 1.38zm3.91 1.4c-.09-1.85-.52-3.49-1.91-4.87-1.38-1.38-3.02-1.82-4.87-1.91-1.92-.11-7.68-.11-9.6 0-1.85.09-3.49.52-4.87 1.91-1.38 1.38-1.82 3.02-1.91 4.87-.11 1.92-.11 7.68 0 9.6.09 1.85.52 3.49 1.91 4.87 1.38 1.38 3.02 1.82 4.87 1.91 1.92.11 7.68.11 9.6 0 1.85-.09 3.49-.52 4.87-1.91 1.38-1.38 1.82-3.02 1.91-4.87.11-1.92.11-7.68 0-9.6zm-2.46 11.64c-.41 1.03-1.21 1.83-2.24 2.24-1.55.61-5.23.47-6.94.47s-5.39.14-6.94-.47c-1.03-.41-1.83-1.21-2.24-2.24-.61-1.55-.47-5.23-.47-6.94s-.14-5.39.47-6.94c.41-1.03 1.21-1.83 2.24-2.24 1.55-.61 5.23-.47 6.94-.47s5.39-.14 6.94.47c1.03.41 1.83 1.21 2.24 2.24.61 1.55.47 5.23.47 6.94s.14 5.39-.47 6.94z" />
  606.                            </svg>
  607.                        </a>
  608.                    </div>
  609.                </div>
  610.  
  611.                <!-- Quick Links -->
  612.                <div>
  613.                    <h4 class="text-lg font-semibold mb-6 text-blue-400">Tautan Cepat</h4>
  614.                    <ul class="space-y-3">
  615.                        <li><a href="#beranda" class="text-gray-300 hover:text-white transition duration-300 flex items-center group">
  616.                                <svg class="w-4 h-4 mr-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  617.                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
  618.                                </svg>
  619.                                Beranda
  620.                            </a></li>
  621.                        <li><a href="#tentang" class="text-gray-300 hover:text-white transition duration-300 flex items-center group">
  622.                                <svg class="w-4 h-4 mr-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  623.                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
  624.                                </svg>
  625.                                Tentang Kami
  626.                            </a></li>
  627.                        <li><a href="#fasilitas" class="text-gray-300 hover:text-white transition duration-300 flex items-center group">
  628.                                <svg class="w-4 h-4 mr-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  629.                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
  630.                                </svg>
  631.                                Fasilitas
  632.                            </a></li>
  633.                        <li><a href="#guru" class="text-gray-300 hover:text-white transition duration-300 flex items-center group">
  634.                                <svg class="w-4 h-4 mr-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  635.                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
  636.                                </svg>
  637.                                Pengajar
  638.                            </a></li>
  639.                        <li><a href="#kontak" class="text-gray-300 hover:text-white transition duration-300 flex items-center group">
  640.                                <svg class="w-4 h-4 mr-2 group-hover:translate-x-1 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  641.                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
  642.                                </svg>
  643.                                Kontak
  644.                            </a></li>
  645.                    </ul>
  646.                </div>
  647.  
  648.                <!-- Contact Info -->
  649.                <div>
  650.                    <h4 class="text-lg font-semibold mb-6 text-blue-400">Informasi Kontak</h4>
  651.                    <div class="space-y-4">
  652.                        <div class="flex items-start space-x-3">
  653.                            <svg class="w-5 h-5 text-blue-400 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  654.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
  655.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
  656.                            </svg>
  657.                            <p class="text-gray-300 text-sm">
  658.                                Jl. Pendidikan No. 02, Ciampel                            </p>
  659.                        </div>
  660.                        <div class="flex items-center space-x-3">
  661.                            <svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  662.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
  663.                            </svg>
  664.                            <p class="text-gray-300 text-sm">
  665.                                021-5408-9580                            </p>
  666.                        </div>
  667.                        <div class="flex items-center space-x-3">
  668.                            <svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  669.                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
  670.                            </svg>
  671.                            <p class="text-gray-300 text-sm">
  672.                                <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84edeae2ebc4eaf1f6f1e8ede8e9ede7ede5e9f4e1e8aaf4ebeaf4e1f7aaede0">[email&#160;protected]</a>                            </p>
  673.                        </div>
  674.                    </div>
  675.                </div>
  676.            </div>
  677.        </div>
  678.  
  679.        <!-- Bottom Footer -->
  680.        <div class="border-t border-gray-800">
  681.            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
  682.                <div class="flex flex-col md:flex-row items-center justify-between">
  683.                    <div class="text-gray-400 text-sm mb-4 md:mb-0">
  684.                        &copy; 2025 Pondok Pesantren Nurul Ilmi Ciampel. Seluruh hak cipta dilindungi.
  685.                    </div>
  686.                    <div class="flex items-center space-x-6 text-sm text-gray-400">
  687.                        <a href="#" class="hover:text-white transition duration-300">Kebijakan Privasi</a>
  688.                        <span>•</span>
  689.                        <a href="#" class="hover:text-white transition duration-300">Syarat & Ketentuan</a>
  690.                        <span>•</span>
  691.                        <a href="#" class="hover:text-white transition duration-300">Sitemap</a>
  692.                    </div>
  693.                </div>
  694.            </div>
  695.        </div>
  696.    </div>
  697.  
  698.    <!-- Back to Top Button -->
  699.    <button id="backToTop" class="fixed bottom-8 right-8 bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg transform translate-y-16 transition-all duration-300 z-50">
  700.        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  701.            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path>
  702.        </svg>
  703.    </button>
  704. </footer>
  705.  
  706.  
  707. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="47b92d1e2f872e26f32a092b-text/javascript">
  708.    // Back to top button functionality
  709.    const backToTopButton = document.getElementById('backToTop');
  710.  
  711.    window.addEventListener('scroll', function() {
  712.        if (window.scrollY > 300) {
  713.            backToTopButton.style.transform = 'translateY(0)';
  714.        } else {
  715.            backToTopButton.style.transform = 'translateY(4rem)';
  716.        }
  717.    });
  718.  
  719.    backToTopButton.addEventListener('click', function() {
  720.        window.scrollTo({
  721.            top: 0,
  722.            behavior: 'smooth'
  723.        });
  724.    });
  725.  
  726.    // Add loading animation
  727.    window.addEventListener('load', function() {
  728.        document.body.classList.add('loaded');
  729.    });
  730. </script>
  731.  
  732. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="47b92d1e2f872e26f32a092b-|49" defer></script></body>
  733.  
  734. </html>

Home · About · News · Docs · Terms

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