base.html

          <div class="slider hero__slider">
	          <input class="slider__input" type="radio" name="point" id="slide-1" checked />
	          <input class="slider__input" type="radio" name="point" id="slide-2" />
	          <input class="slider__input" type="radio" name="point" id="slide-3" />
	          <input class="slider__input" type="radio" name="point" id="slide-4" />
	          <input class="slider__input" type="radio" name="point" id="slide-5" />

	          <div class="slider__content">
		          <div class="slider__slide slider__slide--1"><img src="{{ static('temp/slide1.png') }}" class="slider__slide__image" /></div>
		          <div class="slider__slide slider__slide--2"><img src="{{ static('temp/slide2.png') }}" class="slider__slide__image" /></div>
		          <div class="slider__slide slider__slide--3"><img src="{{ static('temp/slide3.png') }}" class="slider__slide__image" /></div>
		          <div class="slider__slide slider__slide--4"><img src="{{ static('temp/slide4.png') }}" class="slider__slide__image" /></div>
		          <div class="slider__slide slider__slide--5"><img src="{{ static('temp/slide5.png') }}" class="slider__slide__image" /></div>
	          </div>
	          <ul class="slider__navigation">
		          <li class="slider__navigation__item"><label for="slide-1" class="slider__navigation__toggler"></label></li>
		          <li class="slider__navigation__item"><label for="slide-2" class="slider__navigation__toggler"></label></li>
		          <li class="slider__navigation__item"><label for="slide-3" class="slider__navigation__toggler"></label></li>
		          <li class="slider__navigation__item"><label for="slide-4" class="slider__navigation__toggler"></label></li>
		          <li class="slider__navigation__item"><label for="slide-5" class="slider__navigation__toggler"></label></li>
	          </ul>
          </div>