You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

114 lines
4.8 KiB

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dodání a platba</title>
<link href="https://fonts.googleapis.com/css2?family=Montaga&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>
<body>
<h1 class="h1">Košík</h1>
<div class="container">
<h2 class="h2">Lorem shopum</h2>
<div class="row">
<div class="col-sm-3">
<input type="checkbox" name="kosik" id="kosik" value="kosik">
<label for="kosik">Košík</label>
</div>
<div class="col-sm-3">
<input type="checkbox" name="platba" id="platba" value="platba">
<label for="platba">Dodání a platba</label>
</div>
<div class="col-sm-3">
<input type="checkbox" name="dodani" id="dodani" value="dodani">
<label for="dodani">Dodací údaje</label>
</div>
<div class="col-sm-3">
<input type="checkbox" name="shrnuti" id="shrnuti" value="shrnuti">
<label for="shrnuti">Shrnutí</label>
</div>
</div>
<div class="row" id="col">
<div class="col-sm-6">
<label for="kosik" style="margin-left: 50px;">Zvolte typ:</label>
<input type="text" class="text">
</div>
<div class="col-sm-6">
<label for="browser">Zvolte místo:</label>
<input list="mista" name="misto" id="misto">
<datalist id="mista">
<option value="Roudnice nad labem">
<option value="Mělník">
<option value="Litoměřice">
<option value="Lovosice">
<option value="Řeporyje">
</datalist>
</div>
</div>
<div class="row" id="col">
<div class="col-sm-4">
<h4 class="h4">Typy</h4>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action">Metabox</a>
<a href="#" class="list-group-item list-group-item-action">Kamenná prodejna</a>
<a href="#" class="list-group-item list-group-item-action">Zásilka</a>
</div>
</div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-2">
<h4 class="h4">Místa</h4>
<img src="/img/kosik/mapa/m02.png" class="obr2">
</div>
<div class="col-sm-5" id="col4" >
<h5 class="h5"><b>Roudnice nad Labem</b></h5>
<p>Osobní odběr na jedné z našich prodejen<br>
Cena: 0,-<br>
Ještě dnes
<button type="button" class="btn btn-light" id="btn">Zvolit</button>
</p>
</div>
<div class="col-sm-3">
<img src="/img/kosik/foto/p01.jpg" class="obr3">
</div>
</div>
<hr>
</div>
<div class="col-sm-4"></div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-2">
<h4 class="h4">Místa</h4>
<img src="/img/kosik/mapa/m01.png" class="obr2">
</div>
<div class="col-sm-5" id="col4" >
<h5 class="h5"><b>Mělník</b></h5>
<p>Osobní odběr na jedné z našich prodejen<br>
Cena: 0,-<br>
Ještě dnes
<button type="button" class="btn btn-light" id="btn">Zvolit</button>
</p>
</div>
<div class="col-sm-3">
<img src="/img/kosik/foto/p02.jpg" class="obr3">
</div>
</div>
</div>
</div>
<div class="row" id="col">
<div class="col-sm-8"></div>
<div class="col-sm-4">
<button type="button" class="btn btn-light" id="button1"><a href="dodani.html">Pokračovat v objednávce</a></button>
</div>
</div>
</div>
</body>
</html>