Sorotan folder
Proses pembuatan landing page RancangKimia mencakup pengisian kuisioner, pembuatan kode HTML, dan perbaikan via HTML FIXER.
Jual Lemari Asam (Fumehood) Laboratorium Standar K3 - RancangKimia
/* CSS VARIABLES & RESET */
:root {
--primary: #004d40; /* Professional Teal/Green Dark for Chemistry/Nature */
--secondary: #ffc107; /* Safety Yellow */
--accent: #25d366; /* WhatsApp Green */
--dark: #212529;
--light: #f8f9fa;
--text-grey: #6c757d;
--font-main: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-main); color: var(--dark); line-height: 1.6; padding-bottom: 80px; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
ul { list-style: none; }
/* UTILITY CLASSES */
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.text-center { text-align: center; }
.btn { display: inline-block; padding: 12px 25px; border-radius: 5px; font-weight: bold; cursor: pointer; border: none; }
.btn-primary { background-color: var(--primary); color: white; }
.btn-primary:hover { background-color: #00382e; }
.btn-secondary { background-color: white; color: var(--primary); border: 2px solid var(--primary); }
/* HEADER & NAVIGATION */
header { background: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
.nav-container { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; max-width: 1100px; margin: 0 auto; }
.logo { font-size: 1.5rem; font-weight: 800; color: var(--primary); }
.nav-menu { display: flex; gap: 20px; }
.nav-menu a { font-weight: 600; font-size: 0.95rem; color: var(--dark); }
.nav-menu a:hover { color: var(--primary); }
/* HERO SECTION */
.hero { background: linear-gradient(rgba(0,50,0,0.7), rgba(0,50,0,0.7)), url('https://placehold.co/1200x600/004d40/FFFFFF?text=Fumehood+Laboratorium+K3'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; }
.hero h1 { font-size: 2.5rem; margin-bottom: 20px; line-height: 1.2; }
.hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 800px; margin: 0 auto 30px; opacity: 0.9; }
/* PROMISE SECTION */
.promise { background-color: var(--secondary); color: var(--dark); padding: 30px 0; font-weight: 700; font-size: 1.25rem; }
/* TRUST SIGNALS */
.trust-section { padding: 50px 0; background: #fff; }
.trust-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; text-align: center; }
.trust-item { flex: 1 1 200px; max-width: 250px; }
.trust-icon { font-size: 2.5rem; margin-bottom: 15px; color: var(--primary); }
/* DROPDOWN FEATURES */
.section { padding: 60px 0; }
.section-title { font-size: 2rem; color: var(--primary); margin-bottom: 40px; text-align: center; }
.dropdown-item { border: 1px solid #dee2e6; margin-bottom: 10px; border-radius: 5px; overflow: hidden; }
.dropdown-header { background: #fff; padding: 15px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: var(--primary); }
.dropdown-header:hover { background: #f8f9fa; }
.dropdown-header::after { content: '+'; font-size: 1.5rem; }
.dropdown-header.active::after { content: '-'; }
.dropdown-content { display: none; padding: 20px; background: #f8f9fa; border-top: 1px solid #dee2e6; color: var(--dark); }
/* ARTICLE & TABLE */
.article-content { background: white; text-align: justify; }
.article-content h3 { color: var(--primary); margin-top: 30px; margin-bottom: 10px; }
.comparison-table { width: 100%; border-collapse: collapse; margin: 30px 0; }
.comparison-table th, .comparison-table td { border: 1px solid #dee2e6; padding: 12px; text-align: left; }
.comparison-table th { background-color: var(--primary); color: white; }
.comparison-table tr:nth-child(even) { background-color: #f2f2f2; }
/* GALLERY */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; }
.gallery-item img { width: 100%; height: auto; border-radius: 5px; transition: transform 0.3s; }
.gallery-item img:hover { transform: scale(1.02); }
/* FAQ */
.faq-details { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.faq-summary { font-weight: bold; cursor: pointer; list-style: none; padding-left: 20px; position: relative; }
.faq-summary::before { content: "Q"; color: var(--secondary); font-weight: 900; position: absolute; left: 0; }
.faq-answer { margin-top: 10px; padding-left: 20px; color: var(--text-grey); }
/* FOOTER */
footer { background: var(--dark); color: white; padding: 50px 0 20px; margin-top: 50px; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-bottom: 30px; }
.footer-info h3 { margin-bottom: 15px; color: var(--secondary); }
.footer-info p { margin-bottom: 10px; }
iframe { width: 100%; border-radius: 5px; }
/* STICKY CTA */
.sticky-cta { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 450px; background-color: var(--accent); color: white; padding: 15px; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); font-weight: bold; text-align: center; z-index: 999; display: flex; justify-content: center; align-items: center; gap: 10px; animation: pulse 2s infinite; }
.sticky-cta:hover { background-color: #1ebe57; text-decoration: none; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }
/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
.nav-menu { display: none; /* Simplification for mobile */ }
.hero h1 { font-size: 1.8rem; }
.footer-grid { grid-template-columns: 1fr; }
}
Jual Lemari Asam / Fumehood Laboratorium Standar K3
Perangkat ventilasi lokal (LEV) yang dirancang khusus untuk melindungi personil laboratorium dari paparan uap berbahaya dan gas beracun.
Dapatkan Penawaran Teknis
"Investasi Keselamatan Jangka Panjang dengan Material Tahan Karat yang Tervalidasi K3."
Mengapa Memilih PT JAYRAKS?
🏭
Manufaktur Tangan Pertama
Produksi langsung oleh PT JAY RANCANG KIMIA SENTOSA.
📜
Validitas K3
Sertifikat hasil uji fungsi sesuai regulasi K3 Nasional.
💧
Expertise
Spesialis Water Engineering & Ventilasi Kimia.
📈
Track Record
Berpengalaman di sektor Tambang, Farmasi, & Universitas.
Fitur & Keunggulan Utama
Standar emas untuk ketahanan terhadap asam pekat (seperti H2SO4) yang tidak mempan pada besi. Solusi terbaik untuk lingkungan korosif tinggi.
Menggunakan rumus mekanika fluida (Q = v · A) untuk menjamin face velocity stabil di 0.3-0.5 m/s, memastikan keselamatan operator.
Produksi tangan pertama yang memungkinkan penyesuaian ukuran (1200mm-2000mm) sesuai luas ruangan lab Anda.
Sudah termasuk Top Table (Phenolic/Epoxy), Sink, Water/Gas Tap, dan Lampu UV Sterilisasi.
Layanan menyeluruh dari desain 3D, fabrikasi, instalasi ducting, hingga uji fungsi dan layanan purna jual.
Pentingnya Spesifikasi Lemari Asam K3
Bahaya Zat Volatil & Solusi Material
Keselamatan laboratorium tidak bisa ditawar. Penggunaan material yang tepat sangat krusial. Banyak lemari asam murah menggunakan besi coating yang rentan. Secara kimiawi, besi bereaksi terhadap asam klorida dengan rumus: Fe + 2HCl → FeCl2 + H2. Reaksi ini merusak struktur alat. Oleh karena itu, kami merekomendasikan Lemari Asam Polypropylene (PP) yang inert secara kimiawi.
Tabel Perbandingan: Polypropylene (PP) vs Steel Coating
| Aspek |
Polypropylene (RancangKimia) |
Steel / Besi Coating |
| Ketahanan Korosi |
Sangat Tinggi (Anti Karat Selamanya) |
Sedang (Rentan jika coating tergores) |
| Kekuatan Fisik |
Kuat & Elastis |
Kuat & Kaku |
| Umur Pakai |
Jangka Panjang (>15 Tahun) |
Jangka Pendek-Menengah |
| Biaya Jangka Panjang |
Lebih Hemat (Minim Maintenance) |
Mahal (Perlu Recoating/Ganti Unit) |
Mekanisme Filtrasi & Ventilasi
Sistem kami dilengkapi dengan Blower Sentrifugal tahan kimia. Untuk laboratorium dengan emisi gas sangat pekat, kami juga menyediakan opsi Wet Scrubber untuk menetralisir uap sebelum dibuang ke udara bebas, sesuai standar lingkungan.
Galeri Produk & Instalasi
Pertanyaan Umum (FAQ)
Apa bedanya material PP dan Steel?
PP tahan asam pekat dan anti-karat selamanya, Steel lebih kuat beban tapi butuh coating ekstra.
Apakah ukuran bisa custom?
Ya, sebagai pabrik langsung, kami membuat unit sesuai dimensi ruangan Anda.
Berapa daya listrik yang dibutuhkan?
Tergantung kapasitas blower, umumnya efisien energi dengan motor sentrifugal modern.
Apakah harga sudah termasuk instalasi?
Kami melayani pengiriman dan instalasi ke seluruh Indonesia (harga disesuaikan lokasi).
Bagaimana dengan garansi?
Kami memberikan jaminan purna jual dan ketersediaan suku cadang.
Apakah ada fitur sterilisasi?
Ya, unit dilengkapi lampu UV untuk sterilisasi area kerja.
Konsultasi Gratis via WA
// JS Sederhana untuk Accordion
const headers = document.querySelectorAll('.dropdown-header');
headers.forEach(header => {
header.addEventListener('click', () => {
const content = header.nextElementSibling;
const isActive = header.classList.contains('active');
// Tutup yang lain
document.querySelectorAll('.dropdown-header').forEach(h => {
h.classList.remove('active');
h.nextElementSibling.style.display = 'none';
});
if (!isActive) {
header.classList.add('active');
content.style.display = 'block';
}
});
});
// Buka yang pertama otomatis
if(headers.length > 0) headers[0].click();