<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Complex documentation page with various elements">
<meta name="author" content="Test Author">
<meta property="article:published_time" content="2024-01-01T00:00:00Z">
<title>Complex Documentation Page</title>
</head>
<body>
<header class="site-header">
<nav class="navigation">
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/docs">Docs</a></li>
<li><a href="/api">API</a></li>
<li><a href="/blog">Blog</a></li>
</ul>
</nav>
</header>
<aside class="sidebar">
<h3>Table of Contents</h3>
<ul>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#installation">Installation</a></li>
<li><a href="#usage">Usage</a></li>
</ul>
<div class="ads">
<p>Advertisement content here</p>
</div>
</aside>
<main class="documentation">
<article>
<h1 id="introduction">API Documentation</h1>
<p class="lead">This comprehensive guide covers all aspects of our API.</p>
<section id="installation">
<h2>Installation</h2>
<p>To get started, install our package using npm:</p>
<pre><code class="language-bash">npm install our-package</code></pre>
<p>You can also use yarn:</p>
<pre><code class="language-bash">yarn add our-package</code></pre>
</section>
<section id="usage">
<h2>Basic Usage</h2>
<p>Here's a simple example to get you started:</p>
<pre><code class="language-javascript">
import { createClient } from 'our-package';
const client = createClient({
apiKey: 'your-api-key',
baseUrl: 'https://api.example.com'
});
// Make a request
const response = await client.get('/users');
console.log(response.data);
</code></pre>
<h3>Configuration Options</h3>
<table>
<thead>
<tr>
<th>Option</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>apiKey</td>
<td>string</td>
<td>Your API key for authentication</td>
</tr>
<tr>
<td>baseUrl</td>
<td>string</td>
<td>Base URL for API requests</td>
</tr>
</tbody>
</table>
</section>
<section id="examples">
<h2>More Examples</h2>
<p>Check out these additional examples:</p>
<ul>
<li><a href="/examples/basic">Basic Example</a></li>
<li><a href="/examples/advanced">Advanced Usage</a></li>
<li><a href="/examples/typescript">TypeScript Integration</a></li>
</ul>
</section>
</article>
</main>
<footer class="site-footer">
<div class="social-links">
<a href="https://twitter.com/example">Twitter</a>
<a href="https://github.com/example">GitHub</a>
</div>
<p>© 2024 Documentation Site. All rights reserved.</p>
</footer>
<script>
// This script should be removed by the parser
console.log('This should not appear in extracted content');
</script>
</body>
</html>
