User:Skkskssisiis

<!DOCTYPE html> <html lang="fa" dir="rtl"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" cwidth=device-width, initial-scale=1.0">
   <title>LAC Driver - سرور درایور</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
       @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;900&display=swap');
       
       :root 
       
       * 
       
       body 
       
       .container 
       
       /* نوار ناوبری */
       .navbar 
       
       .nav-btn 
       
       .nav-btn:hover 
       
       /* هدر و آمار */
       header 
       
       .logo 
       
       .logo-icon 
       
       .logo-text 
       
       .stats 
       
       .stat-box 
       
       .stat-box::before 
       
       .red-box 
       
       .red-box::before 
       
       .blue-box 
       
       .blue-box::before 
       
       .stat-number 
       
       .stat-label 
       
       /* بخش‌های اصلی */
       .main-grid 
       
       .card 
       
       .card::before 
       
       .card-header 
       
       .card-icon 
       
       .card-title 
       
       /* پینگ */
       .ping-box 
       
       .ping-value 
       
       .ping-label 
       
       /* ویژگی‌ها */
       .feature-box 
       
       .feature-icon 
       
       /* وی‌آی‌پی */
       .vip-section 
       
       .vip-crown 
       
       .vip-title 
       
       .vip-text 
       
       .vip-highlight 
       
       /* لیست سرورها */
       .servers-list 
       
       .server-item 
       
       .server-icon 
       
       .server-name 
       
       .server-desc 
       
       /* دکمه‌ها */
       .btn 
       
       .btn:hover 
       
       /* دکمه چت */
       .chat-box 
       
       @keyframes pulse 
           50% 
           100% 
       }
       
       .chat-box:hover 
       
       /* فوتر */
       footer 
       
       /* بخش‌های مختلف */
       .section 
       
       .section.active 
       
       /* ریسپانسیو */
       @media (max-width: 768px) 
           
           .stats 
           
           header 
           
           .navbar 
       }
   </style>

</head> <body>

       <nav class="navbar">
           <a href="#" class="nav-btn" data-section="home">
                خانه
           </a>
           <a href="#" class="nav-btn" data-section="servers">
                سرورها
           </a>
           <a href="#" class="nav-btn" data-section="shop">
                شاپ
           </a>
           <a href="https://daigo.ir/secret/61610459580" class="nav-btn">
                پشتیبانی
           </a>
       </nav>

   <a href="https://daigo.ir/secret/61610459580" class="chat-box">
       
   </a>
   
   <footer>

   </footer>

   <script>
       // سیستم ناوبری بین بخش‌ها
       document.querySelectorAll('.nav-btn').forEach(btn => {
           if (btn.getAttribute('href') === '#') {
               btn.addEventListener('click', function(e) {
                   e.preventDefault();
                   const targetSection = this.getAttribute('data-section');
                   
                   // مخفی کردن تمام بخش‌ها
                   document.querySelectorAll('.section').forEach(section => {
                       section.classList.remove('active');
                   });
                   
                   // نمایش بخش مورد نظر
                   document.getElementById(targetSection).classList.add('active');
               });
           }
       });
       
       // شبیه‌سازی پینگ متغیر
       function updatePing() {
           const pingElement = document.querySelector('.ping-value');
           const randomPing = Math.floor(Math.random() * 30) + 20;
           pingElement.textContent = randomPing + 'ms';
           
           // تغییر رنگ بر اساس مقدار پینگ
           if (randomPing < 30) {
               pingElement.style.color = '#00CC66'; // سبز
           } else if (randomPing < 50) {
               pingElement.style.color = '#FFD700'; // زرد
           } else {
               pingElement.style.color = '#FF3300'; // قرمز
           }
       }
       
       // به‌روزرسانی پینگ هر 3 ثانیه
       setInterval(updatePing, 3000);
       
       // اجرای اولیه
       updatePing();
   </script>

</body> </html>