Feature- Rich Product Showcase - Copy this Html, Tailwind Component to your project
Переделай код чтобы тарифы писались около названий характеристик <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF 8"> <meta name="viewport" content="width=device width, initial scale=1.0"> <title>Document</title> <style> @media (max width: 767px) { .table header div, .table row { display: block; width: 100%; } .table header div, .table row td { padding: 5px; font size: 14px; border bottom: 1px solid #ddd; } .warning block { width: 100%; max width: none; } } .warning block { background: rgba(0, 191, 166, 0.135); border: 1px solid rgba(0, 191, 165, 0.26667); padding: 10px 15px; border radius: 8px; color: white; backdrop filter: blur(7px); margin top: 5px; margin bottom: 5px; display: flex; align items: center; position: fixed; top: 10px; right: 10px; animation: slideInRight 0.5s ease in out forwards, fadeOutUp 3s 1s forwards; body { background color: #181818; color: #fff; font family: 'Roboto', sans serif; display: flex; justify content: center; align items: center; min height: 100vh; margin: 0; text align: center; } </style> </head> <body> <div class="container"> <h1>Products</h1> <?php require_once 'db.php'; $query = "SELECT * FROM products"; $result = mysqli_query($db, $query); if (!$result) { die("Query failed: " . mysqli_error($db)); } $products = array(); while ($row = mysqli_fetch_assoc($result)) { $products[] = $row; } ?> <div class="table header"> <div>ID</div> <div>Name</div> <div>Price</div> <div>Location</div> <div>vЯдер</div> <div>Озу</div> <div>Диск</div> <div>Порты</div> <div>Бекапы</div> <div>Базы Данных</div> </div> <?php foreach ($products as $product): ?> <div class="table row"> <td><span>ID:</span> <?php echo $product['id']; ?></td> <td><span>Name:</span> <a href="/order game?tariff=game2"><?php echo $product['name']; ?></a></td> <td><span>Price:</span> <?php echo $product['price']; ?>₽</td> <td><span>Локация:</span> <?php echo $product['location']; ?></td> <td><span>vЯдер:</span> <?php echo $product['v_cores']; ?> / AMD EPYC 9534</td> <td><span>Озу:</span> <?php echo $product['ram']; ?> МБ</td> <td><span>Диск:</span> <?php echo $product['disk_space']; ?> ГБ</td> <td><span>Порты:</span> <?php echo $product['ports']; ?></td> <td><span>Бекапы:</span> <?php echo $product['backups']; ?></td> <td><span>Базы Данных:</span> <?php echo $product['databases']; ?></td> </div> <?php endforeach; ?> </div> </body> </html>
