websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity
This repository has been archived on 2021-01-06. You can view files and clone it, but cannot push or open issues or pull requests.
dennogumi.org-archive/_site/portfolio/index.html
Moritz »mo.« Sauer e5d20c0faf Init Jekyll Theme
2014-08-20 20:33:40 +02:00

410 lines
No EOL
10 KiB
HTML
Raw Blame History

<!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">&#59231;</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 &amp; 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">&#9654;</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">&#62217;</a></li>
<li><a href="http://www.facebook.com/phlow.media" target="_blank" id="social-facebook" class="entypo-social" title="Lass uns Freunde sein!">&#62220;</a></li>
<li><a href="http://soundcloud.com/phlow" target="_blank" id="social-soundcloud" class="entypo-social" title="Sounds und Downloads und mehr">&#62280;</a></li>
<li><a href="http://github.com/phlow" target="_blank" id="social-github" class="entypo-social" title="Code und mehr...">&#62208;</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...">&#62253;</a></li>
<li><a href="http://www.pinterest.com/phlowmedia/" target="_blank" id="social-pinterest" class="entypo-social" title="Bilder, Fotos, Illustrationen, Grafiken sammeln...">&#62227;</a></li>
<li><a href="http://www.mixcloud.com/phlow/" target="_blank" id="social-mixcloud" class="entypo" title="Mixe, was sonst?">&#9729;</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>
View git blame Copy permalink