index.html

---
layout: default
---

<div class="home">
<!-- Intro -->
    <section class="intro">
        <div class="row intro">
            <div class="col-xs-12">
                <h1 class="nameintro">  <strong>Justin Farrugia</strong> </h1>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <p>
                    I’m a designer, I like to dabble in code and want to help people. I'm currently looking for mentors to further my learning. Learn more about me <a href="/about.html">here</a>.
                </p>
                <a class="email" href="mailto:justinmfarrugia@gmail.com">justinmfarrugia@gmail.com</a>
                <!-- <span class="caption">You can also use this <a href="/contact">contact form.</a></span> -->
            </div>
        </div>
    </section>
<!-- Post List -->
</div>

</div> <!-- Close Wrapper -->

    <section class="work ">
        <div class="post">
            <ul class="post-list">
                <!-- ============================================= -->
                {% for post in site.categories.work %}
                <li class="project">
                    <div class="row" style="background-color: {{ post.color }}; color: white; overflow-y: hidden;">
                        <div class="wrapper">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 post-desc">
                                    <div class="post-description">
                                        <ul class="tags">
                                            {% for tag in post.tags %}
                                            <li class="tag">{{ tag }}</li>
                                            {% endfor %}
                                        </ul>
                                        <h2 class="title" style="color: {{ post.title--color }};"><strong>{{ post.title }}</strong></h2>
                                        <p style="color: {{ post.postdesc--color }} white;">{{ post.description }}</p>
                                        <!-- Read More -->
                                        {% if post.status %}
                                        <p style="color: #191d1f; opacity: 0.6;">{{ post.status }}</p>
                                        {% elsif post.link %}
                                        <a class="readmore" href="{{ post.link }}">{{ post.linkdesc }}</a> {% else %}
                                        <a class="readmore" href="{{ post.url | prepend: site.baseurl }}">Read Case Study </a> {% endif %}
                                        <!--  {% case condition %}
                                            {% when post.status == true %}
                                            <p style="color: #191d1f; opacity: 0.6;">{{ post.status }}</p>
                                            {% when post.link == true  %}
                                            <a href="{{ post.link }}" style="color: #191d1f; opacity: 0.6;">{{ post.status }}</a>
                                            {% else %}
                                            <a class="readmore" href="{{ post.url | prepend: site.baseurl }}" style="color: #191d1f; opacity: 0.6;">Read Case Study </a>
                                        {% endcase %} -->
                                    </div>
                                </div>
                                <!-- Image -->
                                <div class="offset-md-1 col-lg-5 col-md-5 col-sm-5 col-xs-12 post-image">
                                    <a href="{{ post.url | prepend: site.baseurl }}"><img src="/img/{{ post.image }}" alt="Preview of project" style="margin: 0; transform: {{ post.style }};">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                {% endfor %}
            </ul>
        </div>
    </section>