kawiarnia tweaks
This commit is contained in:
bronku
parent
521fac8cb6
commit
789f0e645a
2 changed files with 261 additions and 248 deletions
188
kawiarnia.css
188
kawiarnia.css
|
|
@ -62,135 +62,137 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#kawiarnia-content {
|
#kawiarnia-content {
|
||||||
display: flex;
|
background-color: var(--surface-container-low);
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2rem;
|
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
display: grid;
|
align-items: center;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 786px) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
width: 100%;
|
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
background-color: white;
|
justify-content: center;
|
||||||
border-radius: var(--border-radius);
|
|
||||||
padding: 2rem;
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto 1fr;
|
grid-template-columns: repeat(3, 1fr);
|
||||||
grid-template-rows: auto 1fr;
|
|
||||||
gap: 1rem;
|
|
||||||
|
|
||||||
& > svg {
|
|
||||||
padding: 1rem;
|
@media (max-width: 786px) {
|
||||||
color: var(--icon-color);
|
grid-template-columns: 1fr;
|
||||||
background-color: rgb(from var(--icon-color) r g b / 10%);
|
}
|
||||||
|
width: 100%;
|
||||||
|
gap: 2rem;
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
background-color: white;
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
overflow: visible;
|
padding: 2rem;
|
||||||
}
|
display: grid;
|
||||||
|
grid-template-columns: auto 1fr;
|
||||||
|
grid-template-rows: auto 1fr;
|
||||||
|
gap: 1rem;
|
||||||
|
|
||||||
& > h3 {
|
& > svg {
|
||||||
align-self: center;
|
padding: 1rem;
|
||||||
}
|
color: var(--icon-color);
|
||||||
|
background-color: rgb(from var(--icon-color) r g b / 10%);
|
||||||
& > ul {
|
border-radius: var(--border-radius);
|
||||||
grid-column: 1/span 2;
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
& > h3 {
|
& > h3 {
|
||||||
padding-top: 2rem ;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > li {
|
& > ul {
|
||||||
display: flex;
|
grid-column: 1/span 2;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-weight: bolder;
|
|
||||||
|
|
||||||
& > span {
|
& > h3 {
|
||||||
color: var(--primary);
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:last-child) {
|
& > li {
|
||||||
border-bottom: 1px dashed var(--on-surface-variant);
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-weight: bolder;
|
||||||
|
|
||||||
|
& > span {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
border-bottom: 1px dashed var(--on-surface-variant);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
grid-row: span 2;
|
grid-row: span 2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#kawiarnia-details {
|
#kawiarnia-details {
|
||||||
background-color: var(--surface-container-low);
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
justify-content: center;
|
||||||
|
gap: 2rem;
|
||||||
|
width: 100%;
|
||||||
|
@media (max-width: 786px) {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > header {
|
||||||
|
grid-column: span 3;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
|
padding: 2rem;
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
flex-direction: column;
|
||||||
justify-content: center;
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
width: 100%;
|
background-color: white;
|
||||||
@media (max-width: 786px) {
|
border-radius: var(--border-radius);
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
& > div:first-child {
|
|
||||||
grid-column: 1/ -1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > div:not(:first-child) {
|
& > svg {
|
||||||
padding: 2rem;
|
--icon-color: var(--primary);
|
||||||
display: flex;
|
padding: 1rem;
|
||||||
flex-direction: column;
|
overflow: visible;
|
||||||
align-items: center;
|
color: var(--icon-color);
|
||||||
justify-content: flex-start;
|
background-color: rgb(from var(--icon-color) r g b / 10%);
|
||||||
gap: 2rem;
|
|
||||||
background-color: white;
|
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
& > svg {
|
& > ul {
|
||||||
--icon-color: var(--primary);
|
width: 100%;
|
||||||
padding: 1rem;
|
|
||||||
overflow: visible;
|
|
||||||
color: var(--icon-color);
|
|
||||||
background-color: rgb(from var(--icon-color) r g b / 10%);
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
& > ul {
|
& > li {
|
||||||
width: 100%;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 1rem 0;
|
||||||
|
|
||||||
& > li {
|
&:not(:last-child) {
|
||||||
display: flex;
|
border-bottom: 1px dashed var(--on-surface-variant);
|
||||||
justify-content: space-between;
|
|
||||||
padding: 1rem 0;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
border-bottom: 1px dashed var(--on-surface-variant);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
& > a {
|
|
||||||
color: var(--primary);
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
color: var(--primary);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
321
kawiarnia.html
321
kawiarnia.html
|
|
@ -36,171 +36,182 @@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<section id="kawiarnia-details">
|
<section id="kawiarnia-details">
|
||||||
|
<header>
|
||||||
|
<h2>Odwiedź nas</h2>
|
||||||
|
<span>Czekamy na ciebie z świeżymi wypiekami i ciepłą kawą. Znajdź nas w samym centrum miasta.</span>
|
||||||
|
</header>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
<h2>Odwiedź nas</h2>
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
<span>Czekamy na ciebie z świeżymi wypiekami i ciepłą kawą. Znajdź nas w samym centrum miasta.</span>
|
class="lucide lucide-map-pin-icon lucide-map-pin">
|
||||||
</div>
|
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
|
||||||
<div>
|
<circle cx="12" cy="10" r="3"/>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
</svg>
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
|
||||||
class="lucide lucide-map-pin-icon lucide-map-pin">
|
|
||||||
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/>
|
|
||||||
<circle cx="12" cy="10" r="3"/>
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
<h3>Adres</h3>
|
<h3>Adres</h3>
|
||||||
<p>ul. Dworcowa 3a<br>
|
<p>ul. Dworcowa 3a<br>
|
||||||
83-300 Kartuzy</p>
|
83-300 Kartuzy</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
class="lucide lucide-clock-icon lucide-clock">
|
class="lucide lucide-clock-icon lucide-clock">
|
||||||
<circle cx="12" cy="12" r="10"/>
|
<circle cx="12" cy="12" r="10"/>
|
||||||
<path d="M12 6v6l4 2"/>
|
<path d="M12 6v6l4 2"/>
|
||||||
</svg>
|
</svg>
|
||||||
<h3>Godziny Otwarcia</h3>
|
<h3>Godziny Otwarcia</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<span>pn-pt</span><span>9:00-19:00</span>
|
<span>pn-pt</span><span>9:00-19:00</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span>sb-nd</span><span>10:00-20:00</span>
|
<span>sb-nd</span><span>10:00-20:00</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
class="lucide lucide-phone-icon lucide-phone">
|
class="lucide lucide-phone-icon lucide-phone">
|
||||||
<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/>
|
<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"/>
|
||||||
</svg>
|
</svg>
|
||||||
<h3>Zadzwoń do nas</h3>
|
<h3>Zadzwoń do nas</h3>
|
||||||
<p>Masz pytania? Chcesz zarezerwować stolik?</p>
|
<p>Masz pytania? Chcesz zarezerwować stolik?</p>
|
||||||
<a href="tel:+48690214515">690 214 515</a>
|
<a href="tel:+48690214515">690 214 515</a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="kawiarnia-content">
|
<section id="kawiarnia-content">
|
||||||
<h2>Nasza karta</h2>
|
|
||||||
<div>
|
<div>
|
||||||
|
<h2>Nasza karta</h2>
|
||||||
<div>
|
<div>
|
||||||
<svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
<div>
|
||||||
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
<svg style="--icon-color: var(--primary)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
stroke-linejoin="round" class="lucide lucide-coffee-icon lucide-coffee">
|
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||||
<path d="M10 2v2"/>
|
stroke-linejoin="round" class="lucide lucide-coffee-icon lucide-coffee">
|
||||||
<path d="M14 2v2"/>
|
<path d="M10 2v2"/>
|
||||||
<path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"/>
|
<path d="M14 2v2"/>
|
||||||
<path d="M6 2v2"/>
|
<path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"/>
|
||||||
</svg>
|
<path d="M6 2v2"/>
|
||||||
<h3>Kawy</h3>
|
</svg>
|
||||||
<ul>
|
<h3>Kawy</h3>
|
||||||
<li><p>Espresso</p><span>8 PLN</span></li>
|
<ul>
|
||||||
<li><p>Espresso podwójne</p><span>12 PLN</span></li>
|
<li><p>Espresso</p><span>8 PLN</span></li>
|
||||||
<li><p>Espresso Affogato</p><span>17 PLN</span></li>
|
<li><p>Espresso podwójne</p><span>12 PLN</span></li>
|
||||||
<li><p>Americano</p><span>10 PLN</span></li>
|
<li><p>Espresso Affogato</p><span>17 PLN</span></li>
|
||||||
<li><p>Flat White</p><span>12 PLN</span></li>
|
<li><p>Americano</p><span>10 PLN</span></li>
|
||||||
<li><p>Cappucino</p><span>12 PLN</span></li>
|
<li><p>Flat White</p><span>12 PLN</span></li>
|
||||||
<li><p>Caffee Latte</p><span>14 PLN</span></li>
|
<li><p>Cappucino</p><span>12 PLN</span></li>
|
||||||
<li><p>Latte Macchiato</p><span>15 PLN</span></li>
|
<li><p>Caffee Latte</p><span>14 PLN</span></li>
|
||||||
<li><p>Kawa Mrożona</p><span>22 PLN</span></li>
|
<li><p>Latte Macchiato</p><span>15 PLN</span></li>
|
||||||
<li><p>Ice Latte</p><span>20 PLN</span></li>
|
<li><p>Kawa Mrożona</p><span>22 PLN</span></li>
|
||||||
<h3>Dodatki</h3>
|
<li><p>Ice Latte</p><span>20 PLN</span></li>
|
||||||
<li><p>Bita śmietana</p><span>4 PLN</span></li>
|
<h3>Dodatki</h3>
|
||||||
<li><p>Syrop</p><span>2 PLN</span></li>
|
<li><p>Bita śmietana</p><span>4 PLN</span></li>
|
||||||
<li><p>Dodatkowa porcja espresso</p><span>2 PLN</span></li>
|
<li><p>Syrop</p><span>2 PLN</span></li>
|
||||||
</ul>
|
<li><p>Dodatkowa porcja espresso</p><span>2 PLN</span></li>
|
||||||
</div>
|
</ul>
|
||||||
<div>
|
</div>
|
||||||
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cake-slice-icon lucide-cake-slice"><path d="M16 13H3"/><path d="M16 17H3"/><path d="m7.2 7.9-3.388 2.5A2 2 0 0 0 3 12.01V20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8.654c0-2-2.44-6.026-6.44-8.026a1 1 0 0 0-1.082.057L10.4 5.6"/><circle cx="9" cy="7" r="2"/></svg>
|
<div>
|
||||||
<h3>Słodkości</h3>
|
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
<ul><p>Codziennie pieczemy coś innego! Zapytaj obsługę o dzisiejsze smaki.</p>
|
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||||
|
stroke-linejoin="round" class="lucide lucide-cake-slice-icon lucide-cake-slice">
|
||||||
|
<path d="M16 13H3"/>
|
||||||
|
<path d="M16 17H3"/>
|
||||||
|
<path d="m7.2 7.9-3.388 2.5A2 2 0 0 0 3 12.01V20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8.654c0-2-2.44-6.026-6.44-8.026a1 1 0 0 0-1.082.057L10.4 5.6"/>
|
||||||
|
<circle cx="9" cy="7" r="2"/>
|
||||||
|
</svg>
|
||||||
|
<h3>Słodkości</h3>
|
||||||
|
<ul><p>Codziennie pieczemy coś innego! Zapytaj obsługę o dzisiejsze smaki.</p>
|
||||||
|
|
||||||
<li><p>Domowe ciasta</p><span>10 - 15 LN</span></li>
|
<li><p>Domowe ciasta</p><span>10 - 15 LN</span></li>
|
||||||
<li><p>Deserki</p><span>5 - 10 PLN</span></li>
|
<li><p>Deserki</p><span>5 - 10 PLN</span></li>
|
||||||
<li><p>Mini Pavlova</p><span>10 PLN</span></li>
|
<li><p>Mini Pavlova</p><span>10 PLN</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<svg style="--icon-color: #7D8C61" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
<svg style="--icon-color: #7D8C61" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
viewBox="0 0 24 24" fill="none"
|
||||||
class="lucide lucide-leaf-icon lucide-leaf">
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/>
|
class="lucide lucide-leaf-icon lucide-leaf">
|
||||||
<path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/>
|
<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/>
|
||||||
</svg>
|
<path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/>
|
||||||
<h3>Herbaty</h3>
|
</svg>
|
||||||
<ul>
|
<h3>Herbaty</h3>
|
||||||
<li><p>Czarna</p><span>10 PLN</span></li>
|
<ul>
|
||||||
<li><p>Zielona</p><span>10 PLN</span></li>
|
<li><p>Czarna</p><span>10 PLN</span></li>
|
||||||
<li><p>Cytryna</p><span>10 PLN</span></li>
|
<li><p>Zielona</p><span>10 PLN</span></li>
|
||||||
<li><p>Imbir</p><span>10 PLN</span></li>
|
<li><p>Cytryna</p><span>10 PLN</span></li>
|
||||||
<li><p>Owocowa</p><span>10 PLN</span></li>
|
<li><p>Imbir</p><span>10 PLN</span></li>
|
||||||
<li><p>Cappucino</p><span>10 PLN</span></li>
|
<li><p>Owocowa</p><span>10 PLN</span></li>
|
||||||
<li><p>Ice Tea</p><span>18 PLN</span></li>
|
<li><p>Cappucino</p><span>10 PLN</span></li>
|
||||||
</ul>
|
<li><p>Ice Tea</p><span>18 PLN</span></li>
|
||||||
</div>
|
</ul>
|
||||||
<div>
|
</div>
|
||||||
<svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
<div>
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
<svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
class="lucide lucide-cup-soda-icon lucide-cup-soda">
|
viewBox="0 0 24 24" fill="none"
|
||||||
<path d="m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8"/>
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
<path d="M5 8h14"/>
|
class="lucide lucide-cup-soda-icon lucide-cup-soda">
|
||||||
<path d="M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0"/>
|
<path d="m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8"/>
|
||||||
<path d="m12 8 1-6h2"/>
|
<path d="M5 8h14"/>
|
||||||
</svg>
|
<path d="M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0"/>
|
||||||
<h3>Napoje</h3>
|
<path d="m12 8 1-6h2"/>
|
||||||
<ul>
|
</svg>
|
||||||
<li><p>Woda gazowana</p><span>6 PLN</span></li>
|
<h3>Napoje</h3>
|
||||||
<li><p>Woda niegazowana</p><span>6 PLN</span></li>
|
<ul>
|
||||||
<li><p>Coca Cola</p><span>8 PLN</span></li>
|
<li><p>Woda gazowana</p><span>6 PLN</span></li>
|
||||||
<li><p>Fanta</p><span>8 PLN</span></li>
|
<li><p>Woda niegazowana</p><span>6 PLN</span></li>
|
||||||
<li><p>Smoothie owocowe</p><span>20 PLN</span></li>
|
<li><p>Coca Cola</p><span>8 PLN</span></li>
|
||||||
<li><p>Milkshake</p><span>24 PLN</span></li>
|
<li><p>Fanta</p><span>8 PLN</span></li>
|
||||||
<li><p>Lemoniada</p><span>18 PLN</span></li>
|
<li><p>Smoothie owocowe</p><span>20 PLN</span></li>
|
||||||
</ul>
|
<li><p>Milkshake</p><span>24 PLN</span></li>
|
||||||
</div>
|
<li><p>Lemoniada</p><span>18 PLN</span></li>
|
||||||
<div>
|
</ul>
|
||||||
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
</div>
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
<div>
|
||||||
class="lucide lucide-ice-cream-cone-icon lucide-ice-cream-cone">
|
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
<path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11"/>
|
viewBox="0 0 24 24" fill="none"
|
||||||
<path d="M17 7A5 5 0 0 0 7 7"/>
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
<path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4"/>
|
class="lucide lucide-ice-cream-cone-icon lucide-ice-cream-cone">
|
||||||
</svg>
|
<path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11"/>
|
||||||
<h3>Lody</h3>
|
<path d="M17 7A5 5 0 0 0 7 7"/>
|
||||||
<ul>
|
<path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4"/>
|
||||||
<li><p>Mała gałka</p><span>6 PLN</span></li>
|
</svg>
|
||||||
<li><p>Duża gałka</p><span>8 PLN</span></li>
|
<h3>Lody</h3>
|
||||||
<li><p>Deser Lodowy</p><span>26 PLN</span></li>
|
<ul>
|
||||||
<li><p>Małe włoskie</p><span>10 PLN</span></li>
|
<li><p>Mała gałka</p><span>6 PLN</span></li>
|
||||||
<li><p>Duże włoskie</p><span>14 PLN</span></li>
|
<li><p>Duża gałka</p><span>8 PLN</span></li>
|
||||||
</ul>
|
<li><p>Deser Lodowy</p><span>26 PLN</span></li>
|
||||||
</div>
|
<li><p>Małe włoskie</p><span>10 PLN</span></li>
|
||||||
<div>
|
<li><p>Duże włoskie</p><span>14 PLN</span></li>
|
||||||
<svg style="--icon-color: #C29B40" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
</ul>
|
||||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
</div>
|
||||||
class="lucide lucide-grid3x3-icon lucide-grid-3x3">
|
<div>
|
||||||
<rect width="18" height="18" x="3" y="3" rx="2"/>
|
<svg style="--icon-color: #C29B40" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||||||
<path d="M3 9h18"/>
|
viewBox="0 0 24 24" fill="none"
|
||||||
<path d="M3 15h18"/>
|
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||||
<path d="M9 3v18"/>
|
class="lucide lucide-grid3x3-icon lucide-grid-3x3">
|
||||||
<path d="M15 3v18"/>
|
<rect width="18" height="18" x="3" y="3" rx="2"/>
|
||||||
</svg>
|
<path d="M3 9h18"/>
|
||||||
<h3>Gofry</h3>
|
<path d="M3 15h18"/>
|
||||||
<ul>
|
<path d="M9 3v18"/>
|
||||||
<li><p>Gofr</p><span>12 PLN</span></li>
|
<path d="M15 3v18"/>
|
||||||
<li><p>Gofr bąbelkowy</p><span>24 PLN</span></li>
|
</svg>
|
||||||
</ul>
|
<h3>Gofry</h3>
|
||||||
<h3>Dodatki</h3>
|
<ul>
|
||||||
<ul>
|
<li><p>Gofr</p><span>12 PLN</span></li>
|
||||||
<li><p>Owoce</p><span>5 PLN</span></li>
|
<li><p>Gofr bąbelkowy</p><span>24 PLN</span></li>
|
||||||
<li><p>Bita śmietana</p><span>4 PLN</span></li>
|
</ul>
|
||||||
<li><p>Posypka i/lub polewa</p><span>2 PLN</span></li>
|
<h3>Dodatki</h3>
|
||||||
<li><p>Frużelina</p><span>14 PLN</span></li>
|
<ul>
|
||||||
</ul>
|
<li><p>Owoce</p><span>5 PLN</span></li>
|
||||||
|
<li><p>Bita śmietana</p><span>4 PLN</span></li>
|
||||||
|
<li><p>Posypka i/lub polewa</p><span>2 PLN</span></li>
|
||||||
|
<li><p>Frużelina</p><span>14 PLN</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue