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
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>
|