Trgovina
@inherits LayoutComponentBase
<div class="top-navbar">
<ul class="navbar">
<!-- Glavne opcije -->
<li><a href="/">Početna</a></li>
<li><a href="/about">O nama</a></li>
<!-- Prva glavna opcija s podopcijama -->
<li class="dropdown">
<a href="#">Usluge</a>
<ul class="dropdown-content">
<li><a href="/usluge/1">Usluga 1</a></li>
<li><a href="/usluge/2">Usluga 2</a></li>
<li><a href="/usluge/3">Usluga 3</a></li>
</ul>
</li>
<!-- Druga glavna opcija s podopcijama -->
<li class="dropdown">
<a href="#">Projekti</a>
<ul class="dropdown-content">
<li><a href="/projekti/1">Projekt 1</a></li>
<li><a href="/projekti/2">Projekt 2</a></li>
<li><a href="/projekti/3">Projekt 3</a></li>
<li><a href="/projekti/4">Projekt 4</a></li>
</ul>
</li>
<li><a href="/contact">Kontakt</a></li>
</ul>
</div>
<div class="main-content">
@Body
</div>
<style>
/* Osnovni stilovi za navigaciju */
.top-navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #007bff;
color: white;
padding: 10px 20px;
z-index: 1000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
}
.navbar li {
position: relative;
}
.navbar a {
color: white;
text-decoration: none;
padding: 10px 15px;
display: block;
font-size: 18px;
}
.navbar a:hover {
background-color: #0056b3;
}
/* Stilovi za padajući izbornik */
.dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #007bff;
list-style-type: none;
padding: 0;
margin: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dropdown-content li a {
padding: 10px 15px;
white-space: nowrap;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* Margine za glavni sadržaj */
.main-content {
margin-top: 60px;
padding: 20px;
}
</style>
<p>a) U dvorištu se nalazi pravokutni vrt površine §§V1(10,20,5)§§ kvadratnih metara. Širina vrta je §§V2(3,5,1)§§ metara. Kolika je duljina vrta?</p>
<p>b) Na podu u sobi potrebno je postaviti pločice. Površina poda je §§V1(12,24,6)§§ kvadratnih metara. Površina jedne pločice je §§V2(0.25,1,5)§§ kvadratnih metara. Koliko je pločica potrebno za pod u sobi?</p>
<p>c) U trgovini se prodaje kvadratni metar tepiha za §§V1(100,200,50)§§ kuna. Koliko će koštati tepih površine §§V2(4,8,2)§§ kvadratna metra?</p>
<p>d) Na zidu u učionici potrebno je nalijepiti plakat. Površina plakata je §§V1(0.5,5,0.25)§§ kvadratnih metara. Površina zida u učionici je §§V2(30,60,10)§§ kvadratnih metara. Koliki dio zida će prekriti plakat?</p>
<p>e) U parku se nalazi igralište površine §§V1(50,100,20)§§ kvadratnih metara. Od toga, §§V2(20,40,10)§§ kvadratnih metara zauzimaju pješačke staze. Koliko je kvadratnih metara igrališta dostupno za djecu?</p>
<p>f) U školi se dijeli §§V1(100,200,50)§§ kolačića učenicima. U razredu ima §§V2(20,30,5)§§ učenika. Koliko kvadratnih centimetara kolačića će dobiti svaki učenik?</p>
<p>g) U dvorištu se nalazi §§V1(5,10,1)§§ stabala jabuka. Prosječna kruna stabla jabuke ima površinu §§V2(10,20,5)§§ kvadratnih metara. Kolika je ukupna površina kruna stabala jabuka u dvorištu?</p>
<p>h) U kutiji ima §§V1(10,20,5)§§ olovaka. Površina kutije je §§V2(0.2,0.4,0.02)§§ kvadratnih metara. Koliko je olovaka potrebno da se ispuni kutija?</p>
<p>i) U torbi ima §§V1(20,40,10)§§ bombona. Dječak je pojeo §§V2(5,10,1)§§ bombona. Koliki dio bombona je ostalo u torbi?</p>
<p>j) U pekari se ispeklo §§V1(50,100,20)§§ kruhova. Prodano je §§V2(30,60,10)§§ kruhova. Koliki dio kruhova je ostao u pekari?</p>
<svg width="1000" height="1000" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path id="Color-Fill" fill="#ff6900" stroke="none" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/>
<g>
<path id="Logo-Shape" fill="#020303" fill-rule="evenodd" stroke="none" d="M 832.5 500 C 832.5 316.365356 683.634644 167.5 500 167.5 C 316.365326 167.5 167.5 316.365356 167.5 500 C 167.5 683.634644 316.365326 832.5 500 832.5 C 683.634644 832.5 832.5 683.634644 832.5 500 Z"/>
<text id="Beyond-The-Idea" xml:space="preserve" x="50%" y="50%" text-anchor="middle">
<tspan id="Top" x="50%" y="493" font-family="JetBrains Mono" font-size="111.9625" fill="#ffffff" xml:space="preserve">BEYOND</tspan>
<tspan id="Bottom" x="50%" y="604.2" font-family="JetBrains Mono" font-size="111.9625" fill="#ffffff" xml:space="preserve">THE IDEA</tspan>
</text>
</g>
</svg>
<img src="/uploads/mps.jpeg" width="300"/>