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.
 
 
 

74 lines
3.3 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>Dodací údaje</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-7">
<h4 class="h4">Kontaktní údaje</h4>
<button type="button" class="btn btn-light" id="btn2">Přihlásit se</button> <br>
<label for="jmeno" style="margin-left: 50px;">Jméno:</label>
<input type="text" class="text"><br>
<label for="jmeno" style="margin-left: 50px;">Telefon:</label>
<input type="text" class="text"><br>
<label for="jmeno" style="margin-left: 50px;">E-mail:</label>
<input type="text" class="text">
</div>
<div class="col-sm-1">
<div class="v1"></div>
</div>
<div class="col-sm-4">
<h4 class="h4" style="text-align: left; margin: 0;">Obash košíku</h4><br>
<div class="row">
<div class="col-sm-2"><img src="/img/kosik/obrazek/sroub1.jpg" class="obr4"></div>
<div class="col-sm-3"><p>Dolor</p></div>
<div class="col-sm-3"><p>600,-</p></div>
</div>
<div class="row" id="col">
<div class="col-sm-2"><img src="/img/kosik/obrazek/sroub2.jpg" class="obr4"></div>
<div class="col-sm-3"><p>Dolor</p></div>
<div class="col-sm-3"><p>600,-</p></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="#">Pokračovat v objednávce</a></button>
</div>
</div>
</div></div>
</body>
</html>