index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mini Code Editor</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Mini Code Editor</h1>

    <div class="editor-container">
        <h2>HTML</h2>
        <textarea id="htmlCode" placeholder="Write your HTML code here"></textarea>

        <h2>CSS</h2>
        <textarea id="cssCode" placeholder="Write your CSS code here"></textarea>

        <h2>JavaScript</h2>
        <textarea id="jsCode" placeholder="Write your JavaScript code here"></textarea>
    </div>

    <div class="preview-container">
        <h2>Live Preview</h2>
        <iframe id="preview"></iframe>
    </div>

    <script src="script.js"></script>
</body>
</html>