<!DOCTYPE html>
<html lang="en">
<head>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Component 4 - Page Theme Selector</title>
</head>
<body>

<h1>The Page</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum iure, praesentium vero laudantium porro repellat perferendis. Veniam ut corporis itaque.</p>


<label for="themes">Choose Theme:</label>
<select name="themes" id="themes">
    <option value="light">Light</option>
    <option value="dark">Dark</option>
    <option value="scrimba">Scrimba</option>
</select>

<script type="text/javascript" src="index.js"></script>
</body>
</html>

<!DOCTYPE html>

<head>

+Sans:wght@400;700&display=swap" rel="stylesheet">

<title>Component 4 - Page Theme Selector</title>

</head>

<body>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum iure, praesentium vero laudantium

porro repellat perferendis. Veniam ut corporis itaque.</p>

<label for="themes">Choose Theme:</label>

<option value="light">Light</option>

<option value="scrimba">Scrimba</option>

</select>

</body>

-4:52