PHP-brasilian-codes


1. Struktúra priečinkov
Tvoja štruktúra priečinkov by mala vyzerať takto:

bash
Kopírovať
Upraviť
/clem
  /includes
    header.php
    footer.php
  /styles
    style.css
  index.php
  about.php
  contact.php
  history.php
  products.php
2. Kód pre header.php
php
Kopírovať
Upraviť
<!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="styles/style.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="images/logo.png" alt="Logo">
        </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>
3. Kód pre footer.php
php
Kopírovať
Upraviť
    <footer>
        <p>&copy; 2025 Záhradník | Oblecsa. Všetky práva vyhradené.</p>
        <div class="social-media">
            <a href="#">Facebook</a> | <a href="#">Instagram</a>
        </div>
    </footer>
</body>
</html>
4. Kód pre style.css
css
Kopírovať
Upraviť
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    color: #333;
}

header {
    background-color: #4CAF50;
    padding: 10px 0;
}

header .logo img {
    width: 150px;
    margin-left: 20px;
}

nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
}

nav ul li {
    margin: 0 15px;
}

nav ul li a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

nav ul li a:hover {
    text-decoration: underline;
}

footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
}

footer .social-media a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
}

footer .social-media a:hover {
    text-decoration: underline;
}
5. Kód pre index.php
php
Kopírovať
Upraviť
<?php include('includes/header.php'); ?>

<main>
    <h1>Vitajte na stránkach Záhradník | Oblecsa!</h1>
    <p>V našom e-shope nájdete kvalitné produkty pre záhradníctvo, ako aj trendy oblečenie pre každodenný život. Ponúkame širokú škálu výrobkov, ktoré spájajú krásu, funkčnosť a ekologickú zodpovednosť.</p>
</main>

<?php include('includes/footer.php'); ?>
6. Kód pre about.php
php
Kopírovať
Upraviť
<?php include('includes/header.php'); ?>

<main>
    <h1>O nás</h1>
    <p>Naša spoločnosť sa špecializuje na predaj záhradníckeho náradia a kvalitného oblečenia. Spájame moderný dizajn s ekologickou zodpovednosťou a ponúkame produkty, ktoré uľahčujú každodenný život našich zákazníkov.</p>
</main>

<?php include('includes/footer.php'); ?>
7. Kód pre contact.php
php
Kopírovať
Upraviť
<?php include('includes/header.php'); ?>

<main>
    <h1>Kontaktujte nás</h1>
    <p>Máte otázky? Potrebujete poradiť? Sme tu pre vás! Kontaktujte nás a naši odborníci vám radi pomôžu.</p>

    <h2>Telefonicky:</h2>
    <p>+421 123 456 789</p>

    <h2>E-mailom:</h2>
    <p>info@zahradnikoblecsa.sk</p>

    <h2>Naša adresa:</h2>
    <p>Ulica Záhradnícka 10, 123 45 Mesto, Slovensko</p>

    <h2>Otvorené:</h2>
    <p>Pondelok – Piatok: 8:00 – 18:00, Sobota: 9:00 – 14:00</p>
</main>

<?php include('includes/footer.php'); ?>
8. Kód pre history.php
php
Kopírovať
Upraviť
<?php include('includes/header.php'); ?>

<main>
    <h1>História našej spoločnosti</h1>
    <p>Naša spoločnosť vznikla pred 10 rokmi s cieľom ponúknuť kvalitné produkty pre záhradu a domácnosť. Za ten čas sme si získali dôveru tisícok zákazníkov a dnes sme lídrom v našom odbore.</p>
</main>

<?php include('includes/footer.php'); ?>
9. Kód pre products.php
php
Kopírovať
Upraviť
<?php include('includes/header.php'); ?>

<main>
    <h1>Naše produkty</h1>
    <p>Objavte našu širokú ponuku záhradníckych produktov a oblečenia pre každodenný život.</p>

    <div class="product">
        <h2>Produkt 1</h2>
        <p>Popis produktu 1</p>
    </div>

    <div class="product">
        <h2>Produkt 2</h2>
        <p>Popis produktu 2</p>
    </div>

    <div class="product">
        <h2>Produkt 3</h2>
        <p>Popis produktu 3</p>
    </div>

    <!-- Pridaj ďalšie produkty podľa potreby -->
</main>

<?php include('includes/footer.php'); ?>
DEV Community

PHP-brasilian-codes

Top comments (0)
