﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title }} - Happy or Mad</title>
    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static 'app/content/site.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'app/content/font-awesome.min.css' %}" />
</head>

<body>

    <header>
            <h1>
                Happy or Not
            </h1>
    </header>

    <div class="container">    
        <div class="body-content">
                {% block content %}{% endblock %}
        </div>   
    </div>

    <hr />
    <footer>
        <p>&copy; {{ year }} - Happy or Mad Application</p>
    </footer>

    {% block scripts %}{% endblock %}

</body>
</html>

﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title }} - Happy or Mad</title>
    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static 'app/content/site.css' %}" />
    <link rel="stylesheet" type="text/css" href="{% static 'app/content/font-awesome.min.css' %}" />
</head>

<body>
  <div class="container">
    <header>
            <h1>
                  <span class="happy"><i class="fa fa-smile-o fa-2x"></i>Happy</span>
                  <br/>
                  <span class="or">Or </span>
                  <span class="not">Not </span>
                  <i class="fa fa-frown-o fa-2x"></i>
            </h1>
    </header>

    <div class="container">    
        <div class="body-content">
                {% block content %}{% endblock %}
        </div>   
    </div>

    <hr />
    <footer>
        <p>&copy; {{ year }} - Happy or Mad Application</p>
    </footer>
  </div>
    {% block scripts %}{% endblock %}

</body>
</html>

Add icons and html hooks for styling
Add icons and html hooks for styling

