index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>title</title>
        <link rel="stylesheet" href="css/vendor/foundation.min.css">
        <link rel="stylesheet" href="css/app.css">
    </head>
    <body>
        <header></header>
        <div id="date" class="row">
            <div class="columns medium-8 medium-offset-2">
                <h2 class="when">NOVEMBER 9–11, 2015<br>PORTLAND, OREGON</h2>
            </div>
        </div>
        <div id="main-page" class="row">
            <div class="columns medium-7" id="main-content">
                <h5>More people are building the Web than ever and it’s that increased breadth and depth of knowledge that we aim to capture.</h5>
                <h1>BUILD FOR THE WEB<br> OF TOMORROW</h1>
                <p>Over three days, we'll talk about advances in JavaScript, CSS and HTML5, while also exploring the evolution of frameworks and Web development. This is your opportunity to discuss technology alongside its implications and provide feedback to other developers who are creating it.</p>
                <p>View Source is for all developers (well, almost all). If you're involved in the leading edge of the Web, you should be there.</p>
                <p>&lt;/&gt;</p>
            </div>
            <div class="columns medium-5" id="sidebar">
                <div class="row">
                    <div class="columns medium-3 text-right">
                        <span class="icon signup"></span>
                    </div>
                    <div class="columns medium-9">
                        <h2>SIGN UP FOR MORE INFO</h2>
                        <p class="small">JOIN OUR MAILING LIST TO FIND OUT WHEN REGISTRATION OPENS (AND OTHER DETAILS).</p>
                    </div>
                </div>
                <div class="row">
                    <div class="columns medium-3 text-right">
                        <span class="icon twitter"></span>
                    </div>
                    <div class="columns medium-9">
                        <h2>FOLLOW US ON TWITTER</h2>
                        <p class="small">OR SHARE THIS WITH OTHERS WHO MIGHT BE INTERESTED USING #VIEWSOURCECONF</p>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>