<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{% block title %}{% endblock %}</title>
  <script src="/app.js"></script>
  <script src="/message-list.js"></script>
  <style>{{ highlight_styles }}</style>
  <link rel="stylesheet" href="/style.css">
   <script src="/fancy-button.js"></script>
    <script src="/html-frame.js"></script>
    <script src="/generic-form.js"></script>
    <link rel="stylesheet" href="/html-frame.css"></script>
  
</head>
<body>
    <header>
        {% block header %}
        {% endblock %}

    </header>
    <main>
    {% block main %}
    {% endblock %}
</main>
</body>
</html>