Untitled

<html>
<head>
<title>Index</title>
<link rel="stylesheet" href="font-awesome-4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<div id="header">
    <a href="Index.html"><i class="fa fa-flag"></i> MCCTF MOD</a>
</div>

<div id="nav">

    <a href="Index.html">
        <tab><i class="fa fa-magic"></i> Features</tab>
    </a>

    <a href="Index.html">
        <tab><i class="fa fa-download"></i> Download</tab>
    </a>

    <a href="Index.html">
        <tab><i class="fa fa-pencil-square-o"></i> Install</tab>
    </a>

    <a href="Index.html">
        <tab><i class="fa fa-cog"></i> Configure</tab>
    </a>

    <a href="Index.html">
        <tab><i class="fa fa-question-circle"></i> FAQ</tab>
    </a>

</div>

<body>
    <div id="content-container">
    <table style="width:100%; outline:1px solid #333">

        <tr style="outline:1px solid #333;">
            <td style="width:(100/3)%);">
                <div id="content-card" style="margin-left:2.5%; margin-right:2.5%; height:100%;">
                    <center><h2><i class="fa fa-exclamation-circle"></i> Notifications</h2></center>
                    Custom achievement-like notifications for important events in the game.
                    <ul>
                    <li>Flag stolen/dropped/picked up/recovered/captured/restored</li>
                    <li>Streak ended</li>
                    <li>Compass direction</li>
                    <li>Game over</li>
                    <li>Game begin</li>
                    <li>Class change</li>
                    <li>Time alerts (5 minutes and 1 minute remaining)</li>
                    </ul>
                </div>
            </td>

            <td style="width:(100/3)%); outline:1px solid #333">
                <div id="content-card" style="margin-left:2.5%; margin-right:2.5%;">
                    <center><h2><i class="fa fa-picture-o"></i> Custom HUD</h2></center>
                    A fully customizeable heads up display.
                    <ul>
                    <li>Compacted stas</li>
                    <li>Recovers stat</li>
                    <li>KD</li>
                    <li>/m Medic message bolded depending on your class</li>
                    </ul>
                </div>
            </td>

            <td style="width:(100/3)%);">
                <div id="content-card" style="margin-left:2.5%; margin-right:2.5%;">
                    <center><h2><i class="fa fa-users"></i> Friends List</h2></center>
                    Custom alert-like notifications for important events in the game.
                    <ul>
                    <li>Configurable list of players to check with two ranks (perfect for members/mercs)</li>
                    <li>Configurable title</li>
                    </ul>
                </div>
            </td>
        </tr>

    </table>
    </div>
</body>