در حال بروزرسانی | گروه کاوان

<!DOCTYPE html> <html lang="fa"> <head> <meta charset="UTF-8"> <title>کاوان</title> <style> .container { display: flex; } </style> </head> <body> <div class="app">  </div> <script> console.log("Hello World!"); </script>

.card { background: rgba(255,255,255,0.05); backdrop-filter: blur(12px); border-radius: 24px; padding: 2rem; transition: all 0.4s ease; } .card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,212,255,0.15); }

<Route path="/portfolio" element={ <Portfolio /> } /> <Route path="/about" element={ <About /> } /> <Route path="/contact" element={ <Contact /> } /> export default function App() { return ( <Router> <Routes> ... </Routes> </Router> ); }

@media (max-width: 768px) { .grid { grid-template-columns: 1fr; } .header { flex-direction: column; } } .logo { background: linear-gradient(135deg, #00d4ff, #7b2ffc); } .btn-primary { background: #00d4ff; color: #fff; }

const data = await fetch('/api/projects'); const projects = await data.json(); projects.map((p) => { return <ProjectCard key={p.id} {...p} />; }); useEffect(() => { fetchData(); }, []);

.neon-glow { box-shadow: 0 0 20px rgba(0,212,255,0.3), 0 0 60px rgba(123,47,252,0.15); } .code-font { font-family: 'Fira Code', monospace; } .flex-center { display: flex; align-items: center; justify-content: center; }

</> نمونه کارهای اخیر

مینا کیک

ام‌بی بیک

آریا مارکت

</> نمونه کارهای اخیر ​

مینا کیک

ام‌بی بیک

آریا مارکت

</> نمونه کارهای اخیر