موقع إنشاء السيرة الذاتية

موقع إنشاء السيرة الذاتية

السيرة الذاتية

body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 20px; } .container { max-width: 800px; margin: 0 auto; } h1, h2 { text-align: center; } .form-container, .resume-preview { background-color: #fff; padding: 20px; margin-bottom: 20px; border-radius: 5px; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; } .form-group input, .form-group textarea { width: 100%; padding: 8px; box-sizing: border-box; } button[type="submit"] { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } button[type="submit"]:hover { background-color: #45a049; } .resume-preview { border: 1px solid #ddd; } .resume-preview h2 { border-bottom: 1px solid #ddd; padding-bottom: 10px; } document.getElementById('resumeForm').addEventListener('submit', function(e) { e.preventDefault(); var fullName = document.getElementById('fullName').value; var email = document.getElementById('email').value; var phone = document.getElementById('phone').value; var summary = document.getElementById('summary').value; var resumeContent = document.getElementById('resumeContent'); resumeContent.innerHTML = `

${fullName}

البريد الإلكتروني: ${email}

الهاتف: ${phone}

نبذة: ${summary}

`; });