Html
<!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome To Perfecto.Dev Code Editor</title> </style> </head> <body> <div class="welcome-box"> <h2>Welcome to this exceptional project! 🚀✨</h2> <p>Where creativity meets code, allowing you to experiment and bring your ideas to life effortlessly. Enjoy a seamless, smart, and lightning-fast coding experience! 💡💻 Welcome to a world where code comes alive! 🎨⚡ </p> </div> </body> </html>
Css
body { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f4f4f4; font-family: Arial, sans-serif; } .welcome-box { background: white; padding: 20px 30px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); text-align: center; max-width: 400px; } .welcome-box h2 { margin: 0 0 10px; color: #333; } .welcome-box p { margin: 0; color: #666; font-size: 16px; }
JavaScript
console.log("Hello")
Run
output
Width
Height