mirror of
https://github.com/adulau/foo.be.git
synced 2024-09-18 11:16:20 +00:00
67 lines
3.6 KiB
HTML
67 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head class="t-purple">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Material Jekyll Theme</title>
|
|
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
|
|
">
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="canonical" href="http://yourdomain.com/">
|
|
<link rel="alternate" type="application/rss+xml" title="Alex Carpenter" href="http://yourdomain.com/feed.xml">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="c-navigation is-fixed">
|
|
<div class="c-navigation__container u-container">
|
|
<a class="c-navigation__item is-active" href="/">Home</a>
|
|
<a class="c-navigation__item " href="/articles/">Articles</a>
|
|
<a class="c-navigation__item " href="/about/">About</a>
|
|
<a class="c-navigation__item " href="/contact/">Contact</a>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<article class="c-article">
|
|
<header class="c-header c-article__header">
|
|
<div class="u-container">
|
|
<h1 class="c-header__title">Material Jekyll Theme</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="c-article__main">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis <a href="http://alexcarpenter.me">nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<h2 id="heading-level-2">Heading Level 2</h2>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
<figure class="highlight"><pre><code class="language-scss" data-lang="scss"> <span class="nc">.header</span> <span class="p">{</span>
|
|
<span class="nl">font-size</span><span class="p">:</span> <span class="m">100px</span><span class="p">;</span>
|
|
<span class="p">}</span></code></pre></figure>
|
|
|
|
<h3 id="heading-level-3">Heading Level 3</h3>
|
|
|
|
<blockquote>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
|
|
</blockquote>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
|
|
</div>
|
|
</article>
|
|
|
|
|
|
<footer class="c-footer">
|
|
<div class="u-container">
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|