2023.02.18(Hatalmas_előrehaladás)
This commit is contained in:
Medve Gergo
parent
9ab3006f49
commit
90733dd0d1
BIN
assets/Tervek/Osszegzes_terv.png
Normal file
BIN
assets/Tervek/Osszegzes_terv.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
assets/Tervek/Rendeles_terv.png
Normal file
BIN
assets/Tervek/Rendeles_terv.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
|
|
@ -16,6 +16,7 @@ body{
|
|||
text-align: center;
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 4rem;
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
.label h1 span {
|
||||
|
|
@ -29,12 +30,44 @@ body{
|
|||
.circle{
|
||||
background-color: blue;
|
||||
border-radius: 50%;
|
||||
height: 400px;
|
||||
width: 400px;
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
;
|
||||
}
|
||||
|
||||
.frame{
|
||||
display: grid;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.left_div{
|
||||
padding: 2rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.right_div{
|
||||
padding: 2rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.option_label{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.plus_next_btn{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
.option_slecter{
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.selector_width{
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px){
|
||||
|
|
|
|||
|
|
@ -5,6 +5,11 @@
|
|||
<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>
|
||||
|
|
@ -15,28 +20,47 @@
|
|||
</div>
|
||||
<div class="main_box">
|
||||
<div class="circle"></div>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque illum dolorem quod
|
||||
repellat aut nostrum quam quos omnis earum aspernatur. Porro amet, veniam excepturi quia recusandae numquam
|
||||
facere aut hic rerum ullam, nam unde atque! Molestias aspernatur, laudantium incidunt voluptatem labore tenetur.
|
||||
Animi illum expedita impedit adipisci odio alias? Blanditiis corporis maiores omnis voluptatem eaque ut itaque
|
||||
saepe quae officiis. Velit similique aut quia nostrum aspernatur cum tempora quaerat, voluptates voluptatibus
|
||||
Reprehenderit labore voluptates totam dolorum inventore ratione quisquam nulla eum voluptate error numquam
|
||||
assumenda sint tempore, exercitationem quia natus placeat enim, qui possimus cum, nemo officia at minus. Debitis
|
||||
maiores omnis iusto ipsum explicabo enim sunt totam quibusdam, voluptate dicta laborum reprehenderit hic
|
||||
accusamus cum, minus qui aliquid quisquam ea itaque recusandae. Amet a non magnam architecto culpa sequi,
|
||||
consectetur distinctio doloremque modi illum debitis labore aperiam deleniti nam, nisi accusamus, pariatur dolor
|
||||
reprehenderit assumenda ipsam aliquid voluptatem ea accusantium. Ducimus corporis culpa tempore, saepe aliquam
|
||||
dignissimos recusandae maxime id accusantium nisi libero quis doloremque vel eveniet quasi deleniti
|
||||
reprehenderit, nesciunt quaerat earum ipsum at quos. Earum reiciendis possimus atque corrupti veritatis? Animi
|
||||
quia quae laborum ratione iusto tenetur, labore autem voluptatem eligendi! Eaque aspernatur assumenda quibusdam
|
||||
ipsam nam consequatur a repellendus cumque libero, nihil quisquam corporis placeat quia. Dolore tempore nihil
|
||||
labore officiis quas vero, sunt repellat ad velit culpa earum eius voluptatum recusandae harum suscipit sit ipsa
|
||||
nostrum omnis accusamus iusto est voluptatibus nisi tempora dolorem. Sequi, tempora repellat! Quod nisi harum
|
||||
omnis id, distinctio blanditiis necessitatibus iure minus et quas sunt saepe doloremque tempore illo debitis sit
|
||||
voluptatem adipisci a quasi tenetur architecto velit sint! Necessitatibus odio, quasi dolorem, accusantium id
|
||||
soluta, recusandae vel cupiditate magnam deleniti corporis. Reiciendis dolorum eos, porro ipsum hic expedita
|
||||
voluptas officiis asperiores assumenda facere. Quo fugiat suscipit error itaque ipsa cum, aspernatur vitae
|
||||
tempore quod ab, in laborum officia! Eum laudantium libero facilis, fuga aliquid perferendis officia?</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>
|
||||
Loading…
Reference in New Issue
Block a user