iva/oss-vaja1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dodane ikone v nav meni, potrebno urediti hover in pa active

Browse Source
This commit is contained in:
iva
2026-11-01 14:15:45 +01:00
parent 02ed53d7a3
commit 2f7d91c430
6 changed files with 140 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5 -5
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a class="active" href="index.html">Domov</a></li> <li><a class="active" href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li> <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li> <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li> <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li> <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
jedilnik.html
+5 -5
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a class="active" href="jedilnik.html">Jedilnik</a></li> <li><a class="active" href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li> <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li> <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li> <li><a href="o_nas.html"> <i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
o_nas.html
+40 -38
View File
@@ -15,17 +15,17 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><i class="fa-solid fa-house"></i><a href="index.html">Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li> <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li> <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li> <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a class="active" href="o_nas.html">O nas</a></li> <li><a class="active" href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
<main> <main class="o_nas_page">
<h1>Naša zgodba</h1> <h1>Naša zgodba</h1>
<section class="nasa_zgodba_grid"> <div class="nasa_zgodba_grid">
<div class="nasa_zgodba_txt"> <div class="nasa_zgodba_txt">
<h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2> <h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2>
<p> <p>
@@ -44,41 +44,43 @@
<img src="restavracija.png" alt="slika restavracije"> <img src="restavracija.png" alt="slika restavracije">
<figcaption>Naša restavracija</figcaption> <figcaption>Naša restavracija</figcaption>
</figure> </figure>
</section> </div>
<h2>Delovni čas</h2> <h2>Delovni čas</h2>
<table class="delovi_cas"> <table class="delovi_cas">
<tr> <thead>
<th>Dan</th> <th>Dan</th>
<th>Delavnik</th> <th>Delavnik</th>
</tr> </thead>
<tr> <tbody>
<td>Ponedeljek</td> <tr>
<td>9:00-22:00</td> <td>Ponedeljek</td>
</tr> <td>9:00-22:00</td>
<tr> </tr>
<td>Torek</td> <tr>
<td>Zaprti</td> <td>Torek</td>
</tr> <td>Zaprti</td>
<tr> </tr>
<td>Sreda</td> <tr>
<td>9:00-22:00</td> <td>Sreda</td>
</tr> <td>9:00-22:00</td>
<tr> </tr>
<td>Četrtek</td> <tr>
<td>9:00-22:00</td> <td>Četrtek</td>
</tr> <td>9:00-22:00</td>
<tr> </tr>
<td>Petek</td> <tr>
<td>9:00-23:00</td> <td>Petek</td>
</tr> <td>9:00-23:00</td>
<tr> </tr>
<td>Sobota</td> <tr>
<td>10:00-23:00</td> <td>Sobota</td>
</tr> <td>10:00-23:00</td>
<tr> </tr>
<td>Nedelja</td> <tr>
<td>10:00-22:00</td> <td>Nedelja</td>
</tr> <td>10:00-22:00</td>
</tr>
</tbody>
</table> </table>
<h2>Lokacija</h2> <h2>Lokacija</h2>
<p><i> <p><i>
recepti.html
+7 -7
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a href="index.html"><i class="fa-solid fa-house"></i></i>Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li> <li><a href="jedilnik.html"> <i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a class="active" href="recepti.html">Recepti</a></li> <li><a class="active" href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li> <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li> <li><a href="o_nas.html"> <i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@@ -264,8 +264,8 @@
<footer> <footer>
<address> <address>
Za prste obliznit<br> Za prste obliznit<br>
Tomaž nad Vojnikom 18a,3212 Vojnik <br> <i class="fa-solid fa-location-dot"></i> Tomaž nad Vojnikom 18a,3212 Vojnik <br>
Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br> <i class="fa-solid fa-phone"></i> Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a>
</address> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
rezervacija.html
+5 -5
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li> <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li> <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a class="active" href="rezervacija.html">Rezervacija</a></li> <li><a class="active" href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li> <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
stylesheet.css
+78 -2
View File
@@ -1,5 +1,6 @@
/* spetna pisava*/ /* spetna pisava*/
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
/* CSS barve pa oblike ki se bojo ponavljale da mi jih ne bo treba vsakic znova definirt bojo tuki, pa ce bo reba kej spremenit bo tudi lazje, ker samo na enem mestu spremenis */ /* CSS barve pa oblike ki se bojo ponavljale da mi jih ne bo treba vsakic znova definirt bojo tuki, pa ce bo reba kej spremenit bo tudi lazje, ker samo na enem mestu spremenis */
:root { :root {
@@ -73,6 +74,25 @@ a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj
outline-offset: 0.2rem; outline-offset: 0.2rem;
} }
/*font awsome */
.fa-solid {
color: var(--barva-poudarek);
font-size: 1.5rem;
}
header .fa-solid {
color: var(--barva-besedilo);
font-size: 1.2rem;
padding-right: 0.5rem;
}
footer .fa-solid {
color: var(--barva-besedilo-na-temnem);
font-size: 1rem;
padding-right: 0.1rem;
}
/* glava in navigacija */ /* glava in navigacija */
.site_header { .site_header {
@@ -557,7 +577,6 @@ footer p {
position:relative; position:relative;
min-height: 350px; min-height: 350px;
flex-shrink: 0; flex-shrink: 0;
overflow: hidden;
margin:0; margin:0;
} }
@@ -622,6 +641,7 @@ footer p {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap:1rem; gap:1rem;
padding: 2rem; padding: 2rem;
margin-bottom: 2rem;
} }
.field_rezervacija legend { .field_rezervacija legend {
@@ -714,4 +734,60 @@ footer p {
cursor: pointer cursor: pointer
} }
/* on nas, besedilo in slika restavracije*/ /* on nas, besedilo in slika restavracije*/
.nasa_zgodba_grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
align-items: stretch;
gap: 0.5rem;
background-color: var(--barva-dodatna3);
border-radius: var(--zaobljenost);
padding: 1rem;
}
.nasa_zgodba_txt {
display: flex;
flex-direction: column;
}
.nasa_zgodba_grid figure {
display: flex;
justify-content: center;
align-items: center;
}
.nasa_zgodba_grid img {
position: center;
padding:0,5rem;
border-radius: var(--zaobljenost);
}
.nasa_zgodba_grid figcaption {
display: none;
}
.o_nas_page table {
width: 40%;
border-collapse: collapse;
background-color: var(--barva-kartice);
border-radius: var(--zaobljenost);
overflow: hidden;
box-shadow: var(--barva-senca);
}
.o_nas_page thead {
background-color: var(--barva-poudarek);
color: var(--barva-besedilo-na-temnem);
padding: 0.3rem;
}
.o_nas_page td,
.o_nas_page th {
padding:0.5rem;
text-align: center;
}
.o_nas_page tbody tr:nth-child(2) {
background-color: var(--barva-dodatna3);
font-weight: 700;
}