index.html | searchcode

/app/metalsmith-dist/blog/index.html

https://gitlab.com/joostl/gulpax
HTML | 126 lines | 100 code | 12 blank | 14 comment | 0 complexity | 0a25d4a8c20c3502bf0a625af7b50681 MD5 | raw file

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Blog</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="/images/touch/chrome-touch-icon-192x192.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Web Starter Kit">
    <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="/images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">

    <!-- styles/main.css is where we initially write all your CSS and then overwrite it with your critical path CSS. Your site-wide styles are in styles/site.css, which we async load in via JavaScript lower down in the page  -->
        <link rel="stylesheet" href="/styles/main.css">

    <!-- build:js /scripts/main.min.js async defer -->
    <script src="/bower_components/jquery/dist/jquery.js"></script>
    <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="/scripts/main.js"></script>
    <!-- endbuild -->

    <!-- Async load Base64 fonts CSS and store in browser localStorage. DO NOT include in build: tags above -->
    <script src="/scripts/fontloader.js"></script>

    <!-- Async load cross-site CSS, mostly interesting for production. DO NOT include in build: tags above -->
    <script>
    function loadCSS(e,t,n){'use strict';var i=window.document.createElement('link');var o=t||window.document.getElementsByTagName('script')[0];i.rel='stylesheet';i.href=e;i.media='only x';o.parentNode.insertBefore(i,o);setTimeout(function(){i.media=n||'all';});}
    loadCSS('/styles/site.css');
    </script>

</head>
<body>
    <div class="main-wrapper">
        <div class="container">
            <main>
<h2>Blog</h2>

<article>
    <ul>
            <li>
                <h3>Later second Post</h3>
                <article>&lt;p&gt;This is an amazing blogpost as well!&lt;/p&gt;
</article>
            </li>
            <li>
                <h3>First Post</h3>
                <article>&lt;p&gt;This is an amazing blogpost!&lt;/p&gt;
</article>
            </li>
    </ul>
</article>

      </main>
			<hr>
        		<footer>
        			 <small>Built with love by <span itemscope itemtype="http://schema.org/Person">
  					     <span itemprop="name">Joost van der Laan</span> <a href="https://twitter.com/javdl" target="_blank">@javdl</a>
  					     </span>
               </small>
				    </footer>
			   </div> 
   		</div> 
   		 <!-- Fixed navbar -->
   		    <div class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
   		      <div class="container">
   		        <div class="navbar-header">
   		          <button type="button" class="navbar-toggle " data-toggle="collapse" data-target=".navbar-collapse">
   		            <span class="sr-only">Toggle navigation</span>
   		            <span class="icon-bar"></span>
   		            <span class="icon-bar"></span>
   		            <span class="icon-bar"></span>
   		          </button>
   		          <!-- <a href="#" class="toggle-panel"><i class="fa fa-bars"></i></a> -->
   		          <a class="navbar-brand" href="/">
   		            <!-- <img src="/images/logo.png" width="155" height="13" title="Logo" alt="Logo"> -->
   		            Logo
   		          </a>
   		        </div>
   		        <div class="navbar-collapse collapse">
   		          <ul class="nav navbar-nav">
   		                <li><a href="/">Home</a></li>
   		                <li><a href="/markdown">Markdown</a></li>
   		                <li><a href="/blog">Blog</a></li>
   		            
   		            <li class="dropdown">
   		              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Styleguide <span class="caret"></span></a>
   		              <ul class="dropdown-menu" role="menu">
   		                <li class="dropdown-header">Bootstrap 3</li>
   		                <li><a href="/styleguide-bootstrap">CSS</a></li>
   		                <li><a href="/styleguide-bootstrap-components">Components</a></li>
   		                
   		                <li class="divider"></li>
   		                <li class="dropdown-header">Bootstrap 3 Custom Onepage</li>
   		                <li><a href="/styleguide-bootstrap-onepage">Onepage</a></li>
   		              </ul>
   		            </li>
   		            <li class="dropdown">
   		              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Templates <span class="caret"></span></a>
   		              <ul class="dropdown-menu" role="menu">
   		                <li class="dropdown-header">News site</li>
   		                <li><a href="/template-home">4-column home</a></li>
   		                <li><a href="/template-article">3-column article</a></li>
   		              </ul>
   		            </li>
   		            <!--
   		<input type="search" placeholder="Search...">
   		-->
   		          </ul>
   		          <ul class="nav navbar-nav navbar-right">
   		            <li><a href="#">Login</a></li>
   		          </ul>
   		        </div><!--/.nav-collapse -->
   		      </div>
   		    </div>    </body>
</html>