385 lines
No EOL
9.8 KiB
HTML
385 lines
No EOL
9.8 KiB
HTML
<!doctype html>
|
||
<html class="no-js" lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>About</title>
|
||
<link rel="stylesheet" href="http://localhost:4000/assets/css/style.min.css">
|
||
<script src="http://localhost:4000/assets/js/modernizr.min.js"></script>
|
||
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic%7cVolkhov:400,700' rel='stylesheet' type='text/css'>
|
||
|
||
<meta name="google-site-verification" content="" />
|
||
|
||
|
||
<link rel="author" href="https://plus.google.com/u/0/118311555303973066167"/>
|
||
|
||
|
||
<link rel="shortcut icon" href="http://images.phlow.de/phlow/phlow-favicon-32x.png" type="image/png" />
|
||
<link rel="icon" href="http://images.phlow.de/phlow/phlow-favicon-32x.png" type="image/png" />
|
||
|
||
</head>
|
||
<body>
|
||
|
||
|
||
<div id="masthead-no-image-header">
|
||
<div class="row">
|
||
<div class="small-12 columns">
|
||
<a id="logo" href="http://localhost:4000" title="Feeling Responsive">
|
||
<img src="http://localhost:4000/assets/img/logo.png" alt="Feeling Responsive">
|
||
</a>
|
||
</div><!-- /.small-12.columns -->
|
||
</div><!-- /.row -->
|
||
</div><!-- /#masthead -->
|
||
|
||
|
||
|
||
|
||
|
||
<div id="navigation" class="contain-to-grid sticky">
|
||
<nav class="top-bar" data-topbar>
|
||
<ul class="title-area">
|
||
<li class="name"></li>
|
||
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
|
||
<li class="toggle-topbar menu-icon"><a href="#"><span>Navigation</span></a></li>
|
||
</ul>
|
||
<section class="top-bar-section">
|
||
|
||
<ul class="right">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="divider"></li>
|
||
<li><a href="http://phlow.de/kontakt/" target="_blank">Contact</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
<ul class="left">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/index.html">Start</a></li>
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="has-dropdown">
|
||
<a href="http://localhost:4000/design/style-guide/">Style your content</a>
|
||
|
||
<ul class="dropdown">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/design/elements/">Style Your Posts</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/design/grid/">The Grid</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/blog/">Blog-Page</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/design/post/">Post-Layout</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/design/post-left-sidebar/">Post-Left-Sidebar</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/design/post-right-sidebar/">Post-Right-Sidebar</a></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/typography/">Typography</a></li>
|
||
|
||
</ul>
|
||
|
||
</li>
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/documentation/">Documentation</a></li>
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/blog/">Blog</a></li>
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li><a href="http://localhost:4000/changelog/">Changelog</a></li>
|
||
<li class="divider"></li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
</section>
|
||
</nav>
|
||
</div><!-- /#navigation -->
|
||
|
||
|
||
|
||
|
||
<div class="row top-30">
|
||
<div class="medium-offset-2 medium-8 end columns">
|
||
|
||
<article>
|
||
<header>
|
||
<p class="subtitle">Why another Jekyll template?</p>
|
||
<h1>About</h1>
|
||
</header>
|
||
|
||
|
||
<p class="teaser">
|
||
Since years I am programming and designing websites, love to work with open source tools and learn via code from others. I wanted to try to give something back...
|
||
</p>
|
||
|
||
|
||
<p>…and learn at the same time.</p>
|
||
|
||
<p><em>Feeling Responsive</em> is my first theme and let into the world. It’s built on work and knowledge of others. While I am still programming it, you read about whats behind this theme in the – hopefully – near future.</p>
|
||
|
||
<p>Since then, fork it!</p>
|
||
|
||
<p>Yours sincerelly, Moritz »mo.« Sauer</p>
|
||
|
||
</article>
|
||
|
||
</div><!-- /.medium-8.columns -->
|
||
</div><!-- /.row -->
|
||
|
||
|
||
|
||
|
||
<footer id="footer-content" class="bg-grau">
|
||
<div id="footer">
|
||
<div class="row">
|
||
<div class="medium-6 large-5 columns">
|
||
<h5 class="black-shadow">About this Website</h5>
|
||
|
||
<p class="black-shadow">
|
||
»Feeling Responsive« is a responsive theme based on the fantastic foundation framework with beautiful typography and a bright color palette.
|
||
</p>
|
||
</div><!-- /.large-6.columns -->
|
||
|
||
|
||
<div class="small-6 medium-3 large-3 large-offset-1 columns">
|
||
<aside>
|
||
<div class="textwidget">
|
||
<h5 class="black-shadow">Services</h5>
|
||
<ul class="no-bullet black-shadow">
|
||
<li><a href="contact.html">Contact</a></li>
|
||
<li class="rss-link"><a href="http://localhost:4000/feed.xml">RSS</a></li>
|
||
<li class="sitemap-link"><a href="http://localhost:4000/sitemap.xml">Sitemap.xml</a></li>
|
||
</ul>
|
||
</div>
|
||
</aside>
|
||
</div><!-- /.large-4.columns -->
|
||
|
||
|
||
<div class="small-6 medium-3 large-3 columns">
|
||
<h5 class="black-shadow">Thank You!</h5>
|
||
<ul class="no-bullet black-shadow">
|
||
<li><a href="http://entypo.com/">Icons by Daniel Bruce</a></li>
|
||
<li><a href="http://foundation.zurb.com/">Built on Foundation</a></li>
|
||
<li><a href="http://unsplash.com/">Images by Unsplash</a></li>
|
||
<li><a href="http://srobbin.com/jquery-plugins/backstretch/">Using Backstretch by Scott Robbin</a></li>
|
||
</ul>
|
||
</div><!-- /.large-3.columns -->
|
||
</div><!-- /.row -->
|
||
|
||
<div class="row">
|
||
<div class="small-12 columns" style="text-align: right;">
|
||
<a class="entypo entypo-48" href="#masthead"></a>
|
||
</div><!-- /.small-12.columns -->
|
||
</div><!-- /.row -->
|
||
|
||
</div><!-- /#footer -->
|
||
|
||
|
||
<div id="subfooter">
|
||
<nav class="row">
|
||
<section id="subfooter-left" class="bottom-30 small-12 medium-6 columns">
|
||
<ul class="inline-list">
|
||
<li><a href="http://localhost:4000/about/">About</a></li>
|
||
<li><a href="http://phlow.de/webdesign/">Theme & Webdesign by Phlow</a></li>
|
||
</ul>
|
||
</section>
|
||
|
||
<section id="subfooter-right" class="small-12 medium-6 columns social-icons">
|
||
<ul class="inline-list">
|
||
|
||
<li><a href="http://www.youtube.com/PhlowMedia" target="_blank" id="social-youtube" class="entypo" title="Videos, Video-Anleitungen und Filme von Phlow auf YouTube">▶</a></li>
|
||
|
||
<li><a href="http://twitter.com/phlow" target="_blank" id="social-twitter" class="entypo-social" title="Immer das Neuste von Phlow gibt es auf Twitter"></a></li>
|
||
|
||
<li><a href="http://www.facebook.com/phlow.media" target="_blank" id="social-facebook" class="entypo-social" title="Lass uns Freunde sein!"></a></li>
|
||
|
||
<li><a href="http://soundcloud.com/phlow" target="_blank" id="social-soundcloud" class="entypo-social" title="Sounds und Downloads und mehr"></a></li>
|
||
|
||
<li><a href="http://github.com/phlow" target="_blank" id="social-github" class="entypo-social" title="Code und mehr..."></a></li>
|
||
|
||
<li><a href="http://instagram.com/phlowmedia" target="_blank" id="social-instagram" class="entypo-social" title="Bilder und Impressionen mit und ohne Filter..."></a></li>
|
||
|
||
<li><a href="http://www.pinterest.com/phlowmedia/" target="_blank" id="social-pinterest" class="entypo-social" title="Bilder, Fotos, Illustrationen, Grafiken sammeln..."></a></li>
|
||
|
||
<li><a href="http://www.mixcloud.com/phlow/" target="_blank" id="social-mixcloud" class="entypo" title="Mixe, was sonst?">☁</a></li>
|
||
|
||
</ul>
|
||
</section>
|
||
</nav>
|
||
</div><!-- /#subfooter -->
|
||
</footer>
|
||
|
||
|
||
<script src="http://localhost:4000/assets/js/app.min.js"></script>
|
||
|
||
<script>
|
||
$("#masthead").backstretch("http://localhost:4000/assets/img/no");
|
||
</script>
|
||
</body>
|
||
</html> |