<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test & "Quotes" <Tags></title>
<style>
body {
font-family: system-ui, sans-serif;
margin: 0;
padding: 20px;
}
h1, h2 {
margin: 0 0 10px 0;
}
button {
padding: 10px 20px;
font-size: 14px;
cursor: pointer;
}
.section {
margin: 20px 0;
padding: 15px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<header>
<h1>Header with & symbol</h1>
<p>Testing "quoted" text & special <characters></p>
</header>
<main>
<section class="section">
<h2>Form with special chars</h2>
<form>
<label for="name">Name (use <your name>):</label>
<input type="text" id="name" name="name" placeholder="Enter 'name'">
<button type="submit">Click "Here"</button>
</form>
</section>
<section class="section">
<h2>Content & more</h2>
<p>This paragraph has "quotes", 'apostrophes', & ampersands, plus <angle brackets>.</p>
</section>
</main>
<footer>
<p>© 2024 Test & "Demo" Company</p>
</footer>
</body>
</html>
