<h1>Portfolio</h1>

<?php
$this->fancybox()->enable();
$this->fancybox()->registerFancyness('a.single_outside');
$this->fancybox()->registerFancyness('a.single_over', 'over');
?>

<p><?=$this->translate('u:PORTFOLIO_INTRO') ?></p>

<div class="center half-width">
    <table class="grid">
        <tr>
            <th>Projekt 1</th>
            <th>Projekt 2</th>
            <th>Projekt 3</th>
            <th>Projekt 4</th>
        </tr>
        <tr>
            <td>
                <a class="single_outside" href="<?=$this->baseUrl() ?>/img/avatars/Blue-Monster.png">
                    <img width="60" height="60" src="<?=$this->baseUrl() ?>/img/avatars/Blue-Monster.png" alt="Our freakishly friendly blue monster"/>
                </a>
            </td>
            <td>
                <a class="single_outside" href="<?=$this->baseUrl() ?>/img/avatars/Green-Monster.png">
                    <img width="60" height="60" src="<?=$this->baseUrl() ?>/img/avatars/Green-Monster.png" alt="Our sweet green monster"/>
                </a>
            </td>
            <td>
                <a class="single_over" href="<?=$this->baseUrl() ?>/img/avatars/Orange-Monster.png">
                    <img width="60" height="60" src="<?=$this->baseUrl() ?>/img/avatars/Orange-Monster.png" alt="&quot;Sharp as a knife&quot;-orange monster"/>
                </a>
            </td>
            <td>
                <a class="single_over" href="<?=$this->baseUrl() ?>/img/avatars/Purple-Monster.png">
                    <img width="60" height="60" src="<?=$this->baseUrl() ?>/img/avatars/Purple-Monster.png" alt="Purple &quot;fluffy&quot; monster"/>
                </a>
            </td>
        </tr>
    </table>
</div>
