<html lang=he><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><title>itaytel design</title><link href=images/Icon/itaytel.png rel=icon type=image/x-icon><link href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css rel=stylesheet><link href="https://fonts.googleapis.com/css2?family=Alef:wght@400;700&display=swap"rel=stylesheet><script src=https://cdn.tailwindcss.com></script><style>body{margin:0;font-family:Alef,sans-serif;background-color:#0a0f2c;color:#fff;text-align:center;overflow-x:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#1a2238;box-shadow:0 4px 8px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000;transition:background-color .3s}.navbar img{height:50px}.navbar a{color:#fff;text-decoration:none;margin:0 15px;font-size:18px;transition:color .3s}.navbar a:hover{color:#00d1b2}.navbar .contact-btn{border:1px solid #00d1b2;padding:10px 20px;border-radius:25px;color:#00d1b2;transition:background-color .3s,color .3s}.navbar .contact-btn:hover{background-color:#00d1b2;color:#0a0f2c}.content{padding:100px 20px 50px}.content img{border-radius:50%;width:150px;height:150px;transition:transform .3s;display:block;margin:0 auto}.content img:hover{transform:scale(1.1)}.content h1{font-size:48px;margin:20px 0;animation:fadeInDown 1s ease-in-out}.content p{font-size:18px;color:#b0b0b0}.portfolio{padding:50px 20px}.portfolio h2{font-size:36px;margin-bottom:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.portfolio-item{background-color:#1a2238;padding:20px;border-radius:10px;transition:transform .3s}.portfolio-item:hover{transform:scale(1.05)}.portfolio-item img{width:100%;border-radius:10px}.portfolio-item h3{font-size:24px;margin:15px 0 10px}.portfolio-item p{font-size:16px;color:#b0b0b0}.process{padding:50px 20px}.process h2{font-size:36px;margin-bottom:20px}.process p{font-size:18px;color:#b0b0b0;text-align:left;max-width:800px;margin:0 auto}.faq{padding:50px 20px;background-color:#1a2238}.faq h2{font-size:36px;margin-bottom:20px}.faq-item{background-color:#0a0f2c;padding:20px;border-radius:10px;margin-bottom:20px;cursor:pointer;transition:background-color .3s}.faq-item:hover{background-color:#1a2238}.faq-item h3{font-size:24px;margin:0}.faq-item p{font-size:16px;color:#b0b0b0;display:none;margin-top:10px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar a{font-size:16px;margin:0 10px}.navbar .contact-btn{padding:8px 16px;font-size:16px}.content h1{font-size:36px}.content p{font-size:16px}.portfolio h2{font-size:28px}.portfolio-item h3{font-size:20px}.portfolio-item p{font-size:14px}.faq h2{font-size:28px}.faq-item h3{font-size:20px}.faq-item p{font-size:14px}}</style><div class=navbar><h4>Itaytel Design</h4><div><a href=#portfolio>עבודות</a> <a href=#faq>שאלות נפוצות</a> <a href=#process>תהליך</a></div><a href=https://discord.gg/QKggnrEEND class=contact-btn>צרו קשר</a></div><div class=content><img alt="Profile Image"height=150 src=images/Icon/itaytel.png width=150><h1>!מעצב גיפים מקצועי לקידום העסק</h1></div><div class=portfolio id=portfolio><h2>תיק עבודות</h2><div class=portfolio-grid><div class=portfolio-item><a href=gifs.html><h3>גיפים</h3></a></div></div></div><div class=process id=process><h2>תהליך</h2><div class="gap-4 grid grid-cols-1 max-w-4xl md:grid-cols-2 mx-auto"><div class="bg-gray-900 border border-gray-700 duration-500 hover:scale-105 p-6 rounded-lg transform transition-transform"><div class="mb-2 flex justify-end text-teal-400 text-xl">1</div><h2 class="mb-2 font-semibold text-2xl">צור איתי קשר</h2><ul class="list-disc list-inside"><li>שלח לי הודעה או תפתח טיקט.</ul></div><div class="bg-gray-900 border border-gray-700 duration-500 hover:scale-105 p-6 rounded-lg transform transition-transform"><div class="mb-2 flex justify-end text-teal-400 text-xl">2</div><h2 class="mb-2 font-semibold text-2xl">עיצוב בהתאמה מלאה</h2><ul class="list-disc list-inside"><li>אני מעצב את הגיף בהתאם למה הכי קרוב למה שאתה רשום..</ul></div><div class="bg-gray-900 border border-gray-700 duration-500 hover:scale-105 p-6 rounded-lg transform transition-transform"><div class="mb-2 flex justify-end text-teal-400 text-xl">3</div><h2 class="mb-2 font-semibold text-2xl">אישור סופי</h2><ul class="list-disc list-inside"><li>אני שולח לך את הגיף ואתה מאשר שהוא כמו שרצית.</ul></div><div class="bg-gray-900 border border-gray-700 duration-500 hover:scale-105 p-6 rounded-lg transform transition-transform"><div class="mb-2 flex justify-end text-teal-400 text-xl">4</div><h2 class="mb-2 font-semibold text-2xl">לרשום פיידבק</h2><ul class="list-disc list-inside"><li>וזהו לרשום פיידבק אם תרצה אני אשמח.</ul></div></div></div><div class=faq id=faq><h2>שאלות נפוצות</h2><div class=faq-item><h3>כמה זמן לוקח תהליך העיצוב?</h3><p>תוך יום עד 3 ימי עסקים.</div><div class=faq-item><h3>כמה זמן לוקחת כל עבודה?</h3><p>בין חצי שעה לשעה תלוי במוצר.</div><div class=faq-item><h3>האם ניתן לבצע שינויים לאחר סיום העיצוב?</h3><p>כן תוך 24 שעות לא יותר.</div></div><script>document.querySelectorAll('.faq-item').forEach(item => {
            item.addEventListener('click', () => {
                const answer = item.querySelector('p');
                answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
            });
        });
        document.addEventListener('keydown', (event) => {
    if (event.key === "F12" || (event.ctrlKey && event.shiftKey && event.key === "I")) {
   
      event.preventDefault();
      //alert("אסור לבצע פעילות זאת באתר");
    }
  });

  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("הגישה לכלי מפתחים או לקוד האתר חסומה!");
    }
  });
  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();
    }
  });</script>