słodkie stoły
This commit is contained in:
bronku
parent
6571745618
commit
026135dd12
4 changed files with 126 additions and 50 deletions
|
|
@ -1,28 +1,92 @@
|
|||
#slodkie_stoly {
|
||||
& > #deserki {
|
||||
& > ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
text-align: center;
|
||||
|
||||
@media (max-width: 786px) {
|
||||
grid-template-columns: 1fr;
|
||||
& > section {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
& > #cennik {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--grid-cols), 1fr);
|
||||
grid-gap: 2rem;
|
||||
|
||||
& > p {
|
||||
font-style: italic;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
& #deserki {
|
||||
border: 1px solid var(--surface-container-highest);
|
||||
border-radius: var(--border-radius);
|
||||
background-color: var(--surface-container-low);
|
||||
|
||||
& > div {
|
||||
padding: 2rem;
|
||||
|
||||
& > h2 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
& > li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
& > ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
content: "";
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNpcmNsZS1jaGVjay1pY29uIGx1Y2lkZS1jaXJjbGUtY2hlY2siPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCIvPjwvc3ZnPg==);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
gap: 1rem;
|
||||
|
||||
@media (max-width: 786px) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
& > li {
|
||||
display: grid;
|
||||
text-align: left;
|
||||
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
margin-right: 0.5rem;
|
||||
content: "";
|
||||
background-color: var(--primary);
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNpcmNsZS1jaGVjay1pY29uIGx1Y2lkZS1jaXJjbGUtY2hlY2siPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCIvPjwvc3ZnPg==);
|
||||
grid-column: 1;
|
||||
grid-row: 1/ -1;
|
||||
place-self: center;
|
||||
}
|
||||
|
||||
& > span {
|
||||
grid-column: 2;
|
||||
|
||||
&:only-child {
|
||||
align-self: center;
|
||||
grid-row: 1/-1;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
&:last-child:not(:only-child) {
|
||||
font-size: 0.9em;
|
||||
font-weight: lighter;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<nav>
|
||||
<a {{if (ne . "ciasta")}} href="wyroby.html" {{end}} class="btn-green">Ciasta</a>
|
||||
<a {{if (ne . "torty")}} href="wyroby_torty.html" {{end}} class="btn-green">Torty</a>
|
||||
<a {{if (ne . "slodkie_stoly")}}href="wyroby_slodkie_stoly.html" {{end}} class="btn-green">Slodkie stoły</a>
|
||||
<a {{if (ne . "slodkie_stoly")}}href="wyroby_slodkie_stoly.html" {{end}} class="btn-green">Słodkie stoły</a>
|
||||
<a {{if (ne . "lody")}} href="wyroby_lody.html" {{end}}class="btn-green">Lody</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -2,45 +2,54 @@
|
|||
<main id="slodkie_stoly">
|
||||
{{template "wyroby_header" "slodkie_stoly"}}
|
||||
<section id="cennik">
|
||||
<span>Aranżacja i transport słodkości ustalane są indywidualnie</span>
|
||||
<span>Minimalna ilość zamówień: 8szt z jednego rodzaju</span>
|
||||
<span>W przypadku zamówień dla ilości osób powyżej 30, do wyboru są następujące konfiguracje bufetów</span>
|
||||
<div>
|
||||
<p>Aranżacja i transport słodkości ustalane są indywidualnie<br>
|
||||
Minimalna ilość zamówień: 8szt z jednego rodzaju<br>
|
||||
W przypadku zamówień dla ilości osób powyżej 30, do wyboru są następujące konfiguracje bufetów:
|
||||
</p>
|
||||
<div class="card-low">
|
||||
<h3>Podstawowy</h3>
|
||||
<span>28 PLN/osoba</span>
|
||||
<p>3szt. deseru na osobę<br>do wyboru 5 rodzaji deseru </p>
|
||||
<p>3 szt. deseru na osobę<br>5 rodzajów do wyboru</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="card-low">
|
||||
<h3>Rozszerzony</h3>
|
||||
<span>34 PLN/osoba</span>
|
||||
<p>4-5szt. deseru na osobę<br>do wyboru 7 rodzaji deseru </p>
|
||||
<p>4-5 szt. deseru na osobę<br>7 rodzajów do wyboru</p>
|
||||
</div>
|
||||
<div>
|
||||
<div class="card-low">
|
||||
<h3>Premium</h3>
|
||||
<span>39 PLN/osoba</span>
|
||||
<p>6szt. deseru na osobę<br>do wyboru 9 rodzaji deseru </p>
|
||||
<p>6 szt. deseru na osobę<br>7 rodzajów do wyboru</p>
|
||||
</div>
|
||||
</section>
|
||||
<section id="deserki">
|
||||
<h2>W skład słodkiego stołu mogą wchodzić</h2>
|
||||
<ul>
|
||||
<li>Muffinki czekoladowe z kremem śmietankowym</li>
|
||||
<li>Babeczki z kremem i piankami marshmallow</li>
|
||||
<li>Cake popsy/Ice pops w czekoladzie</li>
|
||||
<li>Deser w pucharku Panna Cotta</li>
|
||||
<li>Deser w pucharku Tiramisu</li>
|
||||
<li>Deser w pucharku Leśny mech z musem truskawkowym</li>
|
||||
<li>Deser w pucharku Chia</li>
|
||||
<li>Serniczek cynamonowy/oreo na ciasteczkowym spodzie</li>
|
||||
<li>Deser w pucharku oreo</li>
|
||||
<li>Mini Pavlove z owocami ok.7 cm średnicy. Monoporcja półkula w polewie lustrzanej /mango, marakuja/</li>
|
||||
<li>Savarin: mus z białej czekolady i żelką malinową na migdałowym ciasteczku/</li>
|
||||
<li>Eklerki z kremem śmietanowym/pattisiere</li>
|
||||
<li>Tartaletki z kremem i owocami</li>
|
||||
<li>Mini tarta z ganache czekoladowym i żelką malinową</li>
|
||||
<li>Profiterol z kruszonką i kremem porzeczkowym/śmietankowym</li>
|
||||
<li>Ciasta</li>
|
||||
</ul>
|
||||
<section>
|
||||
<div id="deserki">
|
||||
<div>
|
||||
<h2>W skład słodkiego stołu mogą wchodzić</h2>
|
||||
<ul>
|
||||
<li><span>Muffinki czekoladowe z kremem śmietankowym</span></li>
|
||||
<li><span>Babeczki z kremem i piankami</span></li>
|
||||
<li><span>Cake popsy</span><span>w czekoladzie</span></li>
|
||||
<li><span>Ice popsy</span><span>w czekoladzie</span></li>
|
||||
<li><span>Panna Cotta</span><span>Deser w pucharku </span></li>
|
||||
<li><span>Tiramisu</span><span>Deser w pucharku </span></li>
|
||||
<li><span>Leśny mech z musem truskawkowym</span><span>Deser w pucharku </span></li>
|
||||
<li><span>Chia</span><span>Deser w pucharku </span></li>
|
||||
<li><span>Serniczek cynamonowy lub oreo</span><span>na ciasteczkowym spodzie</span></li>
|
||||
<li><span>Oreo</span><span>Deser w pucharku</span></li>
|
||||
<li><span>Mini Pavlove z owocami</span><span>ok.7 cm średnicy</span></li>
|
||||
<li><span>Monoporcja</span><span>półkula w polewie lustrzanej mango marakuja</span></li>
|
||||
<li>
|
||||
<span>Savarin</span><span>mus z białej czekolady i żelką malinową na migdałowym ciasteczku</span>
|
||||
</li>
|
||||
<li><span>Eklerki</span><span>z kremem śmietanowym/pattisiere</span></li>
|
||||
<li><span>Tartaletki</span><span>z kremem i owocami</span></li>
|
||||
<li><span>Mini tarta</span><span>z ganache czekoladowym i żelką malinową</span></li>
|
||||
<li><span>Profiterol</span><span>z kruszonką i kremem porzeczkowym/śmietankowym</span></li>
|
||||
<li><span>Ciasta</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
{{template "footer"}}
|
||||
3
todo.txt
3
todo.txt
|
|
@ -11,3 +11,6 @@ nutelowiec z wiśniami
|
|||
karpatka
|
||||
|
||||
mobile version
|
||||
fix header alignement in wyroby
|
||||
lody
|
||||
portfolio
|
||||
Loading…
Add table
Add a link
Reference in a new issue