Пролистование в лэндинге - Joomla 3.x: Шаблоны, разметка и макеты вывода

<ul data-uk-scrollspy-nav="{smoothscroll: {offset: 90}}">

<li><a href="#tm-fullscreen"><i class="uk-icon-circle"></i></a></li>
<li><a href="#tm-top-a"><i class="uk-icon-circle"></i></a></li>
<li><a href="#tm-top-b"><i class="uk-icon-circle"></i></a></li>
<li><a href="#tm-middle"><i class="uk-icon-circle"></i></a></li>
<li><a href="#tm-bottom-a"><i class="uk-icon-circle"></i></a></li>
<li><a href="#tm-footer"><i class="uk-icon-circle"></i></a></li>

	<?php if ($this['widgets']->count('bottom-a')) : ?>
	<div id="tm-bottom-a" class="tm-block <?php if (isset($block_classes['bottom-a'])) echo $block_classes['bottom-a']; echo $display_classes['bottom-a']; ?>">
		<div class="uk-container uk-container-center">
			<section class="<?php echo $grid_classes['bottom-a']; ?>" data-uk-scrollspy="{targets:true, repeat:true}" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this['widgets']->render('bottom-a', array('layout'=>$this['config']->get('grid.bottom-a.layout'))); ?></section>
		</div>
	</div>
	<?php endif; ?>

	<?php if ($this['widgets']->count('bottom-b')) : ?>
	<div id="tm-bottom-b" class="tm-block <?php if (isset($block_classes['bottom-b'])) echo $block_classes['bottom-b']; echo $display_classes['bottom-b']; ?>">
		<div class="uk-container uk-container-center">
			<section class="<?php echo $grid_classes['bottom-b']; ?>" data-uk-scrollspy="{targets:true, repeat:true}" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this['widgets']->render('bottom-b', array('layout'=>$this['config']->get('grid.bottom-b.layout'))); ?></section>
		</div>
	</div>
	<?php endif; ?>

	<?php if ($this['widgets']->count('bottom-c')) : ?>
		<?php if ($this['widgets']->count('bottom-c')) : ?>
		<div id="tm-bottom-c" class="tm-block tm-block-dark <?php if (isset($block_classes['bottom-c'])) echo $block_classes['bottom-c']; echo $display_classes['bottom-c']; ?>">
			<div class="uk-container uk-container-center">
				<section class="<?php echo $grid_classes['bottom-c']; ?>" data-uk-scrollspy="{targets:true, repeat:true}" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this['widgets']->render('bottom-c', array('layout'=>$this['config']->get('grid.bottom-c.layout'))); ?></section>
			</div>
		</div>
		<?php endif; ?>
	<?php endif; ?>

	<?php if ($this['widgets']->count('footer + debug') || $this['config']->get('warp_branding', true) || $this['config']->get('totop_scroller', true)) : ?>
	<div class="tm-block tm-block-footer">
		<div class="uk-container uk-container-center">

			<footer class="tm-footer uk-text-center">

				<?php if ($this['config']->get('totop_scroller', true)) : ?>
				<a class="tm-totop-scroller" data-uk-smooth-scroll href="#">TOP</a>
				<?php endif; ?>

				<?php
					echo $this['widgets']->render('footer');
					$this->output('warp_branding');
					echo $this['widgets']->render('debug');
				?>

			</footer>

<div class="tm-block tm-block-footer">

<div id="tm-footer" class="tm-block tm-block-footer">

<a href="images/fullscreen_mountains.jpg" data-uk-lightbox title=""><p><span style="font-size: 18pt;">Всплывающее окно</span></p></a>