---
layout: default
format: blog-index
title: "Feeling Responsive – A Jekyll Theme Based On Foundation"
image:
    header: "header_unsplash_12.jpg"
---
<div id="header-home">
    <div class="row">
        <div class="small-12 columns">
        </div><!-- /.medium-4.columns -->
    </div><!-- /.row -->
</div><!-- /#header-home -->


<div class="row t60">

    <div class="medium-4 columns">
    	<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/images/unsplash_9-302x182.jpg" width="302" height="182" alt=""></a>
        <h2 class="font-size-h3">{{ site.data.language.blog }}</h2>
    	<p>
    		Every good portfolio website has a blog with fresh news, thoughts and developments of your activities. <em>Feeling Responsive</em> offers you a fully functional blog, too. With an <a href="{{ site.url }}/blog/archive/">archive page</a> to give readers a quick overview of all your posts.
    	</p>
        
        <p><a class="button tiny radius" href="{{ site.url }}/blog/">{{ site.data.language.more }}</a></p>

    </div><!-- /.medium-4.columns -->


    <div class="medium-4 columns">
        <a href="{{ site.url }}/about/"><img src="{{ site.url }}/images/unsplash_8-302x182.jpg" width="302" height="182" alt=""></a>
        
        <h2 class="font-size-h3">Why use this theme?</h2>

        <p>
            <em>Feeling Responsive</em> is heavily built on <a href="http://foundation.zurb.com/">Foundation</a>, the fabulous responsive webdesign framework by Zurb. It supports a 12-column grid, persuades you with beautiful <a href="{{ site.url }}/design/typography/">typography</a> and is heavily optimized for speed.
        </p>

        <p><a class="button tiny radius" href="{{ site.url }}/about/">{{ site.data.language.more }}</a></p>
    </div><!-- /.medium-4.columns -->


    <div class="medium-4 columns">
        <a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/images/github-303x182.jpg" width="303" height="182" alt=""></a>
        <h2 class="font-size-h3">Download Theme</h2>
        <p>
            <em>Feeling Responsive</em> is totally free and licensed under the MIT License. You can make it your own and do with it what you want. Grab your copy or clone it at GitHub and start your website with it. Then tell me via <a href="http://twitter.com/phlow">Twitter @phlow</a>.
        </p>

        <p><a class="button tiny radius" href="https://github.com/Phlow/feeling-responsive/">Download @ GitHub ›</a></p>

    </div><!-- /.medium-4.columns -->

</div><!-- /.row -->


<div class="row t50 b20 homepage">
    <div class="small-12 columns">
        {% for post in site.posts limit:1 %}
            {% if post.image.homepage %}
                <p>
                    <a href="{{ site.url }}{{ post.url }}" title="{{ post.title escape_once }}"><img width="970" src="{{ site.url }}/images/{{ post.image.homepage }}" alt="{{ page.title escape_once }}"></a>
                </p>

                {% if post.image.url && post.image.credit %}
                    <p class="text-right caption">
                        <a href="{{ post.image.url }}">{{ post.image.credit }}</a>
                    </p>
                {% endif %}
            {% elsif post.image.homepage == NULL %}
                <h2>{{ site.data.language.new_blog_entries }}</h2>
            {% endif %}
        {% endfor %}
    </div><!-- /.small-12.columns -->
</div><!-- /.row -->




<div class="row">
    <div class="medium-6 columns">
        {% for post in site.posts limit:1 %}
            <p class="subheadline">{% if post.subheadline %}{{ post.subheadline }}{% endif %}</p>
            <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>

            <p>
            {% if post.meta_description %}{{ post.meta_description | strip_html | escape }}{% elsif post.description %}{{ post.description | strip_html | escape }}{% endif %}
            <a href="{{ site.url }}{{ post.url }}" title="Read {{ post.title escape_once }}"><strong>{{ site.data.language.read_more }}</strong></a>
            </p>
        {% endfor %}
    </div><!-- /.medium-5.columns -->


    <div class="medium-6 columns">
        <p><strong>{{ site.data.language.more_articles }}</strong></p>
        {% include list-posts.html entries='3' offset='1' %}
    </div><!-- /.medium-7.columns -->
</div><!-- /.row -->