{% load theme_tags %}
{% theme_extends "base.html" %}
{% load i18n %}


<!-- Tendenci Specific Load Tags (Delete as Needed)
=========================================================== -->
{% load base_filters %}
{% load base_tags %}
{% load story_tags %}


<!-- Meta Tags (for optimal SEO)
=========================================================== -->
{% block title %}{{ SITE_GLOBAL_SITENAME }} {{ SITE_GLOBAL_SITEPRIMARYKEYWORDS }}{% endblock %}


<!-- Starts Tendenci Head Tag
=========================================================== -->
{% block extra_head %}

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="{{ THEME_URL }}media/images/favicon.ico">
    <link rel="apple-touch-icon" href="{{ THEME_URL }}media/images/apple-touch-icon.png">

    <title>{% trans 'Theme Template for Bootstrap' %}</title>

    <!-- Bootstrap core CSS
=========================================================== -->
    <!-- Bootstrap theme
=========================================================== -->
    <link href="{{ THEME_URL }}media/css/bootstrap-theme.min.css" rel="stylesheet">



    <!-- navigation dropdowns
=========================================================== -->
    <link href="{{ THEME_URL }}media/css/nav.css" rel="stylesheet">
    <link href="{{ THEME_URL }}media/css/meanmenu.css" rel="stylesheet">

    <!-- Custom styles for this template
=========================================================== -->
  <link href="{{ THEME_URL }}media/css/custom.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and
    media queries
=========================================================== -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
{% endblock extra_head %}


    <!-- Start of the Body
=========================================================== -->
{% block body_ids %}sub{% endblock body_ids %}
{% block body_classes %}sub{% endblock body_classes %}
{% block html_body %}
    <a class="sr-only" href="#content">{% trans 'Skip to main content' %}</a>



      <!-- Header Starts
=========================================================== -->
      <header>
      {% theme_include "header.html" %}<!-- Pulls in Header Include -->
      </header>
      <!-- Header Ends -->



      <!-- Container Starts
=========================================================== -->
<div id="content" class="container theme-showcase" role="main">


<!-- Body
=========================================================== -->
  <div class="col-sm-8">
        {% theme_include "base/messages.html" %}
        {% block content %}{% endblock %}
</div>


<div class="col-sm-4">
        {% theme_include "sidebar.html" %}
 </div>

 <div class="clear"></div>


    <!-- Footer starts
      =========================================================== -->
    <footer>
      {% theme_include 'footer.html' %}
    </footer>
    <!-- Footer Ends -->

</div>

{% endblock %} <!-- Ends the Body -->

{% block extra_body %}


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->



 <!-- Theme Specific Javascript files
 ================================================== -->
    <!-- Respond JS for IE8 -->
    <script src="{{ THEME_URL }}media/js/respond.min.js"></script>
    <!-- HTML5 Support for IE -->
    <script src="{{ THEME_URL }}media/js/html5shiv.js"></script>
    <!-- Custom JS -->
    <script src="{{ THEME_URL }}media/js/jquery.meanmenu.js"></script>
    <script src="{{ THEME_URL }}media/js/responsiveCarousel.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
      $('.mainnav nav').meanmenu();
      $('.crsl-items').carousel({ speed: 1000, autoRotate: 6000 });
    });
    </script>

{% endblock extra_body %}