New Project

404.html

+---
+layout: layout
+title: "Not Found"
+---
+
+<section class="content">
+  <h1>Not Found</h1>
+
+  <p>Sorry! Couldn't find that page. Bummer.</p>
+</section>
\ No newline at end of file

Gemfile

+source "https://rubygems.org/"
+    
+gem "json"
+gem "json_pure"
+gem "colorator"
+gem "ffi"
+gem "jekyll" 
+gem "jekyll-sass-converter"
+gem "jekyll-watch" 
+gem "kramdown" 
+gem "liquid" 
+gem "mercenary" 
+gem "rouge" 
+gem "safe_yaml" 
+gem "sass" 
+gem "jekyll-sitemap" 
+gem "listen" 
+gem "rb-fsevent" 
+gem "rb-inotify"

Gemfile.lock

+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.5.1)
+      public_suffix (~> 2.0, >= 2.0.2)
+    colorator (1.1.0)
+    ffi (1.9.18)
+    forwardable-extended (2.6.0)
+    jekyll (3.5.0)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (~> 1.7)
+      safe_yaml (~> 1.0)
+    jekyll-sass-converter (1.5.0)
+      sass (~> 3.4)
+    jekyll-sitemap (1.1.1)
+      jekyll (~> 3.3)
+    jekyll-watch (1.5.0)
+      listen (~> 3.0, < 3.1)
+    json (2.0.2)
+    json_pure (1.8.3)
+    kramdown (1.13.2)
+    liquid (4.0.0)
+    listen (3.0.8)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    mercenary (0.3.6)
+    pathutil (0.14.0)
+      forwardable-extended (~> 2.6)
+    public_suffix (2.0.5)
+    rb-fsevent (0.9.8)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
+    rouge (1.11.1)
+    safe_yaml (1.0.4)
+    sass (3.4.24)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  colorator
+  ffi
+  jekyll
+  jekyll-sass-converter
+  jekyll-sitemap
+  jekyll-watch
+  json
+  json_pure
+  kramdown
+  liquid
+  listen
+  mercenary
+  rb-fsevent
+  rb-inotify
+  rouge
+  safe_yaml
+  sass
+
+BUNDLED WITH
+   1.15.1

_config.yml

+#Name of the site
+name: ORNL Enterprise Architecture Reference
+
+#Short description
+description: The reference site for ITSD Enterprise Architecture Documentation
+
+markdown: kramdown
+
+plugins:
+  - jekyll-sitemap

_includes/breadcrumbs.html

+
+<ol class="breadcrumb">
+  <li><a href="{{ site.baseurl }}/">Home</a></li>
+  {% capture page_url_without_index_html %}{{ page.url | remove: "/index.html" }}{% endcapture %}
+  {% assign splitted_url_parts = page_url_without_index_html | split: '/' %}
+  {% capture forLoopMaxInt %}{{ splitted_url_parts.size | minus:1 }}{% endcapture %}
+  {% for i in (1..forLoopMaxInt) %}
+  {% capture current_breadcrumb_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/index.html{% endcapture %}
+  {% capture current_breadcrumb_md_url %}{{next_prepender}}/{{ splitted_url_parts[i] }}/{% endcapture %}
+  {% capture next_prepender %}{{next_prepender}}/{{ splitted_url_parts[i] }}{% endcapture %}
+  {% for breadcrumb_page in site.pages %}
+
+  {% if current_breadcrumb_url == breadcrumb_page.url or
+  current_breadcrumb_md_url == breadcrumb_page.url %}
+  {% capture breadcrumb_page_page_url_without_index_html %}{{ breadcrumb_page.url | remove: "index.html" }}{% endcapture %}
+  {% assign j = forLoopMaxInt | plus: 0 %}
+  <li {% if i == j %}class="active"{% endif %}>
+    <a href="{{ site.baseurl }}{{breadcrumb_page_page_url_without_index_html}}">{{breadcrumb_page.breadcrumb}}</a>
+  </li>
+  {% endif %}
+  {% endfor %}
+  {% endfor %}
+</ol>
+

_includes/footer.html

+<section class="footer">
+
+    <ul class="menu">
+
+        <li><a href="https://www.ornl.gov/ornl/contact-us/Security--Privacy-Notice">Privacy</a></li>
+        <li><a href="https://www.ornl.gov/content/accessibility">Accessibility</a></li>
+        <li><a href="https://www.ornl.gov/content/contact-us">Contact Us</a></li>
+        <li><a href="https://www.ornl.gov">ORNL Home Page</a></li>
+    </ul>
+  <section class="infoclassification">
+  	{{ site.data.ornlinfo.classification }}
+  <section>
+  <section class="pagestatus">
+     {{ page.pagestatus }}
+  </section>
+</section>
+
+    <script src="{{ site.url }}/js/vendor/jquery.js"></script>
+    <script src="{{ site.url }}/js/vendor/what-input.js"></script>
+    <script src="{{ site.url }}/js/vendor/foundation.min.js"></script>
+    <script src="{{ site.url }}/js/app.js"></script>

_includes/head.html

+<head>
+  <meta charset="utf-8">
+  <title>
+    {% if page.title %}
+      {{ page.title }} &ndash;
+    {% endif %}
+    {{ site.name }}
+  </title>
+
+  <link rel="alternate" type="application/rss+xml" href="/atom.xml" />
+
+  <link rel="stylesheet" href="{{ site.url }}/css/foundation.min.css" type="text/css" media="screen, projection" />
+  <link rel="stylesheet" href="{{ site.url }}/css/app.css" type="text/css" media="screen, projection" />
+  <link media="only screen and (max-device-width: 480px)" href="{{ site.github.url }}/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link media="only screen and (device-width: 768px)" href="{{ site.github.url }}/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link rel="apple-touch-icon" href="{{ site.github.url }}/apple-touch-icon.png" />
+
+  <script type="text/javascript" src="{{ site.github.url }}/js/application.js"></script>
+
+  <link rel="stylesheet" href="{{ site.url }}/css/syntax.css" type="text/css" media="screen, projection" />
+</head>

_includes/header.html

+<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
+  <button class="menu-icon" type="button" data-toggle></button>
+  <div class="title-bar-title">Menu</div>
+</div>
+
+<div class="top-bar-left">
+  <a href="/" aria-label="Avatar">
+    <img src="/images/ornl-logo.png" height="105px" width="280px" class="avatar" />
+  </a>
+</div>
+
+<div class="top-bar" id="example-menu">
+
+  {% include navbar.html %}
+
+</div>
+

_includes/navbar.html

+
+
+
+  <div class="top-bar-right">
+    <ul class="dropdown menu" data-dropdown-menu>
+    <!--<ul class="vertical medium-horizonal menu">-->
+
+    <!--<li><a href="/about.html">About</a></li>
+      <li><a href="/projects.html">Projects</a></li>
+      <li><a href="/blog.html">Blog</a></li>
+      <li><a href="/contact.html">Contact</a></li>-->
+
+      {% assign navigation_pages = site.html_pages | sort: 'navigation_weight' %}
+      {% for p in navigation_pages %}
+      {% if p.navigation_weight %}
+      <li>
+        <a href="{{ p.url }}" {% if p.url == page.url %}class="active"{% endif %}>
+          {{ p.title }}
+        </a>
+      </li>
+      {% endif %}
+      {% endfor %}
+    </ul>
+  </div>
+

_includes/sidebar.html

+
+  <section id="article">
+    <h3>Related Links</h3>
+    <ul>
+      <li><a href="#">Test link</a></li>
+      <li><a href="#">Related link</a></li>
+      <li><a href="#">Another type of link</a></li>
+      </ul>
+   </section>
+
+

_layouts/layout.html

+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+{% include head.html %}
+<body>
+  <div class="container">
+
+    <div class="row expanded header-section">
+      <div class="medium-12 columns">
+          <div class="row align-justify align-middle">
+              {% include header.html %}
+    </div>
+    </div>
+    </div>
+
+      <div class="row">
+          <div class="medium-12 columns">
+              {% include breadcrumbs.html %}
+          </div>
+          </div>
+      </div>
+
+
+    <div class="row content-section">
+      <div class="small-12 medium-9 columns">
+  {{ content }}
+        </div>
+      <div class="medium-3 columns">
+        {% include sidebar.html %}
+
+      </div>
+
+      </div>
+    <div class="row expanded footer-section">
+      <div class="medium-12 columns">
+        <div class="row align-justify align-middle">
+    {% include footer.html %}
+          </div>
+        </div>
+      </div>
+    </div>
+
+</body>
+</html>

_layouts/page.html

+---
+layout: layout
+---
+
+<section class="content">
+  <h1>{{ page.title }}
+  </h1>
+
+  {{ content }}
+</section>
\ No newline at end of file

_layouts/post.html

+---
+layout: layout
+excerpt_separator: <!--more-->
+---
+
+<section class="content">
+  <h1>
+    <a href="{{ page.url }}">{{ page.title }}</a>
+  </h1>
+
+  <section class="byline">
+    {{ page.date | date: "%B %e, %Y" }}
+  </section>
+
+  {{ content }}
+
+  <!-- TODO: bio here -->
+  <section class="meta">
+    <h3>Discussion, links, and tweets</h3>
+    <section class="copy">
+      <a href="https://twitter.com/{{ site.twitter }}" target="_blank">
+        <img src="{{ site.github.owner_gravatar_url }}?s=142" height="50" width="50" />
+      </a>
+
+      <p>
+        I'm a developer at ORNL. <a href="https://twitter.com/{{ site.twitter }}" target="_blank">Follow me on Twitter</a>.
+      </p>
+
+      <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="{{ site.twitter }}">Tweet</a>
+      <a href="http://twitter.com/{{ site.twitter }}" class="twitter-follow-button" data-show-count="false">Follow @{{ site.twitter }}</a>
+      <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
+    </section>
+  </section>
+</section>
\ No newline at end of file

_site/404.html

+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+<head>
+  <meta charset="utf-8">
+  <title>
+    
+      Not Found &ndash;
+    
+    ORNL Enterprise Architecture Reference
+  </title>
+
+  <link rel="alternate" type="application/rss+xml" href="/atom.xml" />
+
+  <link rel="stylesheet" href="http://localhost:4000/css/foundation.min.css" type="text/css" media="screen, projection" />
+  <link rel="stylesheet" href="http://localhost:4000/css/app.css" type="text/css" media="screen, projection" />
+  <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link media="only screen and (device-width: 768px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+
+  <script type="text/javascript" src="/js/application.js"></script>
+
+  <link rel="stylesheet" href="http://localhost:4000/css/syntax.css" type="text/css" media="screen, projection" />
+</head>
+
+<body>
+  <div class="container">
+
+    <div class="row expanded header-section">
+      <div class="medium-12 columns">
+          <div class="row align-justify align-middle">
+              <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
+  <button class="menu-icon" type="button" data-toggle></button>
+  <div class="title-bar-title">Menu</div>
+</div>
+
+<div class="top-bar-left">
+  <a href="/" aria-label="Avatar">
+    <img src="/images/ornl-logo.png" height="105px" width="280px" class="avatar" />
+  </a>
+</div>
+
+<div class="top-bar" id="example-menu">
+
+  
+
+
+  <div class="top-bar-right">
+    <ul class="dropdown menu" data-dropdown-menu>
+    <!--<ul class="vertical medium-horizonal menu">-->
+
+    <!--<li><a href="/about.html">About</a></li>
+      <li><a href="/projects.html">Projects</a></li>
+      <li><a href="/blog.html">Blog</a></li>
+      <li><a href="/contact.html">Contact</a></li>-->
+
+      
+      
+      
+      
+      
+      <li>
+        <a href="/" >
+          Gitlab Pages Demo
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/about/" >
+          About
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/contact.html" >
+          Contact Us
+        </a>
+      </li>
+      
+      
+    </ul>
+  </div>
+
+
+
+</div>
+
+
+    </div>
+    </div>
+    </div>
+
+      <div class="row">
+          <div class="medium-12 columns">
+              
+<ol class="breadcrumb">
+  <li><a href="/">Home</a></li>
+  
+  
+  
+  
+  
+  
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+  
+</ol>
+
+
+          </div>
+          </div>
+      </div>
+
+
+    <div class="row content-section">
+      <div class="small-12 medium-9 columns">
+  <section class="content">
+  <h1>Not Found</h1>
+
+  <p>Sorry! Couldn't find that page. Bummer.</p>
+</section>
+        </div>
+      <div class="medium-3 columns">
+        
+  <section id="article">
+    <h3>Related Links</h3>
+    <ul>
+      <li><a href="#">Test link</a></li>
+      <li><a href="#">Related link</a></li>
+      <li><a href="#">Another type of link</a></li>
+      </ul>
+   </section>
+
+
+
+
+      </div>
+
+      </div>
+    <div class="row expanded footer-section">
+      <div class="medium-12 columns">
+        <div class="row align-justify align-middle">
+    <section class="footer">
+
+    <ul class="menu">
+
+        <li><a href="https://www.ornl.gov/ornl/contact-us/Security--Privacy-Notice">Privacy</a></li>
+        <li><a href="https://www.ornl.gov/content/accessibility">Accessibility</a></li>
+        <li><a href="https://www.ornl.gov/content/contact-us">Contact Us</a></li>
+        <li><a href="https://www.ornl.gov">ORNL Home Page</a></li>
+    </ul>
+  <section class="infoclassification">
+  	
+  <section>
+  <section class="pagestatus">
+     
+  </section>
+</section>
+
+    <script src="http://localhost:4000/js/vendor/jquery.js"></script>
+    <script src="http://localhost:4000/js/vendor/what-input.js"></script>
+    <script src="http://localhost:4000/js/vendor/foundation.min.js"></script>
+    <script src="http://localhost:4000/js/app.js"></script>
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+</body>
+</html>

_site/about/index.html

+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+<head>
+  <meta charset="utf-8">
+  <title>
+    
+      About &ndash;
+    
+    ORNL Enterprise Architecture Reference
+  </title>
+
+  <link rel="alternate" type="application/rss+xml" href="/atom.xml" />
+
+  <link rel="stylesheet" href="http://localhost:4000/css/foundation.min.css" type="text/css" media="screen, projection" />
+  <link rel="stylesheet" href="http://localhost:4000/css/app.css" type="text/css" media="screen, projection" />
+  <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link media="only screen and (device-width: 768px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+
+  <script type="text/javascript" src="/js/application.js"></script>
+
+  <link rel="stylesheet" href="http://localhost:4000/css/syntax.css" type="text/css" media="screen, projection" />
+</head>
+
+<body>
+  <div class="container">
+
+    <div class="row expanded header-section">
+      <div class="medium-12 columns">
+          <div class="row align-justify align-middle">
+              <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
+  <button class="menu-icon" type="button" data-toggle></button>
+  <div class="title-bar-title">Menu</div>
+</div>
+
+<div class="top-bar-left">
+  <a href="/" aria-label="Avatar">
+    <img src="/images/ornl-logo.png" height="105px" width="280px" class="avatar" />
+  </a>
+</div>
+
+<div class="top-bar" id="example-menu">
+
+  
+
+
+  <div class="top-bar-right">
+    <ul class="dropdown menu" data-dropdown-menu>
+    <!--<ul class="vertical medium-horizonal menu">-->
+
+    <!--<li><a href="/about.html">About</a></li>
+      <li><a href="/projects.html">Projects</a></li>
+      <li><a href="/blog.html">Blog</a></li>
+      <li><a href="/contact.html">Contact</a></li>-->
+
+      
+      
+      
+      
+      
+      <li>
+        <a href="/" >
+          Gitlab Pages Demo
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/about/" class="active">
+          About
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/contact.html" >
+          Contact Us
+        </a>
+      </li>
+      
+      
+    </ul>
+  </div>
+
+
+
+</div>
+
+
+    </div>
+    </div>
+    </div>
+
+      <div class="row">
+          <div class="medium-12 columns">
+              
+<ol class="breadcrumb">
+  <li><a href="/">Home</a></li>
+  
+  
+  
+  
+  
+  
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+  
+  <li class="active">
+    <a href="/about/">About</a>
+  </li>
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+  
+</ol>
+
+
+          </div>
+          </div>
+      </div>
+
+
+    <div class="row content-section">
+      <div class="small-12 medium-9 columns">
+  <section class="content">
+  <h1>About
+  </h1>
+
+  <p><strong>Summary</strong>: Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam id dui posuere blandit. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor accumsan tincidunt. Donec sollicitudin molestie malesuada.</p>
+
+<p>Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</p>
+
+<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p>
+
+<p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada.</p>
+
+</section>
+        </div>
+      <div class="medium-3 columns">
+        
+  <section id="article">
+    <h3>Related Links</h3>
+    <ul>
+      <li><a href="#">Test link</a></li>
+      <li><a href="#">Related link</a></li>
+      <li><a href="#">Another type of link</a></li>
+      </ul>
+   </section>
+
+
+
+
+      </div>
+
+      </div>
+    <div class="row expanded footer-section">
+      <div class="medium-12 columns">
+        <div class="row align-justify align-middle">
+    <section class="footer">
+
+    <ul class="menu">
+
+        <li><a href="https://www.ornl.gov/ornl/contact-us/Security--Privacy-Notice">Privacy</a></li>
+        <li><a href="https://www.ornl.gov/content/accessibility">Accessibility</a></li>
+        <li><a href="https://www.ornl.gov/content/contact-us">Contact Us</a></li>
+        <li><a href="https://www.ornl.gov">ORNL Home Page</a></li>
+    </ul>
+  <section class="infoclassification">
+  	
+  <section>
+  <section class="pagestatus">
+     
+  </section>
+</section>
+
+    <script src="http://localhost:4000/js/vendor/jquery.js"></script>
+    <script src="http://localhost:4000/js/vendor/what-input.js"></script>
+    <script src="http://localhost:4000/js/vendor/foundation.min.js"></script>
+    <script src="http://localhost:4000/js/app.js"></script>
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+</body>
+</html>

_site/contact.html

+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+<head>
+  <meta charset="utf-8">
+  <title>
+    
+      Contact Us &ndash;
+    
+    ORNL Enterprise Architecture Reference
+  </title>
+
+  <link rel="alternate" type="application/rss+xml" href="/atom.xml" />
+
+  <link rel="stylesheet" href="http://localhost:4000/css/foundation.min.css" type="text/css" media="screen, projection" />
+  <link rel="stylesheet" href="http://localhost:4000/css/app.css" type="text/css" media="screen, projection" />
+  <link media="only screen and (max-device-width: 480px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link media="only screen and (device-width: 768px)" href="/css/mobile.css" type="text/css" rel="stylesheet" />
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+
+  <script type="text/javascript" src="/js/application.js"></script>
+
+  <link rel="stylesheet" href="http://localhost:4000/css/syntax.css" type="text/css" media="screen, projection" />
+</head>
+
+<body>
+  <div class="container">
+
+    <div class="row expanded header-section">
+      <div class="medium-12 columns">
+          <div class="row align-justify align-middle">
+              <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
+  <button class="menu-icon" type="button" data-toggle></button>
+  <div class="title-bar-title">Menu</div>
+</div>
+
+<div class="top-bar-left">
+  <a href="/" aria-label="Avatar">
+    <img src="/images/ornl-logo.png" height="105px" width="280px" class="avatar" />
+  </a>
+</div>
+
+<div class="top-bar" id="example-menu">
+
+  
+
+
+  <div class="top-bar-right">
+    <ul class="dropdown menu" data-dropdown-menu>
+    <!--<ul class="vertical medium-horizonal menu">-->
+
+    <!--<li><a href="/about.html">About</a></li>
+      <li><a href="/projects.html">Projects</a></li>
+      <li><a href="/blog.html">Blog</a></li>
+      <li><a href="/contact.html">Contact</a></li>-->
+
+      
+      
+      
+      
+      
+      <li>
+        <a href="/" >
+          Gitlab Pages Demo
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/about/" >
+          About
+        </a>
+      </li>
+      
+      
+      
+      <li>
+        <a href="/contact.html" class="active">
+          Contact Us
+        </a>
+      </li>
+      
+      
+    </ul>
+  </div>
+
+
+
+</div>
+
+
+    </div>
+    </div>
+    </div>
+
+      <div class="row">
+          <div class="medium-12 columns">
+              
+<ol class="breadcrumb">
+  <li><a href="/">Home</a></li>
+  
+  
+  
+  
+  
+  
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+
+  
+  
+  
+</ol>
+
+
+          </div>
+          </div>
+      </div>
+
+
+    <div class="row content-section">
+      <div class="small-12 medium-9 columns">
+  <section class="content">
+  <h1>Contact Us
+  </h1>
+
+  <p><strong>Summary</strong>: Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam id dui posuere blandit. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porttitor accumsan tincidunt. Donec sollicitudin molestie malesuada.</p>
+
+<p>Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.</p>
+
+<p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p>
+
+<p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada.</p>
+
+</section>
+        </div>
+      <div class="medium-3 columns">
+        
+  <section id="article">
+    <h3>Related Links</h3>
+    <ul>
+      <li><a href="#">Test link</a></li>
+      <li><a href="#">Related link</a></li>
+      <li><a href="#">Another type of link</a></li>
+      </ul>
+   </section>
+
+
+
+
+      </div>
+
+      </div>
+    <div class="row expanded footer-section">
+      <div class="medium-12 columns">
+        <div class="row align-justify align-middle">
+    <section class="footer">
+
+    <ul class="menu">
+
+        <li><a href="https://www.ornl.gov/ornl/contact-us/Security--Privacy-Notice">Privacy</a></li>
+        <li><a href="https://www.ornl.gov/content/accessibility">Accessibility</a></li>
+        <li><a href="https://www.ornl.gov/content/contact-us">Contact Us</a></li>
+        <li><a href="https://www.ornl.gov">ORNL Home Page</a></li>
+    </ul>
+  <section class="infoclassification">
+  	
+  <section>
+  <section class="pagestatus">
+     
+  </section>
+</section>
+
+    <script src="http://localhost:4000/js/vendor/jquery.js"></script>
+    <script src="http://localhost:4000/js/vendor/what-input.js"></script>
+    <script src="http://localhost:4000/js/vendor/foundation.min.js"></script>
+    <script src="http://localhost:4000/js/app.js"></script>
+
+          </div>
+        </div>
+      </div>
+    </div>
+
+</body>
+</html>

_site/css/app.css

+.header-section {
+    border-bottom: 1px solid #b5c4c9;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+img.avatar {
+    max-width: 100%;
+}
+
+.top-bar, .top-bar ul {
+    background-color: #fff;
+}
+
+.title-bar-title {
+    display: none;
+}
+
+.title-bar {
+    background-color: #008556;
+}
+
+/* Breadcrumbs */
+
+.breadcrumb {
+    float:left;
+    padding-top:12px;
+    list-style: none;
+    border-radius: 4px;
+}
+
+ol.breadcrumb {
+    margin-left: 0;
+    margin-bottom: 0;
+}
+
+.breadcrumb > li {
+    display: inline-block;
+}
+.breadcrumb > li + li:before {
+    padding: 0 5px;
+}
+
+.breadcrumb { border: 0px;  display: block;}
+.breadcrumb li {font-size: 14px;}
+.breadcrumb a {color: $brand-color;}
+.breadcrumb a:hover {color: darken($brand-color, 20%);}
+.breadcrumb>.active a {color: #555555; }
+.breadcrumb>li+li:before {color:$brand-color; content: "\003E\00a0";}
+
+/* Main Content Section */
+
+.content-section {
+    margin-top: 10px;
+    margin-bottom: 14px;
+}
+
+h1 {
+    color: #008556;
+}
+
+h2 {
+    color: #008556;
+}
+
+a {
+    color: #008556;
+}
+
+.top-bar a {
+    font-size: 1.1em;
+    font-weight: bold;
+}
+
+.top-bar-right {
+    padding-left: 30px;
+}
+
+.navbar {
+    margin-top: 20px;
+    color: #555555;
+    font-style: italic;
+}
+
+.footer-section {
+    background-color: #b5c4c9;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 1rem;
+}
+
+.footer-section a {
+    color: #fff;
+}
+
+
+.footer-links li {
+    display: inline;
+}
+
+ .language-javascript, .language-css, .language-ruby, .language-python, .language-php, .language-html {
+    background-color: inherit;
+    font-family: inherit;
+    border: none;
+    padding: 0;
+}
+

_site/css/base.css

+@charset "UTF-8";
+body {
+  font-family: "Ludica Sans Unicode", Palatino, serif;
+  color: #555555;
+  margin: 0;
+  -webkit-font-smoothing: antialiased; }
+
+a {
+  color: #227ce8; }
+
+table {
+  padding: 0; }
+
+table tr {
+  border-top: 1px solid #cccccc;
+  background-color: white;
+  margin: 0;
+  padding: 0; }
+
+table tr:nth-child(2n) {
+  background-color: #f8f8f8; }
+
+table tr th {
+  font-weight: bold;
+  border: 1px solid #cccccc;
+  text-align: left;
+  margin: 0;
+  padding: 6px 13px; }
+
+table tr td {
+  border: 1px solid #cccccc;
+  text-align: left;
+  margin: 0;
+  padding: 6px 13px; }
+
+table tr th :first-child, table tr td :first-child {
+  margin-top: 0; }
+
+table tr th :last-child, table tr td :last-child {
+  margin-bottom: 0; }
+
+.sidebar {
+  position: fixed;
+  left: 15px;
+  top: 15px;
+  width: 200px;
+  font-family: Helvetica, sans-serif; }
+  .sidebar a {
+    text-decoration: none; }
+  .sidebar img {
+    padding: 0 3px;
+    border: 0; }
+  .sidebar .avatar {
+    padding: 0;
+    margin-left: 2px;
+    border-radius: 5px; }
+  .sidebar .name {
+    text-transform: uppercase;
+    margin: 10px 0 20px 0; }
+    .sidebar .name #fname {
+      padding-left: 1px;
+      font-size: 23px;
+      letter-spacing: 5px;
+      color: black; }
+    .sidebar .name #lname {
+      font-size: 17px;
+      font-weight: bold;
+      letter-spacing: 1px;
+      color: black; }
+  .sidebar .meta {
+    margin-left: 4px; }
+    .sidebar .meta a {
+      margin-left: 0px;
+      color: black; }
+      .sidebar .meta a:hover {
+        color: #227ce8; }
+    .sidebar .meta .icon {
+      margin-right: 6px; }
+  .sidebar .sections {
+    margin: 15px 0 0 0; }
+    .sidebar .sections a {
+      padding: 3px 0;
+      color: black;
+      font-weight: bold;
+      font-size: 12px;
+      display: block; }
+      .sidebar .sections a:hover {
+        color: #227ce8; }
+    .sidebar .sections ul {
+      margin: 0;
+      padding: 0; }
+    .sidebar .sections li {
+      list-style: none;
+      margin-bottom: 7px; }
+
+.content {
+  max-width: 60%;
+  margin-left: 220px;
+  margin-right: 20px;
+  margin-bottom: 50px;
+  margin-top: 150px; }
+  .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
+    color: #008556;
+    font-family: "Droid Sans";
+    font-weight: 400; }
+    .content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a {
+      color: #008556;
+      text-decoration: none; }
+  .content h1 {
+    font-size: 36px;
+    margin: 18px 0 5px 0; }
+  .content h2 {
+    font-size: 30px;
+    margin-bottom: 15px; }
+  .content h3 {
+    color: #777;
+    font-size: 25px;
+    padding-bottom: 5px;
+    margin-bottom: 10px; }
+  .content p {
+    font-size: 16px;
+    margin-top: 0;
+    margin-bottom: 1.2em;
+    line-height: 1.7em; }
+    .content p code {
+      font-size: 12px;
+      background-color: #eeeeee;
+      border: 1px solid #777777;
+      border-radius: 3px;
+      padding: 2px 3px; }
+  .content img {
+    padding: 3px;
+    border: 1px solid #eeeeee;
+    max-width: 100%; }
+  .content hr {
+    border: 0;
+    height: 6px;
+    background-image: url("/images/hr.png");
+    background-repeat: repeat-x;
+    margin: 2em 3em; }
+  .content li {
+    margin-bottom: 10px;
+    line-height: 1.4em; }
+  .content blockquote {
+    font-style: italic;
+    font-size: 14px;
+    padding: .25em 1em;
+    margin: 1em 1em 0 1em;
+    color: #444; }
+    .content blockquote cite {
+      display: block;
+      margin-top: .5em;
+      text-align: right;
+      color: #111;
+      font-style: normal; }
+      .content blockquote cite:before {
+        content: '— '; }
+  .content .byline {
+    margin-bottom: 17px;
+    font-family: "Yanone Kaffeesatz", Helvetica, sans-serif;
+    padding-left: 0px;
+    font-size: 17px;
+    color: #777; }
+  .content .aside {
+    background-color: #eeeeee;
+    padding: 14px;
+    font-size: 14px;
+    margin: 5px 0 15px 0;
+    font-family: Helvetica, sans-serif;
+    line-height: 1.6em; }
+  .content .listing {
+    margin: 10px 0 0 0;
+    padding: 0;
+    font-family: Helvetica, sans-serif; }
+    .content .listing ul {
+      margin: 0;
+      padding: 0; }
+    .content .listing li {
+      font-size: 13px;
+      list-style: none;
+      padding: 5px 3px;
+      margin: 0;
+      color: #777777;
+      border-bottom: 1px solid #eee; }
+      .content .listing li span {
+        float: right; }
+    .content .listing a {
+      text-decoration: none; }
+      .content .listing a:hover {
+        text-decoration: underline; }
+  .content .meta {
+    margin: 30px 0;
+    padding: 10px 0;
+    font-family: Helvetica, sans-serif; }
+    .content .meta p {
+      line-height: 1.4;
+      font-size: 14px;
+      margin-top: 0px; }
+    .content .meta img {
+      position: relative;
+      float: left;
+      margin-top: 0px;
+      margin-right: 10px;
+      margin-left: -60px;
+      border-radius: 4px; }
+    .content .meta .copy {
+      padding-left: 60px; }
+    .content .meta iframe {
+      padding-left: 5px; }
+  .content .talk-design .color div {
+    float: left;
+    margin-right: 10px;
+    padding: 5px 15px;
+    border: 1px solid #000;
+    font-family: Helvetica, sans-serif;
+    font-size: 12px;
+    font-weight: bold; }
+  .content .talk-design .color .white {
+    color: #fff; }