66 lines
3.1 KiB
HTML
66 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
|
|
crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="../css/rendeles.css">
|
|
<title>Csuma Lángos</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="label">
|
|
<h1><span>Csuma Lángos</span></h1>
|
|
</div>
|
|
<div class="main_box">
|
|
<div class="circle"></div>
|
|
<div class="frame">
|
|
<div class="left_div">
|
|
<div class="option_slecter">
|
|
<h2 class="option_label">Lángos fajták</h2>
|
|
<select class="form-select selector_width" aria-label="Default select example">
|
|
<option selected>Sima</option>
|
|
<option value="1">Tejfölös</option>
|
|
<option value="2">Sajtos-Tejfölös</option>
|
|
<option value="3">Sonkás</option>
|
|
<option value="3">Sonkás-Kukoricás</option>
|
|
<option value="3">Gyroszos</option>
|
|
</select>
|
|
</div>
|
|
<div class="plus_next_btn">
|
|
<div class="plus">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
|
<label class="form-check-label" for="flexCheckDefault">
|
|
Só
|
|
</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
|
|
<label class="form-check-label" for="flexCheckChecked">
|
|
Fokhagyma
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="right_div">
|
|
<h2 class="option_label">Leírás</h2>
|
|
<div class="description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Soluta voluptates ut
|
|
eveniet neque. Voluptas, numquam! Optio accusamus modi amet tempore nisi assumenda? Nostrum
|
|
cupiditate labore officiis ipsum eaque vitae officia? Lorem ipsum, dolor sit amet consectetur
|
|
adipisicing elit. Dolores officiis sequi aliquam modi in sint enim illum assumenda deserunt?
|
|
Inventore qui impedit maiores eligendi error temporibus dolores voluptas quae doloremque.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |