values.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Values</title>
    <link rel="stylesheet" href="style.css">
    <link href='https://fonts.googleapis.com/css?family=Noto Sans Buhid' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Chocolate Classical Sans' rel='stylesheet'>
</head>
<body>
    <div>
        <ul class="nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="recommendations.html">Recommendations</a></li>
            <li>Values</li>
            <li><a href="cheese-reviews.html">Cheese Reviews</a></li>
        </ul>
    </div>
    <div class="content">
        <p>"Do not obey in advance. Most of the power of authoritarianism is freely given. In times like these, individuals think ahead about what a more repressive government will want, and then offer themselves without being asked. A citizen who adapts in this way is teaching power what it can do." - Timothy Snyder, Holocaust historian</p>
        <h2>My Values</h2>
        <p>(in no particular order)</p>
        <ul>
            <li>Joy</li>
            <li>Curiosity</li>
            <li>Pragmatism/Realism</li>
            <li>Solidarity</li>
            <li>Sustainability</li>
            <li>Liberation</li>
            <li>Generosity</li>
        </ul>
    </div>
</body>
</html>