 "Zanboordari Taher Mozafari"
<!DOCTYPE html>
<html lang="fa">
<header>
        <h1>Welcome to Taher Mozafari's Beekeeping</h1>
       <h1>زنبورداری طاهر مظفری</h1>
        <p>Natural Honey from the Heart of Nature</p>
        </p>  "هر قطره از عسل ما، داستانی از عشق، طبیعت و تلاش بی‌وقفه است."</p>
               
    </header>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>زنبورداری طاهر مظفری</title>
    <style>
body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #fef9e7;
            direction: rtl;
            text-align: center;
        }
        header {
            background-color: #f4d03f;
            color: white;
            padding: 20px;
        }
        header h1 {
            margin: 0;
            font-size: 2.5em;
        }
        header p {
            margin: 10px 0 0;
            font-size: 1.2em;
        }
        .honeycomb {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 20px;
            gap: 10px;
        }
        .honeycomb .hex {
            width: 120px;
            height: 138.5px;
            background-color: #f4d03f;
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
        }
        .honeycomb .hex:hover {
            transform: scale(1.1);
            background-color: #d35400;
        }
        .honeycomb .hex img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0.8;
        }
        .honeycomb .hex .content {
            z-index: 2;
            color: white;
            text-align: center;
            font-size: 1em;
            padding: 10px;
        }
        footer {
            background-color: #f4d03f;
            color: white;
            text-align: center;
            padding: 10px 0;
            margin-top: 20px;
        }
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #fef9e7;
        }
        header {
            background-color: #f4d03f;
            color: white;
            padding: 20px;
            text-align: center;
        }
        header h1 {
            margin: 0;
            font-size: 2.5em;
        }
        header p {
            margin: 10px 0 0;
            font-size: 1.2em;
        }
        .banner {
            position: relative;
            text-align: center;
            color: white;
        }
        .banner img {
            width: 100%;
            height: auto;
            opacity: 0.8;
        }
        .banner .text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 2em;
            background: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: 10px;
        }
        .content {
            padding: 20px;
            text-align: center;
        }
        .content h2 {
            color: #d35400;
        }
        .products {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        .products .product {
            border: 1px solid #dcdcdc;
            border-radius: 10px;
            padding: 10px;
            max-width: 300px;
            background: white;
        }
        .products img {
            width: 100%;
            border-radius: 10px;
        }
        footer {
            background-color: #f4d03f;
            color: white;
            text-align: center;
            padding: 10px 0;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    


    <div class="banner">
        <img src="https://via.placeholder.com/1920x600" alt="Beekeeping Banner">
 
         <div class="text">طبیعت ناب در هر قطره</div>
    </div>
 <p>کیفیت و اصالت در هر قطره از عسل ما</p> 
<section class="honeycomb-section">
        <div class="honeycomb">
            <div class="hex">
                <img src="https://via.placeholder.com/120" alt="عسل طبیعی">
                <div class="content">عسل طبیعی</div>
            </div>
            <div class="hex">
                <img src="https://via.placeholder.com/120" alt="زنبورستان">
                <div class="content">زنبورستان ما</div>
            </div>
            <div class="hex">
                <img src="https://via.placeholder.com/120" alt="عسل گون">
                <div class="content">عسل گون</div>
            </div>
            <div class="hex">
                <img src="https://via.placeholder.com/120" alt="عسل آویشن">
                <div class="content">عسل آویشن</div>
            </div>
            <div class="hex">
                <img src="https://via.placeholder.com/120" alt="عکس‌های شخصی">
                <div class="content">عکس‌های ما</div>
            </div>
        </div>
    </section>
    <div class="content">
        <h2>محصولات مـا </h2>
        <p>بهترین محصولات عسل طبیعی را مستقیماً از کندوهای زنبورستان ما جستجو کنید.</p>
        <div class="products">
            <div class="product">
                <img src="https://via.placeholder.com/300" alt="Honey 1">
                <h3>Thyme Honey</h3>
                <p>Rich in antioxidants, perfect for boosting immunity.</p>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/300" alt="Honey 2">
                <h3>Wildflower Honey</h3>
                <p>A blend of wildflowers, offering a unique taste.</p>
            </div>
            <div class="product">
                <img src="https://via.placeholder.com/300" alt="Honey 3">
                <h3>Acacia Honey</h3>
                <p>Light and mild, ideal for everyday use.</p>
            </div>
        </div>
    </div>

    <footer>
        &copy; 2024 Taher Mozafari Beekeeping - All Rights Reserved
    </footer>
<footer>
        &copy; 2024 زنبورداری طاهر مظفری - تمامی حقوق محفوظ است.
    </footer>
</body>
</html>