catalogue/templates/catalogue/snippets/carousel.html

   1 {% load url from future %}
   2
   3 <section id="catalogue-carousel">
   4     <ul id="catalogue-carousel-links">
   5         <li style="background-image: url(/static/carousel/img1.jpg); z-index: 100;">
   6             <a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="catalogue-carousel-link"></a>
   7         </li>
   8         <li style="background-image: url(/static/carousel/img2.jpg)">
   9             <a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="catalogue-carousel-link"></a>
  10         </li>
  11         <li style="background-image: url(/static/carousel/img3.jpg)">
  12             <a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="catalogue-carousel-link"></a>
  13         </li>
  14         <li style="background-image: url(/static/carousel/img4.jpg)">
  15             <a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="catalogue-carousel-link"></a>
  16         </li>
  17     </ul>
  18     <ul id="catalogue-carousel-switcher">
  19         <li><a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="knowledge">wiedza w pigułce</a></li>
  20         <li><a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="activity">ćwiczenia</a></li>
  21         <li><a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="lesson-plan">scenariusze</a></li>
  22         <li><a href="{% url 'catalogue_lesson' 'jak-planowac-prace-z-informacja' %}" class="reference">słowniczek</a></li>
  23     </ul>
  24 </section>