timbjames.github.com/portfolio.html at master · timbjames/timbjames.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
---
layout: layout
title: tim james portfolio
---

<div class="intro-container">
    <h3 class="special-title">Portfolio</h3>
    <p>These are some examples of my work with Kingfisher Systems Ltd and Freelance.</p>
</div>

<div id="filters">
    <ul class="breadcrumb">
        <li><a href="#" data-filter="*">All</a> <span class="divider">/</span></li>
        <li><a href="#" data-filter=".kingfisher">Kingfisher Systems</a> <span class="divider">/</span></li>
        <li><a href="#" data-filter=".freelance">Freelance</a></li>
    </ul>
</div>

<div class="portfolio-margin">

    <div id="portfolio-container" style="position: relative; overflow: hidden; height: 1194px;" class="isotope">

        {% for post in site.categories.portfolio limit:10 %}

        <div class="portfolio portfolio-main {{ post.portfolio_tag }} isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1;">

            <div class="portfolio-image">

                <a href="{{ post.image_url }}" rel="prettyPhoto" title="{{ post.image_alt }}"><img src="{{ post.image_url }}" alt="#" /></a>
                <div class="portfolio-zoom"><i class="icon-zoom-in icon-large"></i></div>
                <div class="portfolio-caption">
                    <h5><a href="{{ post.url | remove:'.html' }}">Wilsons Timed Auction</a></h5>
                    <p><a href="#">Kingfisher Systems</a></p>
                </div>

            </div>

            <div class="portfolio-description">
                {{ post.content | split:'<!--excerpt-->' | first }}
            </div>

        </div>

        {% endfor %}

    </div>

</div>