index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Spyware Watchdog</title>
        <link href="https://fonts.googleapis.com/css?family=Merriweather:700|Roboto:400,700" rel="stylesheet">
        <style>
            body {
                width: 50%;
                margin: 0 auto;
                color: #1b1b1b;
                font: 17px "Roboto", Verdana, sans-serif;
            }

            p { line-height: 1.5 }
            h1 { font: 41px "Merriweather", serif }

            img {
                display: block;
                margin: 100px auto 90px auto; /* top right bottom left */
                height: 264px;
            }

            a {
                color:coral;
                background-color:transparent;
                text-decoration:underline;
            }

            a:visited { color: #ff9f7b }
            a:hover { color: #ffc250 }
        </style>
    </head>
    <body>
        <img src="images/logo.svg" alt="The Watchdog - Spyware beware!">
        <h1>📙 Online Spyware Classification Project</h1>
        <p>The goal of this website is to <b>classify spyware programs</b>, so that users can be aware that they are installing <b>spyware</b>. Most modern programs that people use today contain malicious spyware features, such as any form of telemetry or information collection of users. This website contains articles on popular       programs explaining spyware features, so that potential users can be aware of the information they may be giving away by downloading spyware, using easy to understand scores and detailed explanations of how the features of these programs can spy on the user.</p>
        <h2><a href="/articles">Browse Articles</a></h2>
        <p><a href="/guides/faq.html">Frequently Asked Questions</a></p>
        <p><a href="/guides/classify.html">Spyware Classification Criteria</a></p>
        <p><a href="/guides/style.html">Article Style Guide</a></p>
    </body>
</html>