/*
THEME NAME: Kupper Automaty
*/
/* =========================
style.css
========================= */
* { box-sizing: border-box; }
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #f6f6f6;
color: #222;
}
header { background:#fff; border-bottom:2px solid #eee; }
.topbar{max-width:1200px;margin:auto;padding:15px 20px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:bold;font-size:20px}
nav a{margin:0 12px;text-decoration:none;color:#222;font-weight:500}
.hero{background:#eaeaea;padding:40px 20px}
.hero-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.hero-item{background:#fff;height:200px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#777}
section{max-width:1200px;margin:50px auto;padding:0 20px}
h2{margin-bottom:25px;border-bottom:3px solid #000;display:inline-block;padding-bottom:5px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.product{background:#fff;border-radius:8px;padding:15px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;font-weight:bold;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,0.08)}
footer{background:#111;color:#fff;padding:30px 20px;margin-top:60px}
.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}
/* =========================
functions.php
========================= */
<?php
add_theme_support(’title-tag’);
add_theme_support(’menus’);
register_nav_menus([
'main_menu’ => 'Menu główne’
]);
?>
/* =========================
header.php
========================= */
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo(’charset’); ?>”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<div class=”topbar”>
<div class=”logo”>KUPPER-AUTOMATY</div>
<?php wp_nav_menu([’theme_location’=>’main_menu’]); ?>
</div>
</header>
/* =========================
front-page.php
========================= */
<?php get_header(); ?>
<div class=”hero”>
<div class=”hero-grid”>
<div class=”hero-item”>Karuzela</div>
<div class=”hero-item”>Atrakcje torowe</div>
<div class=”hero-item”>Samolot</div>
<div class=”hero-item”>Statek</div>
</div>
</div>
<section id=”produkty”>
<h2>Produkty</h2>
<div class=”product-grid”>
<div class=”product”>Bujaki bujane i podwójne</div>
<div class=”product”>Karuzele</div>
<div class=”product”>Na torach</div>
<div class=”product”>Interaktywne</div>
<div class=”product”>Meble</div>
<div class=”product”>Kioski samoobsługowe</div>
</div>
</section>
<section>
<h2>Automaty</h2>
<div class=”product-grid”>
<div class=”product”>Automaty używane</div>
<div class=”product”>Renowacje</div>
<div class=”product”>Inne</div>
<div class=”product”>Podesty systemowe wykończeń</div>
<div class=”product”>Automaty zręcznościowe</div>
</div>
</section>
<?php get_footer(); ?>
/* =========================
footer.php
========================= */
<footer>
<div class=”footer-inner”>
<div>© Kupper-Automaty</div>
<div>Panel operatora / admin</div>
</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>