كود ويب بسيط

Kodax

كود html من مجتمع Kodax.

<!-- HTML -->
<!DOCTYPE html>
<html lang="ar" dir="ltr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>مشروعي</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <h1>مرحباً بك!</h1>
    <p>ابدأ بتعديل الملفات</p>
    <button id="btn">اضغط هنا</button>
  </div>
  <script src="script.js"></script>
</body>
</html>

<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: 'Segoe UI', Tahoma, sans-serif;
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: #fff; min-height: 100vh;
  display: flex; justify-content: center; align-items: center;
}
.container { text-align: center; padding: 40px; }
h1 {
  font-size: 2.5em; margin-bottom: 16px;
  background: linear-gradient(135deg, #8b5cf6, #3b82f6);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
button {
  margin-top: 24px; padding: 12px 32px; font-size: 16px;
  border: none; border-radius: 12px; background: #8b5cf6;
  color: white; cursor: pointer; transition: transform 0.2s;
}
button:hover { transform: scale(1.05); }
</style>

<script>
const btn = document.getElementById('btn');
btn.addEventListener('click', () => {
  alert('مرحباً من Kodax!');
});
console.log('المشروع يعمل بنجاح!');
</script>