<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Vision World Education Group</title>
        <link href="{{ path.vendor }}bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i">
        <link rel="stylesheet" href="{{ path.css }}breadcrumbs.css">
        <link rel="stylesheet" href="{{ path.css }}visionworld.css">
        <link rel="stylesheet" href="{{ path.css }}{{ session }}.css">
        {% include 'layouts/page/' ~ session ~ '/header_extra.twig' %}
        <meta name="description" content="">
        <meta name="author" content="">
        
        {# favicon #}
        <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest">
        {# end favicon #}
    </head>

    <body>

        {% include 'layouts/header.twig' %}
        {% include 'layouts/page/' ~ session ~ '/' ~ page ~ '.twig' %}
        {% include 'layouts/footer.twig' %}

        <!-- Bootstrap core JavaScript -->
        <script src="{{ path.vendor }}jquery/jquery.min.js"></script>
        <script src="{{ path.vendor }}bootstrap/js/bootstrap.bundle.min.js"></script>
        {% include 'layouts/page/' ~ session ~ '/footer_extra.twig' %}

    </body>

</html>
