<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}FormalDateFinder.com{% endblock %}</title>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/static/css/pure-min.css">
    <link rel="stylesheet" href="/static/css/main.css">

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
    <div class="pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed main-menu">
        <a href="/" class="pure-menu-heading">FormalDateFinder.com</a>
        <ul>
            <li><a href="#">Sign up</a></li>
            <li><a href="#">Login</a></li>
        </ul>
    </div>
    {% block content %}
    {% endblock %}
</body>
</html>

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}FormalDateFinder.com{% endblock %}</title>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/static/css/pure-min.css">
    <link rel="stylesheet" href="/static/css/main.css">

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
    <div class="pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed main-menu">
        <a href="/" class="pure-menu-heading">FormalDateFinder.com</a>
        <ul>
            <li><a href="#">Sign up</a></li>
            <li><a href="#">Login</a></li>
        </ul>
    </div>
    {% block content %}
    {% endblock %}
</body>
</html>

Add viewport to support mobile devices
Add viewport to support mobile devices
