This HTML5 code is a simple template for a store site: فروشگاه آنلاین

فروشگاه آنلاین من

product name

Price: 99,000 Tomans

This is just a basic template and it needs more codes in the products, shopping cart, payment, etc sections to turn it into a full store. But this will be a good starting point for you. give me css style modern for this html This CSS code gives a modern style to that HTML template: *{ box-sizing: border-box; } body { font-family: "Poppins", sans-serif; } header { background: #333; color: #fff; padding: 1rem; } .container { max-width: 1200px; margin: 0 auto; text-align: center; } nav { background: #ddd; padding: 1rem 0; } nav ul { list-style: none; display: flex; justify-content: center; } nav li a { color: #333; text-decoration: none; padding: 1rem 2rem; } .products .product { border: 1px solid #ddd; padding: 1rem; margin-bottom: 2rem; } .products img { width: 100px; } .products h2 { margin: 0 0 0.5rem 0; } .products .btn { background: #333; color: #fff; padding: 0.5rem 1rem; text-decoration: none; } footer { background: #333; color: #fff; text-align: center; padding: 1rem; } @media (min-width: 700px) { .products .product { display: flex; align-items: center; } .products img { width: 200px; margin-right: 1rem; } } This CSS code includes a simple grid layout, modern font, attractive colors and responsive measurements that will make your online store look attractive and modern. If you need more changes, you can edit the CSS to give your site a completely individual look. source:https://canseo.ir

html 5 code for make a shop website

Description

RAW Paste Data

canseo

Recent Pastes