-
products.php
<?php include('functions.php'); // Definujeme produkty pre záhradnícke a módne témy $products = \[ \['id' => 1, 'name' => 'Záhradnícka lopata', 'price' => 15.99, 'image' => 'spade.jpg', 'category' => 'Záhradníctvo'\], \['id' => 2, 'name' => 'Kvetináč', 'price' => 8.49, 'image' => 'flowerpot.jpg', 'category' => 'Záhradníctvo'\], \['id' => 3, 'name' => 'Trávniková sekačka', 'price' => 199.99, 'image' => 'mower.jpg', 'category' => 'Záhradníctvo'\], \['id' => 4, 'name' => 'Rukavice', 'price' => 5.99, 'image' => 'gloves.jpg', 'category' => 'Záhradníctvo'\], \['id' => 5, 'name' => 'Záhradná hadica', 'price' => 12.99, 'image' => 'hose.jpg', 'category' => 'Záhradníctvo'\], \['id' => 6, 'name' => 'Sada na výsadbu', 'price' => 22.99, 'image' => 'planting\_kit.jpg', 'category' => 'Záhradníctvo'\], \['id' => 7, 'name' => 'Dámska mikina', 'price' => 45.99, 'image' => 'hoodie.jpg', 'category' => 'Oblečenie'\], \['id' => 8, 'name' => 'Pánske tričko', 'price' => 19.99, 'image' => 'tshirt.jpg', 'category' => 'Oblečenie'\], \['id' => 9, 'name' => 'Džínsy', 'price' => 34.99, 'image' => 'jeans.jpg', 'category' => 'Oblečenie'\], \['id' => 10, 'name' => 'Záhradný stôl', 'price' => 85.99, 'image' => 'garden\_table.jpg', 'category' => 'Záhradníctvo'\] \]; // Zľava, ak je nastavená $discount = 0.1; // 10% zľava ?>
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Produkty - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="products">
<h2>Naše produkty</h2>
<div class="product-grid">
<?php foreach ($products as $product): ?>
<div class="product">
<img src="assets/images/<?php echo $product\['image'\]; ?>" alt="<?php echo $product\['name'\]; ?>" class="product-image">
<h3><?php echo $product\['name'\]; ?></h3>
<p class="category"><?php echo $product\['category'\]; ?></p>
<p class="price">Cena: €<?php echo number\_format($product\['price'\], 2); ?></p>
<p class="discounted-price">
<?php if ($discount > 0): ?>
Cena po zľave: €<?php echo number\_format($product\['price'\] \* (1 - $discount), 2); ?>
<?php endif; ?>
</p>
<a href="product\_detail.php?id=<?php echo $product\['id'\]; ?>" class="btn">Viac informácií</a>
</div>
<?php endforeach; ?>
</div>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
2. about.php
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>O nás - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="about">
<h1>O nás</h1>
<p>Naša spoločnosť Záhradník / Oblecsa ponúka kvalitné produkty pre vašu záhradu alebo štýlové oblečenie. Máme dlhoročné skúsenosti v oboch oblastiach a naším cieľom je poskytovať produkty, ktoré spĺňajú požiadavky našich zákazníkov.</p>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
3. contact.php
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kontakt - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="contact">
<h1>Kontaktujte nás</h1>
<p>Ak máte akékoľvek otázky, neváhajte nás kontaktovať na nasledujúcej e-mailovej adrese:</p>
<p>Email: info@zahradnik-oblecsa.sk</p>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
4.
functions.php
<?php // Funkcia na výpočet ceny so zľavou function calculateDiscount($price, $discount) { return $price \* (1 - $discount); } // Funkcia na naformátovanie ceny (s dvoma desatinnými miestami) function formatPrice($price) { return number\_format($price, 2, '.', ''); } // Funkcia na načítanie produktov z databázy alebo zadané ručne pre testovanie function getProducts() { return \[ \['id' => 1, 'name' => 'Záhradnícka lopata', 'price' => 15.99, 'description' => 'Kvalitná záhradnícka lopata vhodná na každodenné použitie.', 'image' => 'spade.jpg', 'category' => 'Záhradníctvo'\], \['id' => 2, 'name' => 'Kvetináč', 'price' => 8.49, 'description' => 'Moderný kvetináč na rastliny v záhrade aj v interiéri.', 'image' => 'flowerpot.jpg', 'category' => 'Záhradníctvo'\], \['id' => 3, 'name' => 'Trávniková sekačka', 'price' => 199.99, 'description' => 'Výkonná trávniková sekačka pre vašu záhradu.', 'image' => 'mower.jpg', 'category' => 'Záhradníctvo'\], \['id' => 4, 'name' => 'Rukavice', 'price' => 5.99, 'description' => 'Ochranné rukavice na prácu v záhrade.', 'image' => 'gloves.jpg', 'category' => 'Záhradníctvo'\], \['id' => 5, 'name' => 'Záhradná hadica', 'price' => 12.99, 'description' => 'Flexibilná záhradná hadica pre jednoduché polievanie.', 'image' => 'hose.jpg', 'category' => 'Záhradníctvo'\], \['id' => 6, 'name' => 'Sada na výsadbu', 'price' => 22.99, 'description' => 'Kompletná sada na výsadbu rastlín a kvetov.', 'image' => 'planting\_kit.jpg', 'category' => 'Záhradníctvo'\], \['id' => 7, 'name' => 'Dámska mikina', 'price' => 45.99, 'description' => 'Pohodlná dámska mikina pre voľný čas.', 'image' => 'hoodie.jpg', 'category' => 'Oblečenie'\], \['id' => 8, 'name' => 'Pánske tričko', 'price' => 19.99, 'description' => 'Kvalitné pánske tričko pre každodenné nosenie.', 'image' => 'tshirt.jpg', 'category' => 'Oblečenie'\], \['id' => 9, 'name' => 'Džínsy', 'price' => 34.99, 'description' => 'Moderné pánske džínsy s pohodlným strihom.', 'image' => 'jeans.jpg', 'category' => 'Oblečenie'\], \['id' => 10, 'name' => 'Záhradný stôl', 'price' => 85.99, 'description' => 'Odolný záhradný stôl na záhradu alebo terasu.', 'image' => 'garden\_table.jpg', 'category' => 'Záhradníctvo'\] \]; } // Funkcia na zobrazenie detailu produktu podľa ID function getProductDetail($id) { $products = getProducts(); return $products\[$id - 1\]; // ID začína od 1 } ?>
5. history.php
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>História - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="history">
<h1>História našej spoločnosti</h1>
<p>Naša spoločnosť bola založená v roku 2000 s cieľom ponúkať kvalitné záhradnícke produkty a neskôr rozšírila svoju ponuku o štýlové oblečenie. V priebehu rokov sme sa etablovali ako lídri v oboch oblastiach a neustále pracujeme na zlepšovaní našich produktov a služieb.</p>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
6. index.php
<?php include('functions.php'); // Definujeme produkty $products = \[ \['id' => 1, 'name' => 'Záhradnícka lopata', 'price' => 15.99, 'image' => 'spade.jpg'\], \['id' => 2, 'name' => 'Kvetináč', 'price' => 8.49, 'image' => 'flowerpot.jpg'\], \['id' => 3, 'name' => 'Trávniková sekačka', 'price' => 199.99, 'image' => 'mower.jpg'\], \['id' => 4, 'name' => 'Rukavice', 'price' => 5.99, 'image' => 'gloves.jpg'\], \['id' => 5, 'name' => 'Záhradná hadica', 'price' => 12.99, 'image' => 'hose.jpg'\], \['id' => 6, 'name' => 'Sada na výsadbu', 'price' => 22.99, 'image' => 'planting\_kit.jpg'\], \['id' => 7, 'name' => 'Orezávač stromov', 'price' => 45.99, 'image' => 'pruner.jpg'\], \['id' => 8, 'name' => 'Záhradný stôl', 'price' => 85.99, 'image' => 'garden\_table.jpg'\], \['id' => 9, 'name' => 'Kovová kosa', 'price' => 18.49, 'image' => 'scythe.jpg'\], \['id' => 10, 'name' => 'Hnojivo', 'price' => 7.99, 'image' => 'fertilizer.jpg'\] \]; // Zľava, ak je to nastavené $discount = 0.1; // 10% zľava ?>
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="#home">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="home">
<h1>Vitajte na stránke Záhradník / Oblecsa</h1>
<p>Skvelé produkty pre vašu záhradu alebo štýlové oblečenie. Preskúmajte našu ponuku!</p>
</section>
<section id="products">
<h2>Naše produkty</h2>
<div class="product-grid">
<?php foreach ($products as $product): ?>
<div class="product">
<img src="assets/images/<?php echo $product\['image'\]; ?>" alt="<?php echo $product\['name'\]; ?>" class="product-image">
<h3><?php echo $product\['name'\]; ?></h3>
<p class="price">Cena: €<?php echo number\_format($product\['price'\], 2); ?></p>
<p class="discounted-price">
<?php if ($discount > 0): ?>
Cena po zľave: €<?php echo number\_format($product\['price'\] \* (1 - $discount), 2); ?>
<?php endif; ?>
</p>
<a href="product.php?id=<?php echo $product\['id'\]; ?>" class="btn">Viac informácií</a>
</div>
<?php endforeach; ?>
</div>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
7. product_detail.php
<?php include('functions.php'); // Produkty pre detail $products = \[ \['id' => 1, 'name' => 'Záhradnícka lopata', 'price' => 15.99, 'description' => 'Kvalitná záhradnícka lopata vhodná na každodenné použitie.', 'image' => 'spade.jpg', 'category' => 'Záhradníctvo'\], \['id' => 2, 'name' => 'Kvetináč', 'price' => 8.49, 'description' => 'Moderný kvetináč na rastliny v záhrade aj v interiéri.', 'image' => 'flowerpot.jpg', 'category' => 'Záhradníctvo'\], // ... ďalšie produkty \]; // Získame produkt podľa ID $productId = $\_GET\['id'\]; $product = $products\[$productId - 1\]; // Nájdeme produkt podľa ID (ID je od 1) ?>
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Detail produktu - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="product-detail">
<h2>Detail produktu: <?php echo $product\['name'\]; ?></h2>
<div class="product-detail">
<img src="assets/images/<?php echo $product\['image'\]; ?>" alt="<?php echo $product\['name'\]; ?>" class="product-image-detail">
<div class="product-info">
<p class="category"><?php echo $product\['category'\]; ?></p>
<p class="price">Cena: €<?php echo number\_format($product\['price'\], 2); ?></p>
<p class="description"><?php echo $product\['description'\]; ?></p>
<p class="discounted-price">
<?php if ($discount > 0): ?>
Cena po zľave: €<?php echo number\_format($product\['price'\] \* (1 - $discount), 2); ?>
<?php endif; ?>
</p>
<a href="cart.php?id=<?php echo $productId; ?>" class="btn">Pridať do košíka</a>
</div>
</div>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
8. products.php
<?php include('functions.php'); // Definujeme produkty pre záhradnícke a módne témy $products = \[ \['id' => 1, 'name' => 'Záhradnícka lopata', 'price' => 15.99, 'image' => 'spade.jpg', 'category' => 'Záhradníctvo'\], \['id' => 2, 'name' => 'Kvetináč', 'price' => 8.49, 'image' => 'flowerpot.jpg', 'category' => 'Záhradníctvo'\], \['id' => 3, 'name' => 'Trávniková sekačka', 'price' => 199.99, 'image' => 'mower.jpg', 'category' => 'Záhradníctvo'\], \['id' => 4, 'name' => 'Rukavice', 'price' => 5.99, 'image' => 'gloves.jpg', 'category' => 'Záhradníctvo'\], \['id' => 5, 'name' => 'Záhradná hadica', 'price' => 12.99, 'image' => 'hose.jpg', 'category' => 'Záhradníctvo'\], \['id' => 6, 'name' => 'Sada na výsadbu', 'price' => 22.99, 'image' => 'planting\_kit.jpg', 'category' => 'Záhradníctvo'\], \['id' => 7, 'name' => 'Dámska mikina', 'price' => 45.99, 'image' => 'hoodie.jpg', 'category' => 'Oblečenie'\], \['id' => 8, 'name' => 'Pánske tričko', 'price' => 19.99, 'image' => 'tshirt.jpg', 'category' => 'Oblečenie'\], \['id' => 9, 'name' => 'Džínsy', 'price' => 34.99, 'image' => 'jeans.jpg', 'category' => 'Oblečenie'\], \['id' => 10, 'name' => 'Záhradný stôl', 'price' => 85.99, 'image' => 'garden\_table.jpg', 'category' => 'Záhradníctvo'\] \]; // Zľava, ak je nastavená $discount = 0.1; // 10% zľava ?>
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Produkty - Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-container">
<img src="assets/images/logo.png" alt="Logo Záhradník / Oblecsa" class="logo">
<h1 class="site-title">Záhradník / Oblecsa</h1>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="history.php">História</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
<section id="products">
<h2>Naše produkty</h2>
<div class="product-grid">
<?php foreach ($products as $product): ?>
<div class="product">
<img src="assets/images/<?php echo $product\['image'\]; ?>" alt="<?php echo $product\['name'\]; ?>" class="product-image">
<h3><?php echo $product\['name'\]; ?></h3>
<p class="category"><?php echo $product\['category'\]; ?></p>
<p class="price">Cena: €<?php echo number\_format($product\['price'\], 2); ?></p>
<p class="discounted-price">
<?php if ($discount > 0): ?>
Cena po zľave: €<?php echo number\_format($product\['price'\] \* (1 - $discount), 2); ?>
<?php endif; ?>
</p>
<a href="product\_detail.php?id=<?php echo $product\['id'\]; ?>" class="btn">Viac informácií</a>
</div>
<?php endforeach; ?>
</div>
</section>
<footer>
<p>\© 2025 Záhradník | Oblecsa</p>
</footer>
</body>
</html>
9. style.css
/* Základné nastavenia */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #2c3e50;
padding: 20px;
text-align: center;
color: white;
}
header .logo-container {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
header .logo-container img {
width: 50px;
height: 50px;
}
header .site-title {
font-size: 24px;
margin: 0;
}
nav {
margin-top: 10px;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: white;
font-size: 18px;
}
nav ul li a:hover {
color: #3498db;
}
footer {
background-color: #2c3e50;
text-align: center;
padding: 10px;
color: white;
position: fixed; /* Umiestni footer na spodok stránky */
left: 0;
bottom: 0;
width: 100%; /* Zabezpečí, že footer bude pokrývať celú šírku stránky */
font-size: 14px; /* Veľkosť textu */
}
/* Produkty */
.product-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
padding: 20px;
}
.product {
background-color: white;
border-radius: 8px;
padding: 15px;
text-align: center;
width: 200px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s;
}
.product:hover {
transform: scale(1.05);
}
.product img {
width: 100%;
height: auto;
border-radius: 5px;
}
.product h3 {
font-size: 18px;
margin: 10px 0;
}
.product .category {
font-size: 14px;
color: #777;
}
.product .price {
font-size: 16px;
color: #555;
}
.product .discounted-price {
font-size: 14px;
color: #e74c3c;
font-weight: bold;
}
.product .btn {
display: inline-block;
background-color: #3498db;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
margin-top: 10px;
transition: background-color 0.3s;
}
.product .btn:hover {
background-color: #2980b9;
}
/* Detaily produktu */
.product-detail {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.product-detail img {
width: 300px;
height: auto;
border-radius: 8px;
}
.product-info {
max-width: 500px;
}
.product-info .description {
margin: 10px 0;
color: #555;
}
.product-info .price {
font-size: 18px;
font-weight: bold;
}
.product-info .btn {
background-color: #27ae60;
color: white;
padding: 12px 25px;
text-decoration: none;
border-radius: 5px;
margin-top: 15px;
transition: background-color 0.3s;
}
.product-info .btn:hover {
background-color: #2ecc71;
}
/includes/
footer.php
<!-- footer.php -->
<footer>
<div class="footer-content">
<p>\© 2025 Záhradník | Oblecsa. Všetky práva vyhradené.</p>
<p><a href="privacy-policy.php">Zásady ochrany osobných údajov</a></p>
<ul class="social-media">
<li><a href="#"><img src="images/facebook-icon.png" alt="Facebook"></a></li>
<li><a href="#"><img src="images/instagram-icon.png" alt="Instagram"></a></li>
</ul>
</div>
</footer>
<!-- Skripty (ak máš nejaké JS súbory) -->
<script src="scripts.js"></script>
</body>
</html>
11. header.php
<!-- header.php -->
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Záhradník / Oblecsa</title>
<link rel="stylesheet" href="style.css"> <!-- Ak máš štýly v súbore style.css -->
</head>
<body>
<header>
<div class="logo">
<a href="index.php">
<img src="images/logo.png" alt="Záhradník / Oblecsa Logo">
</a>
</div>
<nav>
<ul>
<li><a href="index.php">Domov</a></li>
<li><a href="about.php">O nás</a></li>
<li><a href="products.php">Produkty</a></li>
<li><a href="history.php">História</a></li>
<li><a href="contact.php">Kontakt</a></li>
</ul>
</nav>
</header>
