Toko online

 style> /* Mengatur tampilan wadah produk */ .toko-widget { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 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 5px 0; line-height: 1.3; } /* Mengatur teks harga produk */ .produk-harga { color: #e74c3c; font-size: 15px; font-weight: bold; margin-bottom: 12px; } /* Mengatur tombol beli via WhatsApp */ .btn-beli { display: block; background: #25D366; /* Warna hijau WhatsApp */ color: #ffffff !important; padding: 8px 0; text-decoration: none; border-radius: 5px; font-size: 13px; font-weight: bold; transition: background 0.2s; } .btn-beli:hover { background: #128C7E; } </style> <div class="toko-widget"> <!-- Produk 1 --> <div class="produk-item"> <img src="https://via.placeholder.com/300x300" alt="Nama Produk 1" class="produk-img"> <h3 class="produk-judul">Sepatu Sneakers Pria</h3> <div class="produk-harga">Rp 250.000</div> <a href="https://wa.me/6281234567890?text=Halo,%20saya%20ingin%20memesan%20Sepatu%20Sneakers%20Pria" target="_blank" class="btn-beli">Beli via WA</a> </div> <!-- Produk 2 --> <div class="produk-item"> <img src="https://via.placeholder.com/300x300" alt="Nama Produk 2" class="produk-img"> <h3 class="produk-judul">Kaos Polos Cotton</h3> <div class="produk-harga">Rp 50.000</div> <a href="https://wa.me/6281234567890?text=Halo,%20saya%20ingin%20memesan%20Kaos%20Polos%20Cotton" target="_blank" class="btn-beli">Beli via WA</a> </div> </div>

Comments

Post a Comment

Popular posts from this blog

sdfxhjkl;h

Image
filsafat Inti pemikirannya adalah bahwa keadilan bukan hanya persoalan hukum, tetapi juga tentang setiap orang yang berusaha untuk berbuat baik . Plato membagi masyarakat ideal menjadi tiga kelompok: Penguasa/filsuf – berperan memimpin karena dianggap memiliki pengetahuan dan kebijaksanaan. Penjaga/prajurit – bertugas menjaga keamanan negara. Produsen – seperti petani, pedagang, dan pengrajin yang memenuhi kebutuhan masyarakat. Plato berpendapat bahwa negara akan menjadi baik jika ketiga kelompok tersebut bekerja sesuai dengan yang diperintahkan dan tidak saling mengambil peran secara sembarangan. Salah satu gagasan paling terkenal dalam buku ini adalah “Filsuf-Raja” , yaitu pemimpin yang memiliki pengetahuan dan kebijaksanaan, bukan sekadar mengejar kekuasaan. Plato juga menggunakan perumpamaan gua untuk menjelaskan bahwa manusia sering menganggap apa yang mereka lihat sebagai kebenaran, padahal mungkin hanya “bayangan”. Pendidikan dan pencarian pengetahuan diperluka...
Read more