Merge upstream gh-pages

        $ git remote add gh-pages-upstream git://...
        $ git merge -s ours --no-commit gh-pages-upstream
        $ git read-tree --prefix=src/pages/ -u gh-pages-upstream
        $ git commit -m "..."

src/pages/.gitignore

+#*
+.#*
+*~
+_site
+.idea
+*.sw?

src/pages/.ruby-gemset

+spring-gh-pages
\ No newline at end of file

src/pages/.ruby-version

+ruby-1.9.3
\ No newline at end of file

src/pages/Gemfile

+source "http://rubygems.org"
+
+gem "github-pages"

src/pages/Gemfile.lock

+GEM
+  remote: http://rubygems.org/
+  specs:
+    RedCloth (4.2.9)
+    classifier (1.3.3)
+      fast-stemmer (>= 1.0.0)
+    colorator (0.1)
+    commander (4.1.5)
+      highline (~> 1.6.11)
+    directory_watcher (1.4.1)
+    fast-stemmer (1.0.2)
+    github-pages (1)
+      RedCloth (= 4.2.9)
+      jekyll (= 1.1.2)
+      kramdown (= 1.0.2)
+      liquid (= 2.5.1)
+      maruku (= 0.6.1)
+      rdiscount (= 1.6.8)
+      redcarpet (= 2.2.2)
+    highline (1.6.19)
+    jekyll (1.1.2)
+      classifier (~> 1.3)
+      colorator (~> 0.1)
+      commander (~> 4.1.3)
+      directory_watcher (~> 1.4.1)
+      kramdown (~> 1.0.2)
+      liquid (~> 2.5.1)
+      maruku (~> 0.5)
+      pygments.rb (~> 0.5.0)
+      redcarpet (~> 2.2.2)
+      safe_yaml (~> 0.7.0)
+    kramdown (1.0.2)
+    liquid (2.5.1)
+    maruku (0.6.1)
+      syntax (>= 1.0.0)
+    posix-spawn (0.3.6)
+    pygments.rb (0.5.2)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rdiscount (1.6.8)
+    redcarpet (2.2.2)
+    safe_yaml (0.7.1)
+    syntax (1.0.0)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages

src/pages/README.markdown

+# Introduction
+
+Spring's project pages at http://projects.springframework.io are based on Jekyll and gh-pages.
+In order to keep everything looking similar, common elements of the Jekyll site layout, css, etc
+are stored in this shared gh-pages repository. If you're seeing this README in the gh-pages branch
+of an actual Spring project, that's because this file, along with all the other common files
+get merged periodically into each project.
+
+It sounds a little funky (and it is), but it's way better than the misery of Git submodules.
+It's actually pretty easy. If you're just getting started, the follow the directions immediately
+below. If you're needing a refresher on how to keep things up to date, then head to the section
+at the bottom.
+
+## How to start a new `gh-pages` project page
+From within your Spring project's git checkout directory:
+
+    git remote add gh-pages-upstream https://github.com/spring-projects/gh-pages.git
+    git checkout --orphan gh-pages
+    git pull gh-pages-upstream gh-pages
+
+## Create index.html
+
+1. Copy common-index.html to index.html
+2. Update the information within, build out the content of your site
+
+## View the site locally
+
+Follow the instructions at http://jekyllrb.com, which are really just as simple as the following
+(assuming your project name is "spring-xyz"):
+
+    gem install jekyll
+    jekyll new spring-xyz
+    cd spring-xyz
+    jekyll serve --watch
+
+## Commit your changes
+
+    git push origin gh-pages
+
+
+# How to keep common gh-pages content up to date
+
+Once you've set up your project's gh-pages infrastructure above, you'll get notified whenever
+changes are made to the shared gh-pages project. Actually, _your project_ will get notified,
+because a webhook configured on the gh-pages project will fire that ultimately creates a new
+issue in your project's GH Issues.
+> Yeah, it would have been nice to do proper pull requests instead of issues, but this arrangement
+with gh-pages branches and upstreams isn't based on forking. That means pull requests are no can do.
+This also means that if your project doesn't have issues turned on, you won't get notified! So you
+might consider doing that if you haven't already.
+
+In any case, whether or not you get notified via the issue coming in from the webhook, sync'ing
+up to the latest from the shared gh-pages project is easy enough:
+
+> This assumes you've got the `gh-pages-upstream` remote set up, per the instructions in sections
+above.
+
+    git checkout gh-pages
+    git pull --no-ff gh-pages-upstream gh-pages

src/pages/_config.yml

+### Global gh-pages pre-amble
+safe: true
+lsi: false
+pygments: true
+markdown: redcarpet
+redcarpet:
+  extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
+
+### Spring website specific
+main_site_url: http://springframework.io
+projects_site_url: http://projects.springframework.io
+forum_url: http://forum.springframework.io
+
+### For testing only (comment this out in a real project)
+#sample: true
+
+### Below this line might vary between projects
+
+# Context path in the remote website (usually /<project>), will be prepended to absolute URLs for static resources
+baseurl: /spring-boot
+
+# Name of the project for display in places like page titles
+name: Spring Boot
+
+# ID of the project in the metadata API at springframework.io (if this is not a
+# valid project ID the javascript widgets in the home page will not work)
+project: spring-boot
+
+# Project github URL
+github_repo_url: http://github.com/SpringSource/spring-boot
+
+
+# A forum link specific to this project
+forum: http://forum.springframework.io/forum/spring-projects/container

src/pages/_includes/badge.md

+<div class="project-sub-link">{{include.link | markdownify}}</div>

src/pages/_includes/billboard.md

+<div class="billboard--wrapper project-header--wrapper">
+<div class="billboard--container">
+<div class="container-fluid">
+<div  class="content--title">
+{% capture breadcrumb %}
+[Projects]({{ site.projects_site_url }}){% if include.parent_link %} : {{ include.parent_link }}{% endif %}
+{% endcapture %}
+{{ breadcrumb | markdownify }}
+</div>
+<div class="row-fluid">
+<div class="span8">
+<div class="project--links--container">
+<a href="{{ site.github_repo_url }}" class="project-link">
+<i class="icon-github"></i>
+</a>
+<a href="{{ site.forum }}" class="project-link project-link-forum">
+<div class="spring-icon spring-icon-forum"></div>
+</a>
+</div>
+<div class="project--title">{{ site.name }}</div>
+
+<div class="project--description">
+{{ include.billboard_description | markdownify }}
+</div>
+<a class="btn btn-black uppercase project-quickstart-btn" href="#quick-start">Quick Start</a>
+</div>
+</div>
+</div>
+</div>
+<div class="billboard-bg">
+<div class="billboard-icon icon-spring-data-large"></div>
+</div>
+</div>

src/pages/_includes/documentation.md

+<div class="js-documentation-widget"></div>
\ No newline at end of file

src/pages/_includes/download_widget.md

+<div class="project-body--section" id="download-widget">
+
+<div class="row-fluid download-widget--container">
+<div class="download-widget--header js-item-dropdown-widget--wrapper">
+<div class="download-widget--title">
+Download
+</div>
+<div data-download-widget-controls style="display: inline-block"></div>
+</div>
+<div class="download-widget--body">
+The recommended way to get the code for this project is to use a dependency management system. The snippet below can be
+copied and pasted into your build when you create a new project, or when adding <code>{{ site.project }}</code> to your project.
+<div class="highlight">
+<div class="js-download-maven-widget"></div>
+</div>
+</div>
+</div>
+</div>
\ No newline at end of file

src/pages/_includes/project_aggregator_include.md

+{% include billboard.md %}
+
+<div class="billboard-body--wrapper project-body--container">
+<div class="projects--wrapper project-aggregator">
+{{ include.main_content | markdownify }}
+</div>
+</div>

src/pages/_includes/project_block.md

+<div class="project--container">
+<div class="project-links--container">
+<a href="{{include.repo_url}}" class="project-link">
+<i class="icon-github"></i>
+<p>Repo</p>
+</a>
+<a href="{{include.site_url}}" class="project-link">
+<i class="icon-globe"></i>
+<p>Site</p>
+</a>
+</div>
+<div class="project-logo--container">
+<div class="project--title">{{include.project_title}}</div>
+<p class="project--description">{{include.project_description}}</p>
+</div>
+</div>
\ No newline at end of file

src/pages/_includes/project_home_include.md

+{% include billboard.md %}
+
+<div class="billboard-body--wrapper project-body--container" id="quick-start">
+<div class="github-fork-ribbon--wrapper">
+<div class="github-fork-ribbon">
+<a href="{{ site.github_repo_url }}{{ site.baseurl }}">
+<i class="icon icon-github"></i>
+Fork me on GitHub
+</a>
+</div>
+</div>
+<div class="row-fluid">
+<div class="span8">
+<div class="project-body--section">
+{{ include.main_content | markdownify }}
+</div>
+</div>
+<div class="span4">{% include project_sidebar.md %}</div>
+</div>
+</div>

src/pages/_includes/project_sidebar.md

+{% include documentation.md %}
+
+{% capture badges %}
+{% if site.sample %}
+{% include samples/badges.md %}
+{% else %}
+{% include badges.md %}
+{% endif %}
+{% endcapture %}
+
+{%unless badges contains 'not found in _includes directory' %}
+<div class="right-pane-widget--container no-top-border">
+<div class="project-sub-link--wrapper">
+{{ badges | markdownify }}
+</div>
+</div>
+{%endunless%}
+
+<div class="right-pane-widget--container no-top-border project-sidebar-resource--wrapper">
+{{ include.related_resources | markdownify }}
+</div>
\ No newline at end of file

src/pages/_includes/samples/badges.md

+{% capture cilink %}
+<a href="https://drone.io/github.com/springframework-meta/gs-rest-service/latest">
+<img src="https://drone.io/github.com/springframework-meta/gs-rest-service/status.png">
+</a>
+{% endcapture %}
+
+{% capture travislink %}
+[![Build Status](https://travis-ci.org/SpringSource/spring-boot.png)](https://travis-ci.org/SpringSource/spring-boot)
+{% endcapture %}
+
+{% capture bamboostatus %}
+[Bamboo Status](https://build.springsource.org/browse/XD)
+{% endcapture %}
+
+{% include badge.md link=cilink %}
+{% include badge.md link=travislink %}
+{% include badge.md link=bamboostatus %}

src/pages/_includes/widget_templates.html

+<script type="text/html" id="project-documentation-widget-template">
+    <div class="right-pane-widget--container no-top-border project-documentation--container">
+        <div class="item-dropdown-widget">
+            <div class="item-dropdown--title">{@= name @}</div>
+            <div class="item--dropdown">
+                <div class="item--body">
+                    <div class="item--body-title">
+                        <div class="item--left-column">Release</div>
+                        <div class="item--right-column">Documentation</div>
+                    </div>
+                    {@ _.each(releases, function(release) { @}
+                    <div class="item--body--version">
+                        <div class="item--left-column">
+                            <p>{@= release.version @}</p>
+                            <div class="spring-icon {@= release.statusIconClass() @}"></div>
+                        </div>
+                        <div class="item--right-column">
+                            <a href='{@= release.refDocUrl @}' class="docs-link reference-link">Reference</a>
+                            <a href='{@= release.apiDocUrl @}' class="docs-link api-link">API</a>
+                        </div>
+                    </div>
+                    {@ }); @}
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+
+<script type="text/html" id="project-download-widget-controls-template">
+    <div class="js-download-widget-selector">
+        <select class='selector selectpicker'>
+            {@ _.each(releases, function(release, index) { @}
+            <option value="{@= index @}" data-content="<span>{@= release.versionDisplayName @}</span><div class='spring-icon {@= release.statusIconClass() @}'/>" data-current="{@= release.current @}"> ()</option>
+            {@ }); @}
+        </select>
+    </div>
+
+    <div class="item-slider-widget js-item-slider--wrapper">
+        <div class="item-slider--container">
+            <div class="item--slider js-item--slider"></div>
+            <div class="item js-active js-item" data-snippet-type='maven'>
+                Maven
+            </div>
+            <div class="item js-item" data-snippet-type='gradle'>
+                Gradle
+            </div>
+            <div class="item js-item" data-snippet-type='zip'>
+                Zip
+            </div>
+        </div>
+    </div>
+
+</script>
+
+
+{% capture maven_pom_template %}
+{% include pom.xml %}
+{% endcapture %}
+
+{%if maven_pom_template contains 'not found in _includes directory' %}
+{% capture maven_pom_template %}
+<dependencies>
+    <dependency>
+        <groupId>{@= groupId @}</groupId>
+        <artifactId>{@= artifactId @}</artifactId>
+        <version>{@= version @}</version>
+    </dependency>
+</dependencies>
+{@ if (repository) { @}
+<repositories>
+    <repository>
+        <id>{@= repository.id @}</id>
+        <name>{@= repository.name @}</name>
+        <url>{@= repository.url @}</url>
+        <snapshots>
+            <enabled>{@= repository.snapshotsEnabled @}</enabled>
+        </snapshots>
+    </repository>
+</repositories>{@ } @}
+{% endcapture %}
+{% endif %}
+
+<script type="text/html" id="project-download-maven-widget-template">{{ maven_pom_template | escape }}</script>
+
+{% capture gradle_template %}
+{% include build.gradle %}
+{% endcapture %}
+
+{%if gradle_template contains 'not found in _includes directory' %}
+{% capture gradle_template %}
+dependencies {
+    compile '{@= groupId @}:{@= artifactId @}:{@= version @}'
+}
+{@ if (repository) { @}
+repositories {
+    maven {
+        url '{@= repository.url @}'
+    }
+}
+{@ } @}
+{% endcapture %}
+{% endif %}
+
+<script type="text/html" id="project-download-gradle-widget-template">{{ gradle_template | escape }}</script>
+
+<script type="text/html" id="project-download-zip-widget-template">
+This is a zip url
+</script>
\ No newline at end of file

src/pages/_layouts/base_layout.html

+---
+---
+
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{ site.name }}</title>
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/bootstrap/css/bootstrap.min.css" />
+  <link href='http://fonts.googleapis.com/css?family=Varela+Round|Montserrat:400,700' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/font-awesome/css/font-awesome.min.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/bootstrap/css/bootstrap-select.css" />
+
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/main.css.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/typography.css.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/icons.css.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/projects.css.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/buttons.css.css" />
+  <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/guide.css.css" />
+
+  <script type="text/javascript" src="{{site.baseurl}}/js/jquery.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/bootstrap/js/bootstrap.min.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/bootstrap/js/bootstrap-select.js"></script>
+
+  <script type="text/javascript" src="{{site.baseurl}}/js/underscore.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/js/backbone.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/js/projectDocumentationWidget.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/js/application.js"></script>
+  <script type="text/javascript" src="{{site.baseurl}}/js/ZeroClipboard.min.js"></script>
+  <script type="text/javascript">
+    var apiBaseUrl = "{{ site.main_site_url }}";
+    var projectId = "{{ site.project }}";
+    var siteBaseUrl = "{{ site.baseurl }}";
+  </script>
+  <script type="text/javascript" src="{{site.baseurl}}/js/copySnippets.js"></script>
+  <meta name="google-site-verification" content="7qGntFPD9lWAVCtUu5U77v4l68PsTHf6xpzgjQv2j2M" />
+</head>
+<body>
+  <header class="navbar header--navbar">
+    <div class="navbar-inner">
+      <div class="container-fluid">
+        <div class="spring-logo--container">
+          <div class="logo-bg"></div>
+          <a class="spring-logo" href="{{site.main_site_url}}"></a>
+        </div>
+        <ul class="nav pull-right">
+          <li class="navbar-link">
+            <a href="{{site.main_site_url}}/docs">Docs</a>
+          </li>
+          <li class="navbar-link">
+            <a href="{{site.main_site_url}}/guides">Guides</a>
+          </li>
+          <li class="navbar-link active">
+            <a href="{{site.main_site_url}}/projects">Projects</a>
+          </li>
+          <li class="navbar-link">
+            <a href="{{site.main_site_url}}/blog">Blog</a>
+          </li>
+          <li class="navbar-link">
+            <a href="{{site.forum_url}}">Forum</a>
+          </li>
+          <li class="navbar-link nav-search">
+            <i class="icon-search navbar-search--icon js-search-input-open"></i>
+            <div class="search-input-close js-search-input-close">x</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="search-dropdown--container js-search-dropdown">
+      <div class="container-fluid">
+        <div class="search-form--container">
+          <form class="form-inline form-search" action="{{site.main_site_url}}/search" method="get">
+            <input type="text" class="search-query search-form--form js-search-input" placeholder="Search for documention, guides, and posts..." name="q" />
+            <button type="submit" class="search-form--submit"><i class="icon-search"></i></button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </header>
+
+  <div class="body--container container-fluid">
+    {{ content }}
+  </div>
+
+  <footer class="footer">
+    <div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span8">
+          <div class="navbar">
+            <div class="container">
+              <ul class="nav">
+                <li><a href="{{site.main_site_url}}/tools">Tools</a></li>
+                <li><a href="{{site.main_site_url}}/services">Services</a></li>
+                <li><a href="{{site.main_site_url}}/about">About Us</a></li>
+                <li><a href="{{site.main_site_url}}/jobs">Work With Us</a></li>
+              </ul>
+            </div>
+          </div>
+          &copy; <script type="text/javascript"> var d = new Date();
+                document.write(d.getFullYear());</script> GoPivotal, Inc. All Rights Reserved.
+          <a href="http://www.gopivotal.com/terms-of-use">Terms</a>,
+          <a href="http://www.gopivotal.com/privacy-policy">Privacy</a>, and
+          <a href="{{site.main_site_url}}/logos">Usage</a>
+        </div>
+        <div class="span4 footer-newsletter--wrapper pull-right">
+          <div class="footer-newsletter--container">
+            <form>
+              <label>
+                Subscribe to our newsletter
+              </label>
+              <div class="footer-subscribe--input--container">
+                <input class="footer-subscribe--input" placeholder="Email Address (NOT REAL)" />
+                <input type="submit" class="btn footer-subscibe--btn" value="Subscribe" />
+              </div>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <div id="scrim"></div>
+  {% include widget_templates.html %}
+  <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-42447510-1', 'cfapps.io');
+    ga('send', 'pageview');
+
+  </script>
+</body>
+</html>

src/pages/_layouts/spec_layout.html

+---
+---
+
+{{ content }}
\ No newline at end of file

src/pages/bootstrap/css/bootstrap-select.css

+/*!
+ * bootstrap-select v1.1.1
+ * http://silviomoreto.github.io/bootstrap-select/
+ *
+ * Copyright 2013 bootstrap-select
+ * Licensed under the MIT license
+ */
+
+.bootstrap-select.btn-group,
+.bootstrap-select.btn-group[class*="span"] {
+    float: none;
+    display: inline-block;
+    margin-bottom: 10px;
+    margin-left: 0;
+}
+.form-search .bootstrap-select.btn-group,
+.form-inline .bootstrap-select.btn-group,
+.form-horizontal .bootstrap-select.btn-group {
+    margin-bottom: 0;
+}
+
+.bootstrap-select.btn-group.pull-right,
+.bootstrap-select.btn-group[class*="span"].pull-right,
+.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
+    float: right;
+}
+
+.input-append .bootstrap-select.btn-group {
+    margin-left: -1px;
+}
+
+.input-prepend .bootstrap-select.btn-group {
+    margin-right: -1px;
+}
+
+.bootstrap-select:not([class*="span"]) {
+    width: 220px;
+}
+
+.bootstrap-select {
+    /*width: 220px\9; IE8 and below*/
+    width: 220px \0/; /*IE9 and below*/
+}
+
+.bootstrap-select > .btn {
+    width: 100%;
+}
+
+.error .bootstrap-select .btn {
+    border: 1px solid #b94a48;
+}
+
+.bootstrap-select.show-menu-arrow.open > .btn {
+    z-index: 1001;
+}
+
+.bootstrap-select .btn:focus {
+    outline: thin dotted #333333 !important;
+    outline: 5px auto -webkit-focus-ring-color !important;
+    outline-offset: -2px;
+}
+
+.bootstrap-select.btn-group .btn .filter-option {
+    overflow: hidden;
+    position: absolute;
+    left: 12px;
+    right: 25px;
+    text-align: left;
+}
+
+.bootstrap-select.btn-group .btn .caret {
+    position: absolute;
+    top: 50%;
+    right: 12px;
+    margin-top: -2px;
+}
+
+.bootstrap-select.btn-group > .disabled,
+.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
+    cursor: not-allowed;
+}
+
+.bootstrap-select.btn-group > .disabled:focus {
+    outline: none !important;
+}
+
+.bootstrap-select.btn-group[class*="span"] .btn {
+    width: 100%;
+}
+
+.bootstrap-select.btn-group button {
+    font-weight: 400;
+    font-family: "Varela Round", sans-serif;
+    border: 1px solid #34302d;
+    min-width: 100%;
+    background: none;
+    padding: 0;
+}
+
+.bootstrap-select.btn-group.open button {
+    background-color: #6db33f;
+    color: #f1f1f1;
+}
+
+.bootstrap-select.btn-group button .filter-option {
+    padding: 6px 0 6px 19px;
+}
+
+.bootstrap-select.btn-group.open button .filter-option {
+    padding: 7px 0 5px 20px;
+}
+
+.bootstrap-select.btn-group > button.dropdown-toggle {
+    border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+}
+
+.bootstrap-select.btn-group > .dropdown-toggle .item-dropdown--icon {
+    background-color: #34302d;
+    color: #cbcaca;
+    padding: 10px;
+}
+
+.bootstrap-select.btn-group.open > .dropdown-toggle .item-dropdown--icon {
+    padding: 10px 10px 10px 9px;
+}
+
+.bootstrap-select.btn-group > .dropdown-menu {
+    padding: 0;
+}
+
+.bootstrap-select.btn-group .dropdown-menu {
+    min-width: 100%;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+
+    background-color: #34302d;
+    border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    margin: 0;
+    border: none;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li.selected {
+    background-color: black;
+}
+
+.bootstrap-select.btn-group .dropdown-menu.inner {
+    position: static;
+    border: 0;
+    padding: 0;
+    margin: 0;
+}
+
+.bootstrap-select.btn-group .dropdown-menu dt {
+    display: block;
+    padding: 3px 20px;
+    cursor: default;
+}
+
+.bootstrap-select.btn-group .div-contain {
+    overflow: hidden;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li {
+    position: relative;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > a.opt {
+    padding-left: 35px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > a {
+    cursor: pointer;
+}
+
+.bootstrap-select.btn-group .dropdown-menu > li > a {
+    color: #f1f1f1;
+    font-size: 14px;
+    line-height: 19px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu > li > a:hover {
+    background: none;
+}
+
+
+.bootstrap-select.btn-group .spring-icon {
+    vertical-align: top;
+    margin: 2px 0 0 6px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > dt small {
+    font-weight: normal;
+}
+
+.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
+    display: inline-block;
+    position: absolute;
+    right: 15px;
+    margin-top: 2.5px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
+    display: none;
+}
+
+.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
+    margin-right: 34px;
+}
+
+.bootstrap-select.btn-group .dropdown-menu li small {
+    padding-left: 0.5em;
+}
+
+
+
+.bootstrap-select.btn-group .dropdown-menu li:not(.disabled):hover,
+.bootstrap-select.btn-group .dropdown-menu li:not(.disabled):focus {
+    background-color: rgba(0,0,0,0.3);
+}
+
+.bootstrap-select.btn-group .dropdown-menu li > dt small {
+    font-weight: normal;
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
+    content: '';
+    display: inline-block;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #CCC;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    position: absolute;
+    bottom: -4px;
+    left: 9px;
+    display: none;
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
+    content: '';
+    display: inline-block;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid white;
+    position: absolute;
+    bottom: -4px;
+    left: 10px;
+    display: none;
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
+  bottom: auto;
+  top: -3px;
+  border-top: 7px solid #ccc;
+  border-bottom: 0;
+  border-top-color: rgba(0, 0, 0, 0.2);
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
+  bottom: auto;
+  top: -3px;
+  border-top: 6px solid #ffffff;
+  border-bottom: 0;
+}
+
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
+    right: 12px;
+    left: auto;
+}
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
+    right: 13px;
+    left: auto;
+}
+
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
+.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
+    display: block;
+}
+
+.mobile-device {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: block !important;
+    width: 100%;
+    height: 100% !important;
+    opacity: 0;
+}
\ No newline at end of file

src/pages/css/buttons.css.css

+.btn.btn-black {
+  background-color: #34302d;
+  background-image: none;
+  border-radius: 0;
+  color: #f1f1f1;
+  font-size: 14px;
+  line-height: 14px;
+  font-family: "Montserrat", sans-serif;
+  border: 2px solid #6db33f;
+  padding: 21px 60px;
+  text-shadow: none;
+  transition: border 0.15s;
+  -webkit-transition: border 0.15s;
+  -moz-transition: border 0.15s;
+  -o-transition: border 0.15s;
+  -ms-transition: border 0.15s;
+}
+.btn.btn-black.sub-text {
+  padding: 12px 0;
+}
+.btn.btn-black.sub-text p {
+  margin-top: 6px;
+  color: #eeeeee;
+  font-size: 14px;
+  line-height: 14px;
+  font-family: "Montserrat", sans-serif;
+  text-transform: none;
+}
+.btn.btn-black:hover {
+  border-color: #34302d;
+  box-shadow: none;
+  text-decoration: none;
+}
+.btn.btn-black:active {
+  box-shadow: inset 0 3px 6px #0b0a0a;
+  border-color: #34302d;
+}
+.btn.uppercase {
+  text-transform: uppercase;
+}

src/pages/css/typography.css.css

+body, h1, h2, h3, p, input {
+  margin: 0;
+  font-weight: 400;
+  font-family: "Varela Round", sans-serif;
+  color: #34302d;
+}
+
+h1 {
+  font-size: 24px;
+  line-height: 30px;
+  font-family: "Montserrat", sans-serif;
+}
+
+h2 {
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 24px;
+  margin-bottom: 10px;
+  font-family: "Montserrat", sans-serif;
+}
+
+h3 {
+  font-size: 16px;
+  line-height: 24px;
+  margin-bottom: 10px;
+  font-weight: 700;
+}
+
+p {
+  font-size: 15px;
+  line-height: 24px;
+}
+p a {
+  color: #5fa134;
+}
+
+code {
+  font-size: 14px;
+}

src/pages/project-icon.md

+<div class="project-sub-link">{{include.link | markdownify }}</div>