OBRAZAC
HTML
<!DOCTYPE html> <html lang="hr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prometni znakovi</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1>Uvod u prometne znakove</h1> <p>Prometni znakovi su simboli koji služe za obavještavanje vozača i pješaka o pravilima i uvjetima na cesti. Svaka vrsta prometnog znaka ima svoju funkciju i svrhu. U nastavku ćemo se upoznati s različitim skupinama prometnih znakova.</p> </header> <nav> <ul> <li><a href="#z1">Skupina Z1</a></li> <li><a href="#z2">Skupina Z2</a></li> <li><a href="#z3">Skupina Z3</a></li> </ul> </nav> <section id="z1"> <h2>Skupina Z1 - Znakovi upozorenja</h2> <div class="content"> <img src="https://baustela.hr/app/uploads/2021/03/znakovi-gradiliste.png" alt="Znak upozorenja" class="left"> <p>Ova skupina znakova služi za upozoravanje vozača na opasnosti ili posebne uvjete na cesti. Primjeri uključuju znakove za opasne krivine, neravne ceste, ili radove na cesti.</p> </div> </section> <section id="z2"> <h2>Skupina Z2 - Znakovi zabrane</h2> <div class="content"> <p>Ovi znakovi označavaju zabrane ili ograničenja na cesti, poput zabrane parkiranja ili ograničenja brzine. Svi vozači moraju poštovati ove znakove kako bi održali sigurnost na cesti.</p> <img src="https://www.czs.hr/content/images/thumbs/0003495_ostali-znakovi-zabrane-provjereni-u-praksi_300.png" alt="Znak zabrane" class="right"> </div> </section> <section id="z3"> <h2>Skupina Z3 - Znakovi obveza</h2> <div class="content"> <img src="https://www.czs.hr/content/images/thumbs/0003496_ostali-znakovi-obveze-provjereni-u-praksi_300.png" alt="Znak obveze" class="left"> <p>Skupina Z3 uključuje znakove koji naređuju određene radnje, poput obveze korištenja sigurnosnih pojaseva ili obveze skretanja na određenom mjestu. Ovi znakovi su obavezni za sve sudionike u prometu.</p> </div> </section> </body> </html>