103 lines
3.2 KiB
HTML
103 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html data-theme="light">
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>
|
|
Toddler Shop
|
|
</title>
|
|
<script src="/scripts/main.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
|
</head>
|
|
|
|
<body onload="loadProducts()">
|
|
<form action="" id="barcode_form">
|
|
<input id="barcode_input" type="text" autofocus>
|
|
<input type="submit" value="Submit">
|
|
</form>
|
|
|
|
<img class="product_image">
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column is-one-fifth product_placeholder">
|
|
<span class="icon-text">
|
|
<i><svg width="90" height="90">
|
|
<image class="product_image" xlink:href="" width="50" height="50"/>
|
|
</svg></i>
|
|
|
|
</span>
|
|
<span class="product_price"></span>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth product_placeholder">
|
|
<span class="icon-text">
|
|
<i><svg width="90" height="90">
|
|
<image class="product_image" xlink:href="" width="50" height="50"/>
|
|
</svg></i>
|
|
|
|
</span>
|
|
<span class="product_price"></span>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth product_placeholder">
|
|
<span class="icon-text">
|
|
<i><svg width="90" height="90">
|
|
<image class="product_image" xlink:href="" width="50" height="50"/>
|
|
</svg></i>
|
|
|
|
</span>
|
|
<span class="product_price"></span>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth product_placeholder">
|
|
<span class="icon-text">
|
|
<i><svg width="90" height="90">
|
|
<image class="product_image" xlink:href="" width="50" height="50"/>
|
|
</svg></i>
|
|
|
|
</span>
|
|
<span class="product_price"></span>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth product_placeholder">
|
|
<span class="icon-text">
|
|
<i><svg width="90" height="90">
|
|
<image class="product_image" xlink:href="" width="50" height="50"/>
|
|
</svg></i>
|
|
|
|
</span>
|
|
<span class="product_price"></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p id="totalprice">€ 0</p>
|
|
|
|
<button class="button is-success">
|
|
<i>
|
|
<svg width="90" height="90">
|
|
<image class="product_image" xlink:href="http://127.0.0.1:8000/icons/cart" width="50" height="50"/>
|
|
</svg>
|
|
</i>
|
|
</button>
|
|
<button class="button is-success">
|
|
<i>
|
|
<svg width="90" height="90">
|
|
<image class="product_image" xlink:href="http://127.0.0.1:8000/icons/creditcard" width="50" height="50"/>
|
|
</svg>
|
|
</i>
|
|
</button>
|
|
|
|
<button class="button is-success">
|
|
<i>
|
|
<svg width="90" height="90">
|
|
<image class="product_image" xlink:href="http://127.0.0.1:8000/icons/cash" width="50" height="50"/>
|
|
</svg>
|
|
</i>
|
|
</button>
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|