HTML
Clear
<div class="welcome-container"> <h1>Real-time Editor</h1> <p>Welcome! This is a simple, modern web editor.</p> <p>You can write HTML, CSS, and JavaScript in the boxes on the left.</p> <p>The preview updates automatically as you type.</p> </div>
CSS
Clear
body { background-color: #1e1e1e; color: #d4d4d4; font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .welcome-container { text-align: center; background-color: #252526; padding: 2rem; border: 1px solid #3e3e42; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); max-width: 600px; } h1 { color: #007acc; margin-bottom: 1rem; }
JavaScript
Clear