Template Source: root/index.html

{% extends 'base.html' %} {% load i18n core_widgets extras %} {% block extra_css %} <style type="text/css"> html, body { height: 100%; } </style> <link href="{{ STATIC_URL }}app/css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"> <link href="{{ STATIC_URL }}app/css/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"> <link href="{{ STATIC_URL }}app/css/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"> {% endblock %} {% block content %} <div class="content"> <div class="page home"> <div class="container"> <div class="header text-center"> <p>20 October 2016</p> <h1>AfriSam-SAIA award announce record<br> number of eligible submissions</h1> <a class="btn-outlined" href="/awards/submissions/2016/">Read more</a> </div><!-- header --> <div class="promo-body text-center"> <div id="owl-carousel" class="owl-carousel owl-theme"> <div class="item"> <a href="/news/news/awarded-projects-announced/"> <div class="slider text-center" style="background-image: url('/static/app/img/promo/Homepage_project_Jan2017.jpg');"> <div class="overlay"></div> <div class="slider-content"> <p>25 January 2017</p> <h2>Awarded Projects in the AfriSam-SAIA Award for Sustainable Architecture + Innovation Announced</h2> </div> </div> </a> </div><!-- item --> <div class="item"> <a href="/news/news/future-proofing-the-green-agenda/"> <div class="slider" style="background-image: url('/static/app/img/promo/Homepage_carousel_October_02_FA.jpg');"> <div class="overlay"></div> <div class="slider-content"> <p>20 October 2016</p> <h2>"Future proofing" the Green Agenda</h2> </div> </div> </a> </div><!-- item --> <div class="item"> <a href="/news/news/sa-architects-could-learn-a-lot-from-latin-america/"> <div class="slider" style="background-image: url('/static/app/img/promo/Homepage_carousel_October_03_FA.jpg');"> <div class="overlay"></div> <div class="slider-content"> <p>20 October 2016</p> <h2>SA architects could learn a lot from Latin America</h2> </div> </div> </a> </div><!-- item --> </div><!-- owl-carousel --> </div><!-- promo --> </div><!-- container --> {% comment %} <div class="entries"> {% news_widget %} </div><!--/entries--> {% endcomment %} {% comment %} <div id="promo"> <div class="row"> <div class="promo-container"> <div id="owl-carousel" class="owl-carousel owl-theme"> <div class="item"> <div class="slide" style="background-image: url(/static/app/img/banner-home.jpg);"> <div class="slide-container"> <div class="slide-content left-aligned"> <div class="slide-text"> <h1>The world <br />needs <br />visionaries</h1> <p>We call on all practitioners who share our vision to enter the AfriSam-SAIA Award for Sustainable Architecture + Innovation - and bring a better future to lives.</p> <p class="emp">Entries accepted in four categories Sustainable Architecture, Research in Sustainability, Sustainable Products and Technology and Sustainable Social Programmes.</p> <h2>Entries closed</h2> <!-- <a target="_blank" href="">Enter Now<img src="{{ STATIC_URL }}app/img/arr.png"></a> --><a class="award-res-dl" href="/awards/entries/"><img src="{{ STATIC_URL }}app/img/download.png" /><span class="award-text">Award Resources</span></a> </div> <div class="slide-image"> <img src="{{ STATIC_URL }}app/img/gardener.jpg"> </div> </div> </div> <a class="link-container" href="{% url 'news' %}">Visit Our Blog<img src="{{ STATIC_URL }}app/img/arr.png"></a> </div> </div> </div> </div> </div> <div class="clear"></div> </div> {% endcomment %} </div><!--/page--> </div><!--/content--> {% endblock %} {% block bottom_js %} <script src="{{ STATIC_URL }}app/js/plugins/owl-carousel/owl.carousel.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#owl-carousel").owlCarousel({ navigation : false, // Show next and prev buttons slideSpeed : 300, paginationSpeed : 400, singleItem:true }); }); </script> {% endblock %}