<!DOCTYPE html>
<html>
    <head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="imagetoolbar" content="no" />
        <meta name="author" content="OpenFest" />
        <meta name="copyright" content="OpenFest" />
        <meta name="robots" content="follow,index" />
        <meta name="title" content="" />
        <meta name="keywords" content="" lang="en-us" />
        <meta name="description" content="" />

        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <link rel="icon" type="image/png" href="">
        
        <title>OpenFest</title>

        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/styles.css">
        
    </head>
    <body>

        <nav>
            <div class="content cf">
                <a href="#" class="logo"><img src="img/logo.png" alt="OpenFest" /></a>
                <ul>
                    <li><a href="#">Начало</a></li>
                    <li class="selected"><a href="#">За събитието</a></li>
                    <li><a href="#">Спонсори</a></li>
                    <li><a href="#">Програма</a></li>
                    <li><a href="#">Контакти</a></li>
                    <li class="separator"></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>
                    <li class="separator"></li>
                    <li><a href="#">EN</a></li>
                </ul>
            </div>
        </nav>

        <ul class="content subnav cf">
            <li class="selected"><a href="#">За събитието</a></li>
            <li><a href="#">Идеи и препоръки</a></li>
            <li><a href="#">Екип</a></li>
            <li><a href="#">История</a></li>
        </ul>

        <div class="separator"></div>

        <section class="content grid">
            <div class="col-left">
                column1
            </div>
            <div class="col-right">
                column2
            </div>
        </section>

        <footer>
            <div class="content grid">
                <div class="col4">
                    <h3>OpenFest</h3>
                    <p>
                        <a href="#">Начало</a><br />
                        <a href="#">Идеи и препоръки</a><br />
                        <a href="#">За събитието</a><br />
                        <a href="#">Спонсори</a><br />
                        <a href="#">Програма</a><br />
                        <a href="#">Екип</a><br />
                        <a href="#">Историята</a><br />
                        <a href="#">Контакти</a>
                    </p>
                </div>
                <div class="col4">
                    <h3>Програма</h3>
                    <p>
                        <a href="#">Информация</a><br />
                        <a href="#">Календар</a><br />
                        <a href="#">Зали</a><br />
                    </p>
                </div>
                <div class="col4">
                    <h3>Други</h3>
                    <p>
                        <a href="#">Хотели</a><br />
                        <a href="#">Заведения</a><br />
                        <a href="#">Beer Events</a><br />
                        <a href="#">After party</a><br />
                    </p>
                </div>
                <div class="col4">
                    <h3>Последвайте ни в:</h3>
                    <p>
                        <a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
                        <a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
                        <a href="#"><i class="fa fa-youtube"></i> YouTube</a>
                    </p>
                </div>
            </div>
        </footer>

    </body>
</html>