61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>HTMLQ Test Document</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="main" class="container wrapper">
|
||
|
|
<header class="header nav-bar">
|
||
|
|
<h1>HTMLQ Test Document</h1>
|
||
|
|
<nav class="nav" data-nav-type="main">
|
||
|
|
<ul>
|
||
|
|
<li><a href="#" data-link-type="internal">Home</a></li>
|
||
|
|
<li><a href="#" data-link-type="external">About</a></li>
|
||
|
|
<li><a href="#" data-link-type="internal">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<main class="content main-content">
|
||
|
|
<section class="section featured" id="featured-section">
|
||
|
|
<h2>Featured Section</h2>
|
||
|
|
<p>This is the featured section.</p>
|
||
|
|
<div class="card featured-card" data-card-type="featured">
|
||
|
|
<h3>Featured Card</h3>
|
||
|
|
<p>This is the featured card.</p>
|
||
|
|
<ul>
|
||
|
|
<li>Item 1</li>
|
||
|
|
<li>Item 2</li>
|
||
|
|
<li>Item 3</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section class="section regular" id="regular-section">
|
||
|
|
<h2>Regular Section</h2>
|
||
|
|
<p>This is the regular section.</p>
|
||
|
|
<div class="card regular-card" data-card-type="regular">
|
||
|
|
<h3>Regular Card</h3>
|
||
|
|
<p>This is the regular card.</p>
|
||
|
|
<ol>
|
||
|
|
<li>Item 1</li>
|
||
|
|
<li>Item 2</li>
|
||
|
|
<li>Item 3</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
<footer class="footer nav-bar" data-footer-type="main">
|
||
|
|
<p>© 2024 HTMLQ Test Document</p>
|
||
|
|
<nav class="nav" data-nav-type="footer">
|
||
|
|
<ul>
|
||
|
|
<li><a href="#" data-link-type="internal">Home</a></li>
|
||
|
|
<li><a href="#" data-link-type="external">About</a></li>
|
||
|
|
<li><a href="#" data-link-type="internal">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|