medvegergo/Langos_projekt
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: medvegergo:ff2d90ba1ffc1f3e93d17ae919dd5f1fd5cae6c2
Branches Tags
medvegergo:master
..
compare: medvegergo:master
Branches Tags
medvegergo:master

4 Commits
ff2d90ba1f ... master

Author SHA1 Message Date
Medve Gergo
3027708dd0 2023.02.28(Nagyon_jol_allok) 2023-02-28 14:38:13 +01:00
Medve Gergo
90733dd0d1 2023.02.18(Hatalmas_előrehaladás) 2023-02-28 14:18:43 +01:00
Medve Gergo
9ab3006f49 2023.02.21 2023-02-21 14:41:49 +01:00
Medve Gergo
589b055f09 concepcio01 2023-02-14 14:33:59 +01:00
4 changed files with 139 additions and 1 deletions
Show Stats Expand all files Collapse all files

BIN
assets/Tervek/Osszegzes_terv.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
assets/Tervek/Rendeles_terv.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

80
assets/css/rendeles.css
View File

@ -0,0 +1,80 @@
body{
background-color: #e8dc17;
}
.main_box{
background-color: whitesmoke;
border-radius: 20px;
box-shadow: 1px 11px 19px 6px rgba(0,0,0,0.52);
margin-left: 5rem;
margin-right: 5rem;
padding: 2rem;
position: relative;
}
.label{
text-align: center;
margin-top: 5rem;
margin-bottom: 4rem;
font-size: xx-large;
}
.label h1 span {
text-align: center;
background-color: whitesmoke;
padding: 1rem;
border-radius: 20px;
box-shadow: 1px 11px 19px 6px rgba(0,0,0,0.52);
}
.circle{
background-color: blue;
border-radius: 50%;
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;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.right_div{
padding: 2rem;
padding-left: 1rem;
}
.option_label{
margin-bottom: 1rem;
}
.option_slecter{
margin-bottom: 1rem;
}
.selector_width{
width: 200px;
}
.place_of_btn{
grid-row: 2;
}
@media screen and (max-width: 500px){
.main_box{
margin-left: 1rem;
margin-right: 1rem;
}
}

60
assets/html/rendeles.html
View File

@ -1,13 +1,71 @@
<!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">
<h2 class="option_label">Extra feltét</h2>
<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 class="place_of_btn">
<input class="btn btn-primary" type="button" value="Tovább az összegzshez"></input>
</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>