| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Large HTML Document</title> |
| <style> |
| body { font-family: sans-serif; } |
| .container { width: 80%; margin: 0 auto; } |
| .header { background: #333; color: #fff; padding: 1rem; } |
| .footer { background: #333; color: #fff; padding: 1rem; text-align: center; } |
| .main { padding: 1rem; } |
| .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } |
| .card { border: 1px solid #ccc; padding: 1rem; } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <header class="header"> |
| <h1>Large HTML Document for Testing</h1> |
| </header> |
| <main class="main"> |
| <p>This is a large HTML document created for testing purposes. It contains a variety of elements to simulate a real-world web page.</p> |
| <div class="grid"> |
| <div class="card"><h2>Card 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 2</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 3</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 4</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 5</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 6</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 7</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 8</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| <div class="card"><h2>Card 9</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> |
| </div> |
| <section> |
| <h2>More Content</h2> |
| <p>Here is some more content to make the file larger.</p> |
| <ul> |
| <li>List item 1</li> |
| <li>List item 2</li> |
| <li>List item 3</li> |
| <li>List item 4</li> |
| <li>List item 5</li> |
| <li>List item 6</li> |
| <li>List item 7</li> |
| <li>List item 8</li> |
| <li>List item 9</li> |
| <li>List item 10</li> |
| </ul> |
| <p>Even more content...</p> |
| <pre><code> |
| function helloWorld() { |
| console.log("Hello, world!"); |
| } |
| </code></pre> |
| </section> |
| <section> |
| <h2>And More...</h2> |
| <p>Adding more sections to increase the size of the document.</p> |
| <table> |
| <thead> |
| <tr> |
| <th>Header 1</th> |
| <th>Header 2</th> |
| <th>Header 3</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Data 1</td> |
| <td>Data 2</td> |
| <td>Data 3</td> |
| </tr> |
| <tr> |
| <td>Data 4</td> |
| <td>Data 5</td> |
| <td>Data 6</td> |
| </tr> |
| <tr> |
| <td>Data 7</td> |
| <td>Data 8</td> |
| <td>Data 9</td> |
| </tr> |
| </tbody> |
| </table> |
| </section> |
| </main> |
| <footer class="footer"> |
| <p>© 2025 Test Document</p> |
| </footer> |
| </div> |
| </body> |
| </html> |
