<div class="a">
    <div class="article">
        <span class="horseshoe sprite"></span>
        <h1>Sitemap</h1>

        <ul id="sitemap">
            <li><a href="<?php echo LANG_ROOT ?>">Home</a></li>
            <?php
                $pages = array('keystud','mares','foals','youngsters','references','contact');

                foreach($pages as $page)
                {
                    isset($this->lang[$page]) ? $output = $this->lang[$page] : $output = ucfirst($page);
                    echo '<li><a href="' . LANG_ROOT . $this->urls[$page] . '">' . $output . '</a></li>';
                }
            ?>
        </ul>

    </div>
    <ul class="bottom_menu">
        <li>
            <span class="inner">
                <span class="mares sprite"></span>
                <a href="<?php echo LANG_ROOT . $this->urls['mares']; ?>"><?php echo $this->lang['mares']; ?></a>
            </span>
        </li>
        <li class="alt">
            <span class="inner">
                <span class="foals sprite"></span>
                <a href="<?php echo LANG_ROOT . $this->urls['foals']; ?>"><?php echo $this->lang['foals']; ?></a>
            </span>
        </li>
        <li>
            <span class="inner">
                <span class="youngsters sprite"></span>
                <a href="<?php echo LANG_ROOT . 'youngsters'; ?>">Youngsters</a>
            </span>
        </li>
    </ul>
</div>
<div class="b">
    <div class="image_holder">
        <img src="<?php echo IMAGE_ROOT; ?>temp/about.jpg"  data-large="<?php echo IMAGE_ROOT; ?>temp/about.jpg" data-small="<?php echo IMAGE_ROOT; ?>temp/about_small.jpg" alt="horses" class="resp" />
    </div>
</div>