index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#212121" />
    <title>BKKHack</title>
    <link rel="icon" href="img/logo.png" />
    <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" />
    <link rel="stylesheet" href="style/site.css" />
</head>
<body>
    <div class="banner">
        <header>
            <img class="logo" src="img/logo.png" alt="">
            <h1>BKK<em>Hack</em></h1>
        </header>
        <section>
            <hr />
            <p>A cross-cultural community of hackers in and around Bangkok. <strong>Any</strong> language, <strong>any</strong> level.</p>
            <hr />
            <nav>
                <li><a href="https://www.meetup.com/bkkhack/">rsvp on meetup</a></li>
                <li><a href="https://gitter.im/bkkhack/hacknights">chat on gitter</a></li>
                <li><a href="/hackmap/">hackmap</a></li>
            </nav>
            <!--
            TODO: use meetup api to display upcoming meetup
            <div class="next-event">
                <p>Our next meetup is</p>
                <p>Thursday, July 24th at 7:00 PM.</p>
                <p><a href="">more info &raquo;</a></p>
            </div>
            -->
        </section>
    </div>
    <div class="tag-line">
        <h2>Code, Construct</h2>
        <h3>Learn, Share.</h3>
    </div>
</body>
</html>