index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel = "stylesheet" href = "styles.css">
</head>
<body>
    <h1>Odin Recipes!1!</h1>
    <h2 class = "Chinese">Chinese:</h2>
    <ul class = "Chinese">
        <li class = "Chinese"><a href="recipes/chaoMien.html">Chao Mien</a></li>
        <li class = "Chinese"><a href="recipes/crispyNoodles.html">Crispy Noodles</a></li>
    </ul>
    <h2 class = "Chinese-American">Chinese American:</h2>
    <ul class = "Chinese-American">
        <li class = "Chinese-American"> <a href="recipes/orangeChicken.html">Orange Chicken</a></li>
        <li class = "Chinese-American"><a href="recipes/potStickers.html">Pot Stickers</a></li>
    </ul>
</body>
</html>