410 lines
No EOL
10 KiB
HTML
410 lines
No EOL
10 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>Show your beautiful work!</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="small-12 columns">
|
|
<img src="http://localhost:4000/assets/img/unsplash_5.jpg" width="970" alt="Show your beautiful work!">
|
|
</div><!-- /.small-12.columns -->
|
|
</div><!-- /.row -->
|
|
|
|
|
|
<div class="row top-30">
|
|
<div class="medium-offset-2 medium-8 end columns">
|
|
|
|
<article>
|
|
<header>
|
|
<p class="subtitle">Portfolio Template</p>
|
|
<h1>Show your beautiful work!</h1>
|
|
</header>
|
|
|
|
|
|
<p class="teaser">
|
|
This is the portfolio template
|
|
</p>
|
|
|
|
|
|
<div class="row top-30">
|
|
<div class="medium-6 columns">
|
|
<img src="http://localhost:4000/assets/img/screenshot_website_moritz-mo-sauer_500x.jpg" alt="" />
|
|
</div><!-- /.medium-6.columns -->
|
|
|
|
<div class="medium-6 columns">
|
|
<img src="http://localhost:4000/assets/img/screenshot_website_jcorneille_500x.jpg" alt="" />
|
|
</div><!-- /.medium-6.columns -->
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
<div class="row top-30">
|
|
<div class="medium-4 columns">
|
|
<img src="http://localhost:4000/assets/img/screenshot_website_stilwandel_500x.jpg" alt="" />
|
|
</div><!-- /.medium-4.columns -->
|
|
|
|
<div class="medium-4 columns">
|
|
<img src="http://localhost:4000/assets/img/screenshot_website_seminare_500x.jpg" alt="" />
|
|
</div><!-- /.medium-4.columns -->
|
|
|
|
<div class="medium-4 columns">
|
|
<img src="http://localhost:4000/assets/img/screenshot_website_nixdorf_500x.jpg" alt="" />
|
|
</div><!-- /.medium-4.columns -->
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
|
|
</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> |