INFO-THE-EART

<!DOCTYPE html > < html lang = "id" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > TokoKita - Toko Online Terpercaya </ title > <!-- Menggunakan Google Fonts --> < link href = "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel = "stylesheet" > < style > /* CSS Reset & Variabel */ * { margin : 0 ; padding : 0 ; box-sizing : border-box; font-family : 'Inter' , sans-serif; } :root { --primary- color : #2563eb ; --primary-hover: #1d4ed8 ; --text-dark: #1f2937 ; --text-light: #6b7280 ; --bg-light: #f9fafb ; --white: #ffffff ; -- border-col...

  style > /* Mengatur tampilan wadah produk */ .toko-widget { display : grid; grid-template- columns : repeat (auto-fit, minmax ( 140px , 1 fr)); gap: 15px ; font-family : Arial, sans-serif; } /* Mengatur gaya masing-masing kotak produk */ .produk-item { border : 1px solid #e0e0e0 ; border-radius : 8px ; padding : 10px ; text-align : center; background : #ffffff ; transition : transform 0.3s ease, box-shadow 0.3s ease; } /* Efek melayang saat kursor diarahkan ke produk */ .produk-item :hover { transform : translateY (- 5px ); box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , 0.1 ); } /* Mengatur ukuran gambar produk */ .produk-img { width : 100% ; height : 140px ; object-fit : cover; border-radius : 6px ; margin-bottom : 10px ; } /* Mengatur teks judul produk */ .produk-judul { font-size : 14px ; font-weight : bold; color : #333333 ; margin : 0 0...