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>
</a>
<ul class="main_menu">
<li><a class="active" href="index.html">Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li>
<li><a class="active" href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul>
</nav>
</header>
jedilnik.html
+5 -5
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span>
</a>
<ul class="main_menu">
<li><a href="index.html">Domov</a></li>
<li><a class="active" href="jedilnik.html">Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li>
<li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a class="active" href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
<li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html"> <i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul>
</nav>
</header>
o_nas.html
+12 -10
View File
@@ -15,17 +15,17 @@
<span>Za prste obliznit</span>
</a>
<ul class="main_menu">
<li><a href="index.html">Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li>
<li><a class="active" href="o_nas.html">O nas</a></li>
<li><i class="fa-solid fa-house"></i><a href="index.html">Domov</a></li>
<li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
<li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</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"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul>
</nav>
</header>
<main>
<main class="o_nas_page">
<h1>Naša zgodba</h1>
<section class="nasa_zgodba_grid">
<div class="nasa_zgodba_grid">
<div class="nasa_zgodba_txt">
<h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2>
<p>
@@ -44,13 +44,14 @@
<img src="restavracija.png" alt="slika restavracije">
<figcaption>Naša restavracija</figcaption>
</figure>
</section>
</div>
<h2>Delovni čas</h2>
<table class="delovi_cas">
<tr>
<thead>
<th>Dan</th>
<th>Delavnik</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ponedeljek</td>
<td>9:00-22:00</td>
@@ -79,6 +80,7 @@
<td>Nedelja</td>
<td>10:00-22:00</td>
</tr>
</tbody>
</table>
<h2>Lokacija</h2>
<p><i>
recepti.html
+7 -7
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span>
</a>
<ul class="main_menu">
<li><a href="index.html">Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li>
<li><a class="active" href="recepti.html">Recepti</a></li>
<li><a href="rezervacija.html">Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li>
<li><a href="index.html"><i class="fa-solid fa-house"></i></i>Domov</a></li>
<li><a href="jedilnik.html"> <i class="fa-solid fa-utensils"></i>Jedilnik</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"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html"> <i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul>
</nav>
</header>
@@ -264,8 +264,8 @@
<footer>
<address>
Za prste obliznit<br>
Tomaž nad Vojnikom 18a,3212 Vojnik <br>
Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
<i class="fa-solid fa-location-dot"></i> Tomaž nad Vojnikom 18a,3212 Vojnik <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>
</address>
<p>© 2026 Iva Friedrich</p>
rezervacija.html
+5 -5
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span>
</a>
<ul class="main_menu">
<li><a href="index.html">Domov</a></li>
<li><a href="jedilnik.html">Jedilnik</a></li>
<li><a href="recepti.html">Recepti</a></li>
<li><a class="active" href="rezervacija.html">Rezervacija</a></li>
<li><a href="o_nas.html">O nas</a></li>
<li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</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"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
<li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul>
</nav>
</header>
stylesheet.css
+77 -1
View File
@@ -1,5 +1,6 @@
/* 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://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 */
:root {
@@ -73,6 +74,25 @@ a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj
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 */
.site_header {
@@ -557,7 +577,6 @@ footer p {
position:relative;
min-height: 350px;
flex-shrink: 0;
overflow: hidden;
margin:0;
}
@@ -622,6 +641,7 @@ footer p {
grid-template-columns: 1fr 2fr;
gap:1rem;
padding: 2rem;
margin-bottom: 2rem;
}
.field_rezervacija legend {
@@ -715,3 +735,59 @@ footer p {
}
/* 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;
}