{% extends "Base.html" %}
{% load static %}
{% block head %}
    <title>Maintenance Mode</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <!-- Font -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700%7CPoppins:400,500" rel="stylesheet">
    <link href="{% static 'css/ionicons.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'css/jquery.classycountdown.css' %}" />
    <link href="{% static 'css/styles.css' %}" rel="stylesheet">
    <link href="{% static 'css/responsive.css' %}" rel="stylesheet">

{% endblock %}

{% block body %}
    <div class="main-area center-text" style="background-image:url(../static/img/maintenance.jpg);">
        <div class="display-table">
            <div class="display-table-cell">
                <h1 class="title font-white"><b>Under Maintenance</b></h1>
                <p class="desc font-white">Our website is currently undergoing scheduled maintenance.
                    We Should be back shortly. Thank you for your patience.</p>

{% endblock %}