mirror of
https://github.com/Dvorinka/masterdrinks.git
synced 2026-06-04 02:32:58 +00:00
uprava
This commit is contained in:
Tomas Dvorak
+893
@@ -0,0 +1,893 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>O nás | MasterDrinks</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<script data-goatcounter="https://tdvorak.goatcounter.com/count"
|
||||
async src="//gc.zgo.at/count.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
<style>
|
||||
:root {
|
||||
--primary: #ffffff;
|
||||
--secondary: #f5f5f5;
|
||||
--accent: #c9a95f;
|
||||
--accent-dark: #b89142;
|
||||
--text: #1a1a2e;
|
||||
--text-dark: #444444;
|
||||
--transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
/* Header Styles */
|
||||
header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
backdrop-filter: blur(10px);
|
||||
box-shadow: 0px 10px 0px #c9a95f;
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 85px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
text-decoration: none;
|
||||
color: var(--text);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
nav ul li a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background: var(--accent);
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
nav ul li a:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hamburger {
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
font-size: 24px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
/* Hero Section */
|
||||
.hero {
|
||||
height: 60vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('./background_main.png') center/cover no-repeat;
|
||||
filter: brightness(.6);
|
||||
animation: zoomBackground 20s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes zoomBackground {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
max-width: 800px;
|
||||
padding: 0 20px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 48px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 20px;
|
||||
background: linear-gradient(135deg, #faad53, #e0c78b);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
animation: fadeInUp 1s ease;
|
||||
}
|
||||
|
||||
.hero-subtitle {
|
||||
font-size: 20px;
|
||||
margin-bottom: 30px;
|
||||
color: #dedede;
|
||||
animation: fadeInUp 1s ease 0.2s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
/* About Section */
|
||||
.about {
|
||||
padding: 100px 0;
|
||||
background: linear-gradient(to bottom, var(--primary), rgba(255, 255, 255, 0.8));
|
||||
}
|
||||
|
||||
.about-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.about-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 60px;
|
||||
align-items: center;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.about-content h2 {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 36px;
|
||||
margin-bottom: 30px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.about-content p {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
margin-bottom: 20px;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
|
||||
.about-image {
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.about-image img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Values Section */
|
||||
.values {
|
||||
padding: 80px 0;
|
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), var(--primary));
|
||||
}
|
||||
|
||||
.values-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.values-title {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 36px;
|
||||
margin-bottom: 60px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.values-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.value-card {
|
||||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(245, 245, 245, 0.8));
|
||||
backdrop-filter: blur(5px);
|
||||
border-radius: 8px;
|
||||
padding: 40px 30px;
|
||||
text-align: center;
|
||||
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
|
||||
transition: var(--transition);
|
||||
border: 1px solid rgba(201, 169, 95, 0.1);
|
||||
}
|
||||
|
||||
.value-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
|
||||
border-color: rgba(201, 169, 95, 0.3);
|
||||
}
|
||||
|
||||
.value-icon {
|
||||
font-size: 50px;
|
||||
color: var(--accent);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.value-title {
|
||||
font-size: 24px;
|
||||
margin-bottom: 15px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.value-desc {
|
||||
font-size: 16px;
|
||||
color: var(--text-dark);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Info Section */
|
||||
.info-section {
|
||||
padding: 80px 0;
|
||||
background: linear-gradient(to bottom, var(--primary), rgba(255, 255, 255, 0.8));
|
||||
}
|
||||
|
||||
.info-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.info-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.info-card {
|
||||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(245, 245, 245, 0.8));
|
||||
backdrop-filter: blur(5px);
|
||||
border-radius: 8px;
|
||||
padding: 30px;
|
||||
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(201, 169, 95, 0.1);
|
||||
}
|
||||
|
||||
.info-card h3 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.info-card p, .info-card li {
|
||||
font-size: 16px;
|
||||
line-height: 1.6;
|
||||
color: var(--text-dark);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-card ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.info-card li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.info-card li i {
|
||||
color: var(--accent);
|
||||
margin-right: 10px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta {
|
||||
padding: 80px 0;
|
||||
background: linear-gradient(135deg, var(--accent), var(--accent-dark));
|
||||
text-align: center;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.cta-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.cta h2 {
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-size: 36px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.cta p {
|
||||
font-size: 18px;
|
||||
margin-bottom: 30px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 16px 32px;
|
||||
background: var(--primary);
|
||||
color: var(--accent);
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
||||
transition: var(--transition);
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background: var(--primary);
|
||||
padding: 60px 0 30px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
footer::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: linear-gradient(to right, transparent, var(--accent), transparent);
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 40px;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
font-size: 20px;
|
||||
margin-bottom: 20px;
|
||||
color: var(--accent);
|
||||
position: relative;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-title::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.footer-links li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer-links a {
|
||||
color: var(--text-dark);
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
transition: var(--transition);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.footer-links a:hover {
|
||||
color: var(--accent);
|
||||
transform: translateX(5px);
|
||||
}
|
||||
|
||||
.footer-contact p {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: var(--text-dark);
|
||||
margin-bottom: 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.footer-contact i {
|
||||
color: var(--accent);
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.social-links {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.social-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 50%;
|
||||
color: var(--accent);
|
||||
font-size: 18px;
|
||||
transition: var(--transition);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
background: var(--accent);
|
||||
color: var(--primary);
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
text-align: center;
|
||||
padding-top: 40px;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||
font-size: 14px;
|
||||
color: var(--text-dark);
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Age Verification Modal */
|
||||
.modal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1000;
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
.age-verification {
|
||||
background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(245, 245, 245, 0.95));
|
||||
border-radius: 10px;
|
||||
padding: 40px;
|
||||
max-width: 500px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
|
||||
border: 1px solid rgba(201, 169, 95, 0.2);
|
||||
animation: modalFadeIn 0.5s ease;
|
||||
}
|
||||
|
||||
@keyframes modalFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.age-icon {
|
||||
font-size: 60px;
|
||||
color: var(--accent);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.age-title {
|
||||
font-size: 28px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.age-text {
|
||||
font-size: 16px;
|
||||
color: var(--text-dark);
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.age-buttons {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.age-btn {
|
||||
padding: 12px 25px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.age-yes {
|
||||
background: var(--accent);
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.age-yes:hover {
|
||||
background: var(--accent-dark);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.age-no {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.age-no:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
/* Responsive Styles */
|
||||
@media (max-width: 768px) {
|
||||
.header-content {
|
||||
padding: 15px;
|
||||
}
|
||||
nav ul {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
padding: 20px;
|
||||
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
|
||||
transform: translateY(-10px);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: var(--transition);
|
||||
}
|
||||
nav ul.show {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
nav ul li {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.hamburger {
|
||||
display: block;
|
||||
}
|
||||
.hero-title {
|
||||
font-size: 36px;
|
||||
}
|
||||
.hero-subtitle {
|
||||
font-size: 18px;
|
||||
}
|
||||
.about-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
.values-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.info-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.footer-container {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Age Verification Modal -->
|
||||
<div class="modal-overlay" id="ageModal">
|
||||
<div class="age-verification">
|
||||
<div class="age-icon">
|
||||
<i class="fas fa-exclamation-triangle"></i>
|
||||
</div>
|
||||
<h2 class="age-title">Ověření věku</h2>
|
||||
<p class="age-text">Vítejte na MasterDrinks. Pro vstup na tuto stránku musíte být plnoletí podle zákonů vaší země. Kliknutím na "Ano" potvrzujete, že je vám alespoň 18 let.</p>
|
||||
<div class="age-buttons">
|
||||
<button class="age-btn age-yes" id="ageYes">Ano, je mi 18+</button>
|
||||
<button class="age-btn age-no" id="ageNo">Ne, je mi méně než 18</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header -->
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<div class="logo">
|
||||
<a href="index.html"><img src="https://www.masterdrinks.cz/files/img/main/logo_dark.png" class="logo-img" alt="Logo MasterDrinks"></a>
|
||||
</div>
|
||||
<nav>
|
||||
<ul id="navMenu">
|
||||
<li><a href="index.html" class="active">Domů</a></li>
|
||||
<li><a href="katalog-zbozi.html">Katalog zboží</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
<li><a href="o-nas.html">O nás</a></li>
|
||||
</ul>
|
||||
<div class="hamburger" id="hamburger">
|
||||
<i class="fas fa-bars"></i>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">O MasterDrinks</h1>
|
||||
<p class="hero-subtitle">Vaší důvěryhodné cesty ke světu prémiových destilátů</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section class="about">
|
||||
<div class="about-container">
|
||||
<div class="about-grid">
|
||||
<div class="about-content">
|
||||
<h2>Naše Příběh</h2>
|
||||
<p>MasterDrinks, s.r.o. byla založena s jediným cílem: přinést na český trh ty nejlepší a nejkvalitnější destiláty z celého světa. Naše cesta začala v roce 2011, kdy jsme jako malá rodinná firma začali dovážet vybrané whisky a rumy pro sběratele a znalce.</p>
|
||||
<p>Dnes jsme se vyvinuli v předního distributora alkoholu v regionu, který nabízí širokou škálu prémiových produktů od bourbonu přes brandy, džin, koňak, likéry, rum, tequilu, vodku až po whisky. Naše filozofie je jednoduchá: kvalita před kvantitou a zákazník vždy na prvním místě.</p>
|
||||
<p>Naše IČO: 28326369 | DIČ: CZ28326369 jsme plně registrovaná česká společnost, která dodržuje všechny platné zákony a předpisy týkající se prodeje a distribuce alkoholu.</p>
|
||||
</div>
|
||||
<div class="about-image">
|
||||
<img src="https://www.masterdrinks.cz/files/img/main/logo_dark.png" alt="MasterDrinks Logo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Values Section -->
|
||||
<section class="values">
|
||||
<div class="values-container">
|
||||
<h2 class="values-title">Naše Hodnoty</h2>
|
||||
<div class="values-grid">
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-award"></i>
|
||||
</div>
|
||||
<h3 class="value-title">Kvalita</h3>
|
||||
<p class="value-desc">Každý produkt v naší nabídce pečlivě vybíráme a testujeme, abychom zajistili nejvyšší kvalitu a autentičnost.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-handshake"></i>
|
||||
</div>
|
||||
<h3 class="value-title">Důvěra</h3>
|
||||
<p class="value-desc">Budujeme dlouhodobé vztahy s našimi zákazníky založené na důvěře, transparentnosti a spolehlivosti.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-globe"></i>
|
||||
</div>
|
||||
<h3 class="value-title">Rozmanitost</h3>
|
||||
<p class="value-desc">Nabízíme široký výběr destilátů z celého světa, abychom uspokojili i ty nejnáročnější chuťové pohárky.</p>
|
||||
</div>
|
||||
<div class="value-card">
|
||||
<div class="value-icon">
|
||||
<i class="fas fa-heart"></i>
|
||||
</div>
|
||||
<h3 class="value-title">Vášeň</h3>
|
||||
<p class="value-desc">Naše práce je naší vášní. Rádi sdílíme naše znalosti a pomáháme zákazníkům objevovat nové chutě.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Info Section -->
|
||||
<section class="info-section">
|
||||
<div class="info-container">
|
||||
<div class="info-grid">
|
||||
<div class="info-card">
|
||||
<h3>Otevírací doba</h3>
|
||||
<ul>
|
||||
<li><i class="fas fa-clock"></i> Pondělí - Pátek: 10:00 - 20:00</li>
|
||||
<li><i class="fas fa-clock"></i> Sobota: 12:00 - 18:00</li>
|
||||
<li><i class="fas fa-store"></i> Neděle: Zavřeno</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="info-card">
|
||||
<h3>Kontaktní údaje</h3>
|
||||
<ul>
|
||||
<li><i class="fas fa-map-marker-alt"></i> Sokolovská 758, 686 01 Uherské Hradiště</li>
|
||||
<li><i class="fas fa-phone"></i> +420 602 702 129</li>
|
||||
<li><i class="fas fa-envelope"></i> masterdrinks@seznam.cz</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="info-card">
|
||||
<h3>Naše Služby</h3>
|
||||
<ul>
|
||||
<li><i class="fas fa-truck"></i> Maloobchodní prodej</li>
|
||||
<li><i class="fas fa-boxes"></i> Velkoobchodní distribuce</li>
|
||||
<li><i class="fas fa-calendar-alt"></i> Pronájem stánků na akce</li>
|
||||
<li><i class="fas fa-shipping-fast"></i> Rychlé doručení</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta">
|
||||
<div class="cta-container">
|
||||
<h2>Chcete nás navštívit?</h2>
|
||||
<p>Přijďte se podívat do naší prodejny v Uherském Hradišti a objevte svět prémiových destilátů.</p>
|
||||
<a href="kontakt.html" class="btn">Kontaktujte nás</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-container">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<a href="index.html"><img src="https://www.masterdrinks.cz/files/img/main/logo_dark.png" class="logo-img" alt="Logo MasterDrinks"></a>
|
||||
</div>
|
||||
<p>Premium distributor alkoholu nabízející maloobchodní a velkoobchodní služby s výjimečnou kolekcí kvalitních destilátů.</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links-section">
|
||||
<h3 class="footer-title">Rychlé odkazy</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="index.html">Domů</a></li>
|
||||
<li><a href="katalog-zbozi.html">Katalog zboží</a></li>
|
||||
<li><a href="o-nas.html">O nás</a></li>
|
||||
<li><a href="kontakt.html">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-links-section">
|
||||
<h3 class="footer-title">Produkty</h3>
|
||||
<ul class="footer-links">
|
||||
<li><a href="katalog-zbozi.html#whisky">Whisky</a></li>
|
||||
<li><a href="katalog-zbozi.html#vodky">Vodky</a></li>
|
||||
<li><a href="katalog-zbozi.html#rumy">Rumy</a></li>
|
||||
<li><a href="katalog-zbozi.html#tequily">Tequily</a></li>
|
||||
<li><a href="katalog-zbozi.html#likery">Likéry</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-contact">
|
||||
<h3 class="footer-title">Kontaktujte nás</h3>
|
||||
<p><i class="fas fa-map-marker-alt"></i> Sokolovská 758, 686 01 Uherské Hradiště</p>
|
||||
<p><i class="fas fa-phone"></i> +420 602 702 129</p>
|
||||
<p><i class="fas fa-envelope"></i> masterdrinks@seznam.cz</p>
|
||||
<p><i class="fas fa-clock"></i> Po-Pá: 10:00 - 20:00, So: 12:00 - 18:00</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>MasterDrinks, s.r.o. IČO: 28326369 | DIČ: CZ28326369. Všechna práva vyhrazena. Pijte zodpovědně.</p>
|
||||
<a style="color: #1a1a1a; text-decoration: none; font-weight: bold;" href="tdvorak.dev" target="_blank">© 2025 TDvorak.dev</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const hamburger = document.getElementById('hamburger');
|
||||
const navMenu = document.getElementById('navMenu');
|
||||
const ageModal = document.getElementById('ageModal');
|
||||
const ageYesBtn = document.getElementById('ageYes');
|
||||
const ageNoBtn = document.getElementById('ageNo');
|
||||
|
||||
// Age verification state
|
||||
const isAgeVerified = localStorage.getItem('ageVerified');
|
||||
if (isAgeVerified) {
|
||||
ageModal.style.display = 'none';
|
||||
}
|
||||
|
||||
ageYesBtn.addEventListener('click', function() {
|
||||
localStorage.setItem('ageVerified', 'true');
|
||||
ageModal.style.animation = 'modalFadeOut 0.5s ease forwards';
|
||||
setTimeout(() => { ageModal.style.display = 'none'; }, 500);
|
||||
});
|
||||
|
||||
ageNoBtn.addEventListener('click', function() {
|
||||
window.onbeforeunload = function(event) { return null; };
|
||||
window.location.href = 'about:blank';
|
||||
});
|
||||
|
||||
// Mobile menu toggle
|
||||
hamburger.addEventListener('click', function() {
|
||||
navMenu.classList.toggle('show');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user