<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="The website offers reviews and information about coders, including their focus, projects, and more." />
    <meta property="og:title" content="Coders Development" />
    <meta property="og:description" content="The website offers reviews and information about coders, including their focus, projects, and more." />
    <meta property="og:image" content="https://media.discordapp.net/attachments/1309459292944072735/1309845796119773184/28.png?ex=674af975&is=6749a7f5&hm=9cef7b61953ed0e0dbd7219e65a551f162b3ebe3a5b280695199307f99dbaded&=&format=webp&quality=lossless&width=401&height=401" />
    <meta property="og:url" content="https://media.discordapp.net/attachments/1309459292944072735/1309845796119773184/28.png?ex=674af975&is=6749a7f5&hm=9cef7b61953ed0e0dbd7219e65a551f162b3ebe3a5b280695199307f99dbaded&=&format=webp&quality=lossless&width=401&height=401" />
    
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://media.discordapp.net/attachments/1309459292944072735/1309845796119773184/28.png?ex=674af975&is=6749a7f5&hm=9cef7b61953ed0e0dbd7219e65a551f162b3ebe3a5b280695199307f99dbaded&=&format=webp&quality=lossless&width=401&height=401" />
    
    <title>Coders Development</title>
    <link rel="icon" href="https://media.discordapp.net/attachments/1309459292944072735/1309845796119773184/28.png?ex=674af975&is=6749a7f5&hm=9cef7b61953ed0e0dbd7219e65a551f162b3ebe3a5b280695199307f99dbaded&=&format=webp&quality=lossless&width=401&height=401" type="image/png">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

        :root {
            --primary: #1a1a2e;
            --secondary: #16213e;
            --accent: #0f3460;
            --text: #e94560;
            --light: #f1f1f1;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--primary);
            color: var(--light);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        header {
            background-color: var(--secondary);
            padding: 1rem 0;
            position: fixed;
            width: 100%;
            z-index: 1000;
            transition: all 0.3s ease;
        }

        header.scrolled {
            background-color: rgba(22, 33, 62, 0.9);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text);
            text-decoration: none;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
        }

        .nav-links a {
            color: var(--light);
            text-decoration: none;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .nav-links a:hover {
            color: var(--text);
        }

        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: linear-gradient(rgba(26, 26, 46, 0.8), rgba(26, 26, 46, 0.8)), url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') no-repeat center center/cover;
        }

        .hero-content h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            animation: fadeInUp 1s ease;
        }

        .hero-content p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            animation: fadeInUp 1s ease 0.5s;
            animation-fill-mode: both;
        }

        .btn {
            display: inline-block;
            padding: 0.8rem 2rem;
            background-color: var(--text);
            color: var(--light);
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
            font-weight: 600;
            animation: fadeInUp 1s ease 1s;
            animation-fill-mode: both;
        }

        .btn:hover {
            background-color: var(--accent);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .profile {
            padding: 6rem 0;
            background-color: var(--secondary);
        }

        .profile-content {
            display: flex;
            align-items: center;
            gap: 4rem;
        }

        .profile-image {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid var(--text);
            box-shadow: 0 0 20px rgba(233, 69, 96, 0.5);
            animation: pulse 2s infinite;
        }

        .profile-text h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: var(--text);
        }

        .profile-text p {
            font-size: 1.1rem;
            margin-bottom: 2rem;
        }

        .projects {
            padding: 6rem 0;
            background-color: var(--primary);
        }

        .projects h2 {
            font-size: 2.5rem;
            margin-bottom: 3rem;
            text-align: center;
            color: var(--text);
        }

        .project-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .project-card {
            background-color: var(--secondary);
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .project-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .project-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .project-content {
            padding: 1.5rem;
        }

        .project-content h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--text);
        }

        .project-content p {
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }

        .project-link {
            display: inline-block;
            padding: 0.5rem 1rem;
            background-color: var(--accent);
            color: var(--light);
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        .project-link:hover {
            background-color: var(--text);
        }

        .skills {
            padding: 6rem 0;
            background-color: var(--secondary);
        }

        .skills h2 {
            font-size: 2.5rem;
            margin-bottom: 3rem;
            text-align: center;
            color: var(--text);
        }

        .skill-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 3rem;
        }

        .skill-item {
            text-align: center;
        }

        .skill-circle {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            border: 10px solid var(--accent);
            margin: 0 auto 1.5rem;
            position: relative;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--primary);
        }

        .skill-circle img {
            width: 80px;
            height: 80px;
            object-fit: contain;
        }

        .skill-name {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--text);
            margin-bottom: 0.5rem;
        }

        .skill-bar {
            width: 100%;
            height: 10px;
            background-color: var(--primary);
            border-radius: 5px;
            overflow: hidden;
        }

        .skill-progress {
            height: 100%;
            background-color: var(--text);
            border-radius: 5px;
            transition: width 1s ease;
        }

        .reviews {
            padding: 6rem 0;
            background-color: var(--primary);
        }

        .reviews h2 {
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 3rem;
            color: var(--text);
        }

        .review-slider {
            position: relative;
            overflow: hidden;
        }

        .review-card {
            background-color: var(--secondary);
            border-radius: 10px;
            padding: 2rem;
            text-align: center;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .reviewer-image {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid var(--text);
            margin: 0 auto 1rem;
        }

        .review-content h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
            color: var(--text);
        }

        .review-text {
            font-size: 1rem;
            color: var(--light);
            margin-bottom: 1rem;
        }

        .review-stars {
            font-size: 1.5rem;
            color: #FFD700;
        }

        .review-navigation {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
        }

        .prev-btn, .next-btn {
            background-color: var(--accent);
            color: var(--light);
            border: none;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .prev-btn:hover, .next-btn:hover {
            background-color: var(--text);
            transform: scale(1.05);
        }

        .prev-btn:active, .next-btn:active {
            transform: scale(0.95);
        }

        footer {
            background-color: var(--secondary);
            color: var(--light);
            text-align: center;
            padding: 2rem 0;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(233, 69, 96, 0.4);
            }
            70% {
                box-shadow: 0 0 0 20px rgba(233, 69, 96, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(233, 69, 96, 0);
            }
        }

        @media (max-width: 768px) {
            .profile-content {
                flex-direction: column;
                text-align: center;
            }

            .project-grid, .skill-grid {
                grid-template-columns: 1fr;
            }

            .hero-content h1 {
                font-size: 2.5rem;
            }

            .hero-content p {
                font-size: 1rem;
            }
        }
    </style>
</head>
<body>
    <header id="header">
        <nav class="container">
            <a href="#" class="logo">Coders Dev</a>
            <div class="nav-links">
                <a href="#profile">About</a>
                <a href="#DevSpes">Dev Specialties</a>
                <a href="#LanIUse">Languages I Use</a>
                <a href="#reviews">Reviews</a>
            </div>
        </nav>
    </header>

    <main>
        <section class="hero">
            <div class="hero-content">
                <h1>Coders Development</h1>
                <p>Looking for a bot for your Discord server, a custom app, or a website? I’d be happy to help!</p>
                <a href="#DevSpes" class="btn">Dev Specialties</a>
            </div>
        </section>

        <section id="profile" class="profile">
            <div class="container">
                <div class="profile-content">
                    <img src="https://cdn.discordapp.com/attachments/1309459292944072735/1309845796119773184/28.png?ex=676e91f5&is=676d4075&hm=0c9863596a394d3e26254b4e7c51d01645716ad4eae01caabad15dcfaadcbd6e&" alt="Profile Picture" class="profile-image">
                    <div class="profile-text">
                        <h2>coders1_1.</h2>
                        <p>Hi, I'm Coders! I developer websites, tools, software, Discord bots and more. If you have an idea then I will be happy to help.</p>
                        <a href="https://discord.gg/F5Tu3XnJZg" class="btn">Contact Me</a>
                    </div>
                </div>
            </div>
        </section>

        <section id="DevSpes" class="projects">
            <div class="container">
                <h2>My Development Specialties</h2>
                <div class="project-grid">
                    <div class="project-card">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsI1Eda11WSGCXR_ijXkQmzJKvTXzZoWSRVQ&s" alt="Discord Bots" class="project-image">
                        <div class="project-content">
                            <h3>Discord Bots</h3>
                            <p>I am a professional Discord bot developer with extensive experience creating bots for a variety of servers. If you need a high-quality bot, feel free to reach out I’m always happy to help!</p>
                            <a href="https://discord.gg/F5Tu3XnJZg" target="_blank" class="project-link">My Server</a>
                        </div>
                    </div>
                    <div class="project-card">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQJGFaYMlWiNtVlUOKyLVRf6IW3ezJ5cso2A&s" alt="Websites" class="project-image">
                        <div class="project-content">
                            <h3>Websites</h3>
                            <p>An I’m a web developer with a strong drive to succeed in the field. If you need a website, I’d be happy to help!</p>
                             <a href="https://discord.gg/F5Tu3XnJZg" target="_blank" class="project-link">My Server</a>
                        </div>
                    </div>
                    <div class="project-card">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTYmNunnbqD-F0QaYVodv5GVRQFsQTyYf2PXw&s" alt="Tools" class="project-image">
                        <div class="project-content">
                            <h3>Tools</h3>
                            <p>I developer tools, mainly for Discord, but also for tasks like improving computer performance and more. If you need assistance, I’m here to help!</p>
                             <a href="https://discord.gg/F5Tu3XnJZg" target="_blank" class="project-link">My Server</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="LanIUse" class="skills">
            <div class="container">
                <h2>Programming Languages I Work With</h2>
                <div class="skill-grid">
                    <div class="skill-item">
                        <div class="skill-circle">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png" alt="JavaScript Logo">
                        </div>
                        <div class="skill-name">JavaScript</div>
                        <div class="skill-bar">
                            <div class="skill-progress" style="width: 90%;"></div>
                        </div>
                    </div>
                    <div class="skill-item">
                        <div class="skill-circle">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg" alt="Python Logo">
                        </div>
                        <div class="skill-name">Python</div>
                        <div class="skill-bar">
                            <div class="skill-progress" style="width: 40%;"></div>
                        </div>
                    </div>
                    <div class="skill-item">
                        <div class="skill-circle">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg" alt="HTML5 Logo">
                        </div>
                        <div class="skill-name">HTML & CSS</div>
                        <div class="skill-bar">
                            <div class="skill-progress" style="width: 65%;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="reviews" class="reviews">
            <div class="container">
                <h2>Reviews</h2>
                <div class="review-slider">
                    <div class="review-card" id="review-card">
                        <img src="https://media.discordapp.net/attachments/1309459292944072735/1309845796119773184/28.png?ex=674704f5&is=6745b375&hm=2b249f8f0dea3a873189f529e4f0b15d569d8569406e58b069d2177e27e4abf6&=&format=webp&quality=lossless&width=450&height=450" alt="Reviewer Image" class="reviewer-image" id="reviewer-image">
                        <div class="review-content">
                            <h3 id="reviewer-name">Coders</h3>
                            <p class="review-text" id="review-text">TEST</p>
                            <div class="review-stars" id="review-stars">★★★★★</div>
                        </div>
                    </div>
                </div>
                <div class="review-navigation">
                    <button class="prev-btn" id="prev-btn">←</button>
                    <button class="next-btn" id="next-btn">→</button>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 Coders Development.</p>
        </div>
    </footer>

    <script>
        const reviews = [
            {
                name: "central1244",
                image: "https://images-ext-1.discordapp.net/external/T8kd5Gx_UoRUg2TpQUtOr92D_awBEvqBq-ObUbQkJiI/%3Fsize%3D512/https/cdn.discordapp.com/avatars/766389301943861339/b681ed507c170101e16561d1517e7cde.png?format=webp&quality=lossless&width=288&height=288",
                text: "קודרס הוא אדם נהדר, שזמין 24/7, הוא אחד המתכנתים הטובים ביותר ל שפגשתי בחיי.  אני לא יכול לבטא מספיק כמה אני מתרשם מהעבודה שלך שהכנסת לשרת שלי כמתכנת. הבוט שיצרת הוא לא פחות מיוצא דופן, והוא עדות לכישורים שאין שני להם. מהרגע שהבוט התחיל לפעול, היה ברור שאנחנו עובדים עם משהו יוצא דופן. רמת התכנות והמחשבה שהשקעת בכל תכונה מדהימה, ואני רוצה להודות לך שהשקעת כל כך הרבה זמן לתוך הבוט המדהים שיצרת עבורי.",
                stars: "★★★★★"
            },
            {
                name: "avrahamosim ",
                image: "https://images-ext-1.discordapp.net/external/4W-RxSX_llYlEuUFZuxNsN3t9oyLvVl2JHmf79ermYo/%3Fsize%3D512/https/cdn.discordapp.com/avatars/765976847195963392/a_c4494179ef3ca1bda2e15eb85d3367fb.gif?width=491&height=491",
                text: "הבחור אמין הרביץ לי בוט לשרת בכמה שעות עשה עבודה מושלמת מענה מהיר תמיד בלי זיוני מוח וזול רצח גנבה לא לקנות באמת",
                stars: "★★★★★"
            },
            {
                name: "alon_h12",
                image: "https://images-ext-1.discordapp.net/external/8579Ye43ZYIYGa9O0YaUdU2R5ZL6-lkH2GaLYUKcYrw/%3Fsize%3D512/https/cdn.discordapp.com/avatars/1096151867135885423/208f3051db84777913f038cf52ef251d.png?format=webp&quality=lossless&width=342&height=342",
                text: "שרת אמין וזול בטירוף!!!!!!!!!!!",
                stars: "★★★★★"
            },
            {
                name: "itaytel",
                image: "https://images-ext-1.discordapp.net/external/scUXp9Lgqw8VW-fp5MdrPTflbXPeDPUWIC8ogbW059g/%3Fsize%3D512/https/cdn.discordapp.com/avatars/943864877095739434/23583875dcc7b67b49f5f160b0e3f859.png?format=webp&quality=lossless&width=288&height=288",
                text: " שרות מהיר זול ואיכותי",
                stars: "★★★★★"
            },
            {
                name: ".goproman_",
                image: "https://images-ext-1.discordapp.net/external/N2XOifHkk-m75LnRAMECuWkifuKFUI4rYUXdDygywzk/%3Fsize%3D512/https/cdn.discordapp.com/avatars/1052637675070439445/a_be3f9b09ec9cd9158caa614e7fc3d56b.gif?width=418&height=418",
                text: " אמאלה המתכנת הכי טוב שיצא לי להכיר אי פעם, עוזר לי בהכל בכל מה שאני מבקש!! אני ממליץ עליו!!",
                stars: "★★★★★"
            },
            {
                name: "slixsdzn",
                image: "https://images-ext-1.discordapp.net/external/9XwlAM_XUjEiSSOWo1U05BhlnUH45cEE8XAGZvk7UbM/%3Fsize%3D512/https/cdn.discordapp.com/avatars/1168176176016138360/da7d631f81b75b38115acb3ec6df5360.png?format=webp&quality=lossless&width=288&height=288",
                text: " פשוט אליפות עזר לי הרבה ותמך בי המון פשוט רמה גבוהה אליפות !!",
                stars: "★★★★★"
            },
            {
                name: "real._.moses",
                image: "https://images-ext-1.discordapp.net/external/9hcmEFjAoPnyJHHek_5SV1diOFV3yj4Kf-nJRSxtrmU/%3Fsize%3D512/https/cdn.discordapp.com/avatars/743040967195754527/0f7ea100ed9271ba49cf8561fd8ed364.png?format=webp&quality=lossless&width=313&height=313",
                text: "וואלה בן אדם זהב קניתי בוט להעתיק במחיר זול רצח ומענה מהיר בטרוף עזר לי בהכל ובקרוב אקנה בוט בעיצוב אישי ולכל מי שמתלבט ממי לקנות שתדעו לקנות רק ממנו!!!!!!",
                stars: "★★★★★"
            },
            {
                name: "0mer1dan.",
                image: "https://images-ext-1.discordapp.net/external/CKYYDRhEb784MAjQ89YwflQtz_c6Em_-6rduavuiCxA/%3Fsize%3D512/https/cdn.discordapp.com/avatars/934704609421828136/483e688e06ced22adbfb4040ab325eb1.png?format=webp&quality=lossless&width=288&height=288",
                text: "אחלה אנשים שירות טוב יחס טוב וזול ממליץ מאוד",
                stars: "★★★★★"
            },
            {
                name: "mayo.com3.",
                image: "https://images-ext-1.discordapp.net/external/Mdcagie4yuo1oV3agnrD4W44WMO_kb334_29E5ZI9Jc/%3Fsize%3D512/https/cdn.discordapp.com/avatars/785196727589797919/e6186519ceec6372f893a5cdc646f82b.png?format=webp&quality=lossless&width=491&height=491",
                text: "קניתי וקודרס הסביר לי הכל ואמר לי שאין לי מה לחשוש ממש זול ושווה ממליץ מי שרוצה",
                stars: "★★★★★"
            },
            {
                name: "zemmour23",
                image: "https://cdn.discordapp.com/avatars/886553678025224242/42a4f154b70d2fdb033e7e6123458d59.webp?size=512",
                text: "רבותי!!!!! הוא ממש ממש ממש לג'יט!!!! הוא פשוט עזר לי מרגע הקנייה, לא עזב אותי לשנייה!!! תוך 5 דקות והתוכנה כבר באמצע להעתיק לי שרתים!!!!! קנו עכשיו ידפוקים!!!! מה אתם לא קונים??? הא???",
                stars: "★★★★★"
            },
            {
                name: "imnewpersonn.",
                image: "https://cdn.discordapp.com/avatars/1179825011163406516/b556d442d2cd1e0549d5825453cdaeb8.webp?size=512",
                text: "קודרס הוא מתכנת מטורף, ממליץ לכולם לקנות ממנו בוט, תאמינו לי אתם לא תתאכזבו.",
                stars: "★★★★★"
            },
            {
                name: "shaul_1main_account",
                image: "https://cdn.discordapp.com/avatars/966320530045145158/9ea95b544ffb01e17cbd4c5edcc2117d.webp?size=512",
                text: "קניתי בוט וזה היה מוכן תוך פחות משעה עם כל הפקודות שצריך קודרס מתכנת מטורף ברמה מכל הלב תמשיך כך חברך החתיך שאול",
                stars: "★★★★★"
            },
            {
                name: "spicy7196",
                image: "https://cdn.discordapp.com/avatars/702123204331831306/86a7882077231d37e1c0e4e65f6adb3a.webp?size=512",
                text: "אהלן, קוראים לי ספייסי מנהל ראשי לשרת 20,000 אנשים. הבנתי החדר נוצר על מנת לתת ביקורת על המתכנת, רציתי לשתף בצורה המעולה שאתה מתכנת מתכנתים כמוך אחי הם מה שמבטיח לי שהקהילה תמשיך לצמוח ולהתפתח. לפני הכל אחי, תודה על העבודה המדהימה שאתה עושה כדי לשפר ולתחזק את השרת (למרות החפירה שלי אליך). הקהילה של רונן מאוד מרוצה מהתכנות של הבוט שיצרת אחי אפרופו גם רונן. (היוצר תוכן של השרת) מצד אישי, אני נהנה לראות איך אתה מגיב לתגובות של האנשים בשרת ומבטיח שכל התקלות והבעיות נפתרות בזמן ובאופן אפקטיבי. כשביקשתי ממך ליצור לי פרוייקט שלם על הבוט לא סירבת וניגשת לעבודה אחי, לא פחות מיום והוצאתי את הפרוייקט לאור האפשרויות החדשות שהוספת והשיפורים שאתה מביא לשרת הם באמת מרשימים ומעידים על רמת המקצועיות שלך בתור מתכנת. אני רוצה להודות לך שוב על המאמץ והזמן שאתה משקיע אתה לא פחות ממעולה, מתכנת מדהים אחי. אני וכל חברי ההנהלה מעריכים מאוד! 🙏",
                stars: "★★★★★"
            },
            {
                name: "desweet12",
                image: "https://cdn.discordapp.com/avatars/1184882422395961435/edf844670cf1d0ba38992436dcd1598c.webp?size=512",
                text: "המתכנת הכי טוב שאני מכיר באמת ברמה גבוה מענה מהיר בהחלט ממליץ לקנות!",
                stars: "★★★★★"
            },
            {
                name: "lau_win",
                image: "https://cdn.discordapp.com/avatars/789168526065008640/602c87427f4e157b9da18aa4a688deda.webp?size=512",
                text: "המלצה על קודארס - מתכנת מטורף! לי ולקודרס יצא לעבוד המון פעמים, בכל הפעמים הוא נתן מענה ושירות כלכך מקצועיים ואדיבים. הבעיה היחידה של קודרס זה שהוא מסנן מלא 😒 כל השאר פשוט מטורף!! לסיכום אני בעד כך שתקנו מקודארס בוטים ותקחו אותו לצרכי שירות אישיים/כלליים. ללא ספק קודרס הוא מתכנת יוצא מן הכלל, אוהב אותך קודרס ומעריך. 💓",
                stars: "★★★★★"
            },
            {
                name: "leroy2305_",
                image: "https://cdn.discordapp.com/avatars/1177486756136890369/7b2a780f2db2d32146850b977f62b1b0.webp?size=512",
                text: "קניתי וקיבלתי שירות מציון",
                stars: "★★★★★"
            },
            {
                name: "tillonk",
                image: "https://cdn.discordapp.com/avatars/1052137030471131196/1d1208a52a69fb7a462a04fc8472843e.webp?size=512",
                text: "מתכנת טוב מאוד, אם אתם מחפשים מתכנת שיכין לכם בוט על רמה גבוה במחיר זול ממליץ לכם לקנות ממנו",
                stars: "★★★★★"
            },
            
];

        let currentReviewIndex = 0;

        const reviewerImage = document.getElementById('reviewer-image');
        const reviewerName = document.getElementById('reviewer-name');
        const reviewText = document.getElementById('review-text');
        const reviewStars = document.getElementById('review-stars');
        const prevBtn = document.getElementById('prev-btn');
        const nextBtn = document.getElementById('next-btn');
        const reviewCard = document.getElementById('review-card');

        function updateReview(index) {
            reviewCard.style.opacity = 0;
            reviewCard.style.transform = 'translateX(50px)';
            setTimeout(() => {
                reviewerImage.src = reviews[index].image;
                reviewerName.textContent = reviews[index].name;
                reviewText.textContent = reviews[index].text;
                reviewStars.textContent = reviews[index].stars;
                reviewCard.style.opacity = 1;
                reviewCard.style.transform = 'translateX(0)';
            }, 300);
        }

        prevBtn.addEventListener('click', () => {
            currentReviewIndex = (currentReviewIndex - 1 + reviews.length) % reviews.length;
            updateReview(currentReviewIndex);
        });

        nextBtn.addEventListener('click', () => {
            currentReviewIndex = (currentReviewIndex + 1) % reviews.length;
            updateReview(currentReviewIndex);
        });

        updateReview(currentReviewIndex);

        const header = document.getElementById('header');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 100) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
        });


        const skillBars = document.querySelectorAll('.skill-progress');
        const animateSkillBars = () => {
            skillBars.forEach(bar => {
                const barTop = bar.getBoundingClientRect().top;
                if (barTop < window.innerHeight - 100) {
                    bar.style.width = bar.parentElement.dataset.progress;
                }
            });
        };

        window.addEventListener('scroll', animateSkillBars);
        animateSkillBars();
        document.addEventListener('contextmenu', (event) => event.preventDefault()); 
  document.addEventListener('keydown', (event) => {
    if (event.ctrlKey && (event.key === 'u' || event.key === 's')) {
      event.preventDefault();
    }
  });
  document.addEventListener('keydown', (event) => {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
   
      event.preventDefault();
      alert("אסור לבצע פעילות זאת באתר");
    }
  });
  const detectDevTools = () => {
    if (window.outerWidth - window.innerWidth > 100 || window.outerHeight - window.innerHeight > 100) {
      alert("אתה מנסה לעקוף את המערכת!!!!!!!!");
      window.location.href = "about:blank";
    }
  };
  
  window.onresize = detectDevTools;

  setInterval(() => {
    console.clear(); 
    console.log("%cאזהרה: השימוש בכלי מפתחים חסום!", "color: red; font-size: 16px;");
  }, 100);
  document.addEventListener('keydown', (event) => {
    if (
      event.key === "F12" || 
      (event.ctrlKey && event.shiftKey && event.key === "I") || 
      (event.ctrlKey && event.shiftKey && event.key === "J") || 
      (event.ctrlKey && event.key === "U")
    ) {
      event.preventDefault();
      alert("הגישה חסומה!");
    }
  });


  const checkDevTools = () => {
    const element = new Image();
    Object.defineProperty(element, 'id', {
      get: () => {
        alert("כלי המפתחים פתוחים! הגישה נחסמת.");
        window.location.href = "about:blank"; 
      },
    });
    console.log(element);
  };

  setInterval(checkDevTools, 100); 
  document.addEventListener('keydown', (event) => {

    if (event.ctrlKey && event.key === 'u') {
      event.preventDefault();
      alert("הגישה לקוד האתר חסומה!");
    }
  });
  document.addEventListener('keydown', (event) => {
    
    if (
      event.key === 'F12' || 
      (event.ctrlKey && event.shiftKey && event.key === 'I') ||
      (event.ctrlKey && event.shiftKey && event.key === 'J') || 
      (event.ctrlKey && event.key === 'U') 
    ) {
      event.preventDefault();
      alert("הגישה לכלי מפתחים או לקוד האתר חסומה!");
    }
  });
    </script>
</body>
</html>