message

2026-07-03 21:04:05 +05:30
commit c3747d5297
1 changed files with 86 additions and 0 deletions
@@ -0,0 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample HTML Page</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            background-color: #f4f7f6;
            color: #333;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #2c3e50;
            color: #fff;
            padding: 20px 0;
            text-align: center;
        }
        main {
            max-width: 800px;
            margin: 30px auto;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        h1 {
            margin: 0;
            font-size: 24px;
        }
        h2 {
            color: #2c3e50;
            border-bottom: 2px solid #ecf0f1;
            padding-bottom: 8px;
        }
        button {
            background-color: #3498db;
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        button:hover {
            background-color: #2980b9;
        }
        footer {
            text-align: center;
            padding: 20px;
            font-size: 14px;
            color: #7f8c8d;
        }
    </style>
 </head>
 <body>
    <header>
        <h1>Welcome to My Sample Page</h1>
    </header>
    <main>
        <h2>About This File</h2>
        <p>This is a complete, well-structured sample HTML5 document. It includes standard document metadata, semantic structure, internal responsive CSS styling, and basic JavaScript interaction.</p>
        <h2>Interactive Elements</h2>
        <p>Click the button below to test out a simple JavaScript action:</p>
        <button id="alertBtn">Click Me!</button>
    </main>
    <footer>
        <p>&copy; 2026 Sample Project. All rights reserved.</p>
    </footer>
    <script>
        document.getElementById('alertBtn').addEventListener('click', function() {
            alert('Hello! The JavaScript in your index.html file is working correctly.');
        });
    </script>
 </body>
 </html>