<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>About Cella</title>
    <link rel="stylesheet" type="text/css" href="styles/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="styles/chosen.css" />
    <link rel="stylesheet" type="text/css" href="styles/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="styles/style.css" />
</head>
<body>
    <div class="container">
        <header class="navbar navbar-fixed-top" data-dropdown="dropdown">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="/">Cella</a>
                    <ul class="nav" style="float: right">
                        <li class="dropdown">
                            <a class="dropdown-toggle" href="#"
                                data-toggle="dropdown"
                                title="Helpful links about the housing lottery">
                                <span class="caret"></span>
                                Lottery Links
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="http://www.brown.edu/Student_Services/Residential_Council/lottery/broadcast/index.php" target="_blank">
                                    Lottery Results Live
                                    </a>
                                </li>
                                <li>
                                    <a href="http://brown.edu/Student_Services/Residential_Council/lottery/" target="_blank">
                                        Housing Lottery Website
                                    </a>
                                </li>
                                <li>
                                    <a href="http://reslife.brown.edu/current_students/lottery/floorplans/floorplans.html" target="_blank">
                                        Floorplans
                                    </a>
                                </li>
                                <li>
                                    <a href="http://reslife.brown.edu/current_students/lottery/index.html" target="_blank">ResLife</a>
                                </li>
                            </ul>
                        </li>
                        <li class="active"><a href="about.html">About</a></li>
                    </ul>
                </div>
            </div>
        </header>

        {{{ content }}}

        <footer>
        </footer>

    </div>


    <!-- scripts -->
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/bootstrap-dropdown.js"></script>
</body>
</html>


