https://virgool.ir/feed/@zeinabshahsavari90fa2026-11-12 00:08:47https://files.virgool.ir/upload/users/4913643/avatar/avatar.pnghttps://virgool.ir/@zeinabshahsavari90https://virgool.ir/@zeinabshahsavari90/سایبر-سیتی-ja8tovimcops<!DOCTYPE html><html lang="fa" dir="rtl"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>سایبر سیتی | CyberCity</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #0a0a0f; color: #e0e0ff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; overflow-x: hidden; cursor: default; } /* بکگراند متحرک */ .bg-grid { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(128, 0, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(128, 0, 255, 0.1) 1px, transparent 1px); background-size: 60px 60px; z-index: -2; animation: gridMove 8s linear infinite; } @keyframes gridMove { 0% { background-position: 0 0; } 100% { background-position: 60px 60px; } } .bg-glow { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(128, 0, 255, 0.15) 0%, transparent 70%); z-index: -1; animation: pulse 4s ease-in-out infinite; } @keyframes pulse { 0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); } } /* کانتینر اصلی */ .container { max-width: 900px; margin: 0 auto; padding: 40px 20px; text-align: center; } /* لوگو */ .logo-container { margin: 80px auto 30px; position: relative; } .logo-img { width: 200px; height: 200px; border-radius: 30px; border: 3px solid #8b00ff; box-shadow: 0 0 30px rgba(139, 0, 255, 0.6), 0 0 60px rgba(139, 0, 255, 0.3), 0 0 100px rgba(0, 200, 255, 0.2); transition: transform 0.5s ease; background: #0d0d1a; } .logo-img:hover { transform: scale(1.05); } /* عنوان */ .title { font-size: 4em; font-weight: 900; letter-spacing: 8px; margin: 30px 0 10px; background: linear-gradient(180deg, #c084fc 0%, #7c3aed 50%, #06b6d4 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; filter: drop-shadow(0 0 30px rgba(139, 0, 255, 0.8)); animation: titleFlicker 5s ease-in-out infinite; } @keyframes titleFlicker { 0%, 100% { filter: drop-shadow(0 0 30px rgba(139, 0, 255, 0.8)); } 50% { filter: drop-shadow(0 0 50px rgba(0, 200, 255, 0.9)); } } .subtitle { font-size: 1.2em; color: #06b6d4; letter-spacing: 4px; margin-bottom: 50px; opacity: 0.8; } /* باکس ویژگیها */ .features { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 50px 0; } .feature-card { background: rgba(20, 20, 40, 0.7); border: 1px solid rgba(139, 0, 255, 0.4); border-radius: 15px; padding: 25px; width: 250px; backdrop-filter: blur(10px); transition: all 0.3s ease; } .feature-card:hover { border-color: #06b6d4; box-shadow: 0 0 30px rgba(0, 200, 255, 0.3); transform: translateY(-5px); } .feature-icon { font-size: 3em; margin-bottom: 15px; } .feature-title { font-size: 1.3em; color: #c084fc; margin-bottom: 10px; } .feature-text { color: #a0a0cc; font-size: 0.95em; line-height: 1.6; } /* دکمه دانلود */ .download-section { margin: 60px 0; } .download-btn { display: inline-block; background: transparent; border: 2px solid #8b00ff; color: #c084fc; padding: 15px 40px; font-size: 1.2em; border-radius: 50px; text-decoration: none; letter-spacing: 2px; transition: all 0.3s ease; position: relative; overflow: hidden; } .download-btn:hover { background: #8b00ff; color: #fff; box-shadow: 0 0 40px rgba(139, 0, 255, 0.6); } .download-soon { display: block; margin-top: 15px; color: #666; font-size: 0.9em; } /* فوتر */ .footer { margin-top: 80px; padding: 30px; border-top: 1px solid rgba(139, 0, 255, 0.3); color: #666; font-size: 0.9em; } .social-links { margin-top: 15px; } .social-links a { color: #06b6d4; text-decoration: none; margin: 0 15px; transition: color 0.3s; } .social-links a:hover { color: #c084fc; } /* رسپانسیو */ @media (max-width: 600px) { .title { font-size: 2.5em; letter-spacing: 4px; } .features { flex-direction: column; align-items: center; } .feature-card { width: 90%; } .logo-img { width: 150px; height: 150px; } } </style></head><body> <div class="bg-grid"></div> <div class="bg-glow"></div> <div class="container"> <!-- لوگو --> <div class="logo-container"> <img src="logo.png" alt="CyberCity Logo" class="logo-img" ="this.style.display='none'"> </div> <!-- عنوان --> <h1 class="title">سایبر سیتی</h1> <p class="subtitle">CYBERCITY RP</p> <!-- ویژگیها --> <div class="features"> <div class="feature-card"> <div class="feature-icon">🌃</div> <div class="feature-title">دنیای نئونی</div> <p class="feature-text">شهری زنده با نورهای بنفش، بارون همیشگی و آسمونخراشهای سایبرپانکی که هر گوشهاش یه ماجراست.</p> </div> <div class="feature-card"> <div class="feature-icon">🚗</div> <div class="feature-title">ماشینهای آینده</div> <p class="feature-text">سوار ماشینهای اسپرت و پرنده بشو، مسابقه بده و خیابونها رو مال خودت کن.</p> </div> <div class="feature-card"> <div class="feature-icon">💼</div> <div class="feature-title">شغل و زندگی</div> <p class="feature-text">از یه هکر زیرزمینی تا مأمور امنیتی، شغلت رو انتخاب کن و داستان خودت رو بساز.</p> </div> </div> <!-- دانلود --> <div class="download-section"> <a href="#" class="download-btn">به زودی در گوگل پلی</a> <span class="download-soon">نسخه اولیه در دست ساخت...</span> </div> <!-- فوتر --> <div class="footer"> <p>© 2025 CyberCity. تمام حقوق محفوظ است.</p> <div class="social-links"> <a href="#">تلگرام</a> <a href="#">اینستاگرام</a> <a href="#">دیسکورد</a> </div> </div> </div></body></html>Zeinab ShahsavariZeinab ShahsavariSat, 25 Jul 2026 13:16:20 +0330