Compare commits
No commits in common. "master" and "ff2d90ba1ffc1f3e93d17ae919dd5f1fd5cae6c2" have entirely different histories.
master
...
ff2d90ba1f
Binary file not shown.
|
Before Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
|
|
@ -1,80 +0,0 @@
|
|||
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;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,71 +1,13 @@
|
|||
<!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>
|
||||
Loading…
Reference in New Issue
Block a user