d8informatika

sedam

``` Domaći Proizvodi

Domaći Proizvodi

Priroda na vašem stolu

<nav>
    <a href="#about">O nama</a>
    <a href="#products">Proizvodi</a>
    <a href="#gallery">Galerija</a>
    <a href="#contact">Kontakt</a>
    <a href="#map">Lokacija</a>
</nav>

<section id="about">
    <h2>O nama</h2>
    <p>Mi smo mali obiteljski biznis koji se bavi proizvodnjom prirodnih i domaćih proizvoda. Naš cilj je ponuditi kvalitetu i tradiciju iz srca prirode.</p>
</section>

<section id="products">
    <h2>Naši proizvodi</h2>
    <div class="product">
        <h3>Domaći med</h3>
        <p>100% prirodni med iz netaknute prirode.</p>
    </div>
    <div class="product">
        <h3>Džem od šljive</h3>
        <p>Bez dodatnog šećera, idealan za doručak.</p>
    </div>
    <div class="product">
        <h3>Biljni čajevi</h3>
        <p>Ručna berba i sušenje domaćih biljaka.</p>
    </div>
</section>

<section id="gallery">
    <h2>Galerija proizvoda</h2>
    <div class="gallery">
        <img src="https://via.placeholder.com/300x200?text=Med" alt="Med">
        <img src="https://via.placeholder.com/300x200?text=Dzem" alt="Džem">
        <img src="https://via.placeholder.com/300x200?text=Caj" alt="Čaj">
    </div>
</section>

<section id="contact">
    <h2>Kontaktirajte nas</h2>
    <form class="contact-form" onsubmit="return validateForm()">
        <input type="text" id="name" placeholder="Vaše ime" required>
        <input type="email" id="email" placeholder="Email adresa" required>
        <input type="text" id="phone" placeholder="Broj telefona" required>
        <input type="text" id="subject" placeholder="Naslov poruke" required>
        <textarea id="message" placeholder="Vaša poruka" rows="5" required>