copied _includes folder

_includes/common/apsBtn.html

@@ -0,0 +1,4 @@
+<div class="text-center mt-5">
+  <a href="{{ site.baseurl }}/onboarding/aps.html" class="btn btn-primary" role="button"
+    aria-disabled="true">Request Access</a>
+</div>

_includes/common/dockerTable.html

@@ -0,0 +1,31 @@
+<div class="feature-card">
+  <p class="onboard-table-desc">Finding and sharing container images (software components you can deploy and host) with your team and the
+    Docker community</p>
+  <div class="card">
+    <div class="card-header">
+      {{ include.param.title }} Images
+    </div>
+    <div class="card-body">
+      {% for image in include.param.dockerImages %}
+      <div class="row no-gutters">
+        <div class="col-sm-4">{{ image.name }}</div>
+        <div class="col-sm-8">
+          {% if image.description %}
+            {{ image.description }}
+          <hr>
+          {% endif %}
+          {% if image.badges %}
+            {% for badge in image.badges %}
+              <img src="{{ badge }}" />
+            {% endfor %}
+          <hr>
+          {% endif %}
+          <a href="{{ image.url }}" target="_blank">{{ image.url }}
+            <i class="fas fa-external-link-square-alt"></i>
+          </a>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

_includes/common/npmTable.html

@@ -0,0 +1,31 @@
+<div class="feature-card">
+  <p class="onboard-table-desc">Share independently usable packages of code for teams to achieve a variety of capabilities in their systems.
+  </p>
+  <div class="card">
+    <div class="card-header">
+      {{ include.param.title }} NPM Packages
+    </div>
+    <div class="card-body">
+      {% for package in include.param.npmPackages %}
+      <div class="row no-gutters">
+        <div class="col-sm-4">{{ package.name }}</div>
+        <div class="col-sm-8">
+          {% if package.description %}
+            {{ package.description }}
+          <hr>
+          {% endif %}
+          {% if package.badges %}
+            {% for badge in package.badges %}
+              <img src="{{ badge }}" />
+            {% endfor %}
+          <hr>
+          {% endif %}
+          <a href="{{ package.url }}" target="_blank">{{ package.url }}
+            <i class="fas fa-external-link-square-alt"></i>
+          </a>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

_includes/common/postmanExampleModal.html

@@ -0,0 +1,55 @@
+<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+  aria-hidden="true">
+  <div class="modal-dialog mw-100 w-50" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <span class="modal-title" id="exampleModalLabel">Setup your Postman collection</span>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+          <div class="carousel-inner">
+            <div class="carousel-item active">
+              <img class="d-block w-100" src="{{ site.baseurl }}/assets/images/postman_guide/step1.png"
+                alt="Import the collection">
+            </div>
+            <div class="carousel-item">
+              <img class="d-block w-100" src="{{ site.baseurl }}/assets/images/postman_guide/step2.png"
+                alt="Edit collection variables">
+            </div>
+            <div class="carousel-item">
+              <img class="d-block w-100" src="{{ site.baseurl }}/assets/images/postman_guide/step3.png"
+                alt="Enter your Service Client and Password and email">
+            </div>
+            <div class="carousel-item">
+              <img class="d-block w-100" src="{{ site.baseurl }}/assets/images/postman_guide/step4.png"
+                alt="Open collection runner">
+            </div>
+            <div class="carousel-item">
+              <img class="d-block w-100" src="{{ site.baseurl }}/assets/images/postman_guide/step5.png"
+                alt="Run the collection">
+            </div>
+          </div>
+          <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+          </a>
+          <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+          </a>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <ul>
+          <li>Import the collection</li>
+          <li>Edit the collection variables</li>
+          <li>Enter your Service Client and Password and email</li>
+          <li>Open the collection runner</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

_includes/footer.html

@@ -0,0 +1,12 @@
+  <footer class="footer">
+    <div class="container">
+    <ul>
+      <li><a href="https://www.gov.bc.ca/">Home</a></li>
+      <li><a href="https://www.gov.bc.ca/">Disclaimer</a></li>
+      <li><a href="http://gov.bc.ca/privacy">Privacy</a></li>
+      <li><a href="http://gov.bc.ca/webaccessibility">Accessibility</a></li>
+      <li><a href="http://gov.bc.ca/copyright">Copyright</a></li>
+      <li><a href="https://www2.gov.bc.ca/gov/content/home/contact-us">Contact Us</a></li>
+    </ul>
+    </div>
+  </footer>

_includes/header.html

@@ -0,0 +1,16 @@
+<header>
+    <div class="banner">
+        <a href="{{ site.baseurl }}/" alt="British Columbia">
+          <img src="{{ site.baseurl }}/assets/images/BCID_H_rgb_rev.svg" alt="Go to the Government of British Columbia website" class="logo-banner"/>
+        </a>
+        <h1>{{ site.title }}</h1>
+    </div>
+    <div class="other">
+    <!--
+      This place is for anything that needs to be right aligned
+      beside the logo.
+    -->
+      &nbsp;
+    </div>
+    </div>
+  </header>

_includes/navigation.html

@@ -0,0 +1,34 @@
+{% assign current = page.url | downcase | split: '/' %}
+{% assign commonServices = site.services | sort: 'order' %}
+{% assign onboarding = site.onboarding | sort: 'order' %}
+
+<nav class="navigation-main" id="navbar">
+  <div class="container">
+    <ul>
+      <li class="{% if page.url == '/' %}active{% endif %}"><a href='{{ site.baseurl }}/'>Overview</a></li>
+      <li class="nav-item dropdown {% if page.url contains '/services/' %}active{% endif %}">
+        <a class="nav-link dropdown-toggle" href="#" id="compDropdown" role="button" data-toggle="dropdown"
+          aria-haspopup="true" aria-expanded="false">
+          Services
+        </a>
+        <div class="dropdown-menu" aria-labelledby="compDropdown">
+          {% for card in commonServices %}
+            <a class="dropdown-item" href="{{ site.baseurl }}{{ card.url }}.html">{{ card.title }}</a>
+          {% endfor %}
+        </div>
+      </li>
+      <li class="nav-item dropdown  {% if page.url contains '/onboarding/' %}active{% endif %}">
+        <a class="nav-link dropdown-toggle" href="#" id="onbDropdown" role="button" data-toggle="dropdown"
+          aria-haspopup="true" aria-expanded="false">
+          Onboard
+        </a>
+        <div class="dropdown-menu" aria-labelledby="onbDropdown">
+          {% for card in onboarding %}
+            <a class="dropdown-item" href="{{ site.baseurl }}{{ card.url }}.html">{{ card.title }}</a>
+          {% endfor %}
+        </div>
+      <li><a href='https://github.com/bcgov/common-service-showcase/wiki' target="_blank">Wiki</a></li>
+      <li class="{% if page.url == '/team.html' %}active{% endif %}"><a href='{{ site.baseurl }}/team.html'>Our Team</a></li>
+    </ul>
+  </div>
+</nav>