index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="css/index.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Baloo+Chettan&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
     integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" 
     crossorigin="anonymous">
     <link rel="shortcut icon" type="image/png" href="images/favicon.png">
    <title>Better Sub Stats</title>
</head>
<body>
<header>
    <div class="logo">
        <h1>Better Sub Stats</h1>
        <img src="images/Reddit_Mark_OnWhite.png">
    </div>
    <nav>
        <div class="acont">
            <a href="index.html"><i class="fas fa-home"></i>HOME</a>
            <a href="aboutus.html"><i class="fas fa-users"></i>OUR TEAM</a>
            <a  target="_blank" href="https://bettersubstats.netlify.com/dashboard">GET STARTED</a>
        </div>
    </nav>
</header>
<div class="container">
    <div class="main">
        <div class="top-content">
            <img src="images/graph.png">
            <article>
            <h1>What Our App Is</h1>
            <p>Better Sub Stats is a better stat tracking method of discussion over time </p><p>As you can see on this graph. We provide an easy to use visual interface to track the data that's important to YOU</p></article>
        </div>
        <div class="middle-content">
            <img src="images/features.png">
            <article>
            <h1>Features</h1>
            <h2>Better Sub Stats gives you the ability to sort by:</h2>
            <ul>
                <li>Posts per Window (of time)</li>
                <li>Comments per Post</li>
                <li>Find most active times per Window</li>
                <li>Time-series plots of post counts and comment counts</li>
                <li>Time-series plot of comments per post</li>
                <li>'Trending' Score of (# of followers) / (age of sub)</li>
            </ul>
        </article>
    </div>
    <div class="bottom-content">
        <article>
        <h1>Want a more detailed breakdown of discussion on reddit?</h1>
        <h2>Click here to</h2>
        <a  target="_blank" href="https://bettersubstats.netlify.com/dashboard"><button>Get Started</button></a>
        </article>
        <img src="images/bottompic.png">
    </div>
</div>
</body>
</div> 
</html>