99 lines
3.9 KiB
HTML
99 lines
3.9 KiB
HTML
---
|
||
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 top-60">
|
||
|
||
<div class="medium-4 columns">
|
||
<a href="{{ site.url }}/design/portfolio/"><img src="{{ site.url }}/assets/img/unsplash_1-303x182.jpg" alt=""></a>
|
||
<h2>Showcase Your Work</h2>
|
||
<p>
|
||
<em>Feeling Responsive</em> supports you with layouts to present your favorite and actual work. With the gallery- and portfolio-template you can show off your work as a designer, programmer, photographer or artist.
|
||
</p>
|
||
|
||
<p><a class="button tiny radius" href="{{ site.url }}/design/portfolio/">More ›</a></p>
|
||
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
|
||
<div class="medium-4 columns">
|
||
<a href="{{ site.url }}/about/"><img src="{{ site.url }}/assets/img/unsplash_8-303x182.jpg" alt=""></a>
|
||
|
||
<h2>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/">More ›</a></p>
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
|
||
<div class="medium-4 columns">
|
||
<a href="{{ site.url }}/blog/"><img src="{{ site.url }}/assets/img/unsplash_4-303x182.jpg" alt=""></a>
|
||
<h2>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/">More ›</a></p>
|
||
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
</div><!-- /.row -->
|
||
|
||
|
||
<div class="row top-60 bottom-15 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 src="{{ site.url }}/assets/img/{{ 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>New Blog Articles</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>Read more ›</strong></a>
|
||
</p>
|
||
{% endfor %}
|
||
</div><!-- /.medium-5.columns -->
|
||
|
||
|
||
<div class="medium-6 columns">
|
||
<p><strong>More Articles</strong></p>
|
||
{% include blog-entries.html entries='3' offset='1' %}
|
||
</div><!-- /.medium-7.columns -->
|
||
</div><!-- /.row -->
|
||
|