linaro-jekyll-theme 0.1.1

data/_includes/_theme-includes/_page-structure/breadcrumb.html

@@ -0,0 +1,51 @@
+    <div class="container-fluid breadcrumb-container"><!--- Main fluid container start ---->
+      <div class="row"> <!--- Row Start ---->
+        <div class="container"><!--- Container Start ---->
+          <h1>
+              {% if page.page_title %}
+                {{ page.page_title }}
+              {% else %}
+                {{page.title}}
+              {% endif %}
+          </h1>
+          <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb">
+              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                  <a itemprop="item" href="/">
+                      <span itemprop="name">96Boards</span>
+                  </a>
+                  <meta itemprop="position" content="1" />
+              </li>
+              {% assign page-url = page.url | split: "/" %}
+              {% assign iterator = 2 %}
+              {% assign breadcrumb-path = "/" %}
+              {% for section in page-url %}
+                  {% if section == "" or section == "index.html"%}
+                      {% continue %}
+                  {% elsif section == "product" %}
+                      {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                          <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                              <a itemprop="item" href="/products/">
+                                  <span itemprop="name">{{section | truncate: 20 | capitalize }}s</span>
+                              </a>
+                              <meta itemprop="position" content="{{iterator}}" />
+                          </li>
+                  {% else %}
+                  {% capture breadcrumb-path %}{{breadcrumb-path}}{{section}}/{% endcapture%}
+                      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                          <a itemprop="item" href="{{breadcrumb-path}}">
+                              <span itemprop="name">{{section | truncate: 20 | capitalize }}</span>
+                          </a>
+                          <meta itemprop="position" content="{{iterator}}" />
+                      </li>
+                  {% endif %}
+                  {% assign iterator = iterator + 1 %}
+              {% endfor %}
+              {% assign iterator = iterator + 1%}
+              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                  <span itemprop="name">{% if page.title %}{{page.title}}{% else %}{{ page.title }}{% endif %}</span>
+                  <meta itemprop="position" content="{{iterator}}" />
+              </li>
+          </ol>
+      </div>
+    </div>
+</div>

data/_includes/_theme-includes/_page-structure/old-breadcrumb.html

@@ -0,0 +1,139 @@
+{% for product in site.data.product_db.products %}
+    {% if product.product_permalink == page.permalink %}
+        {% assign bc = product %}
+    {% endif %}
+{% endfor %}
+{% if bc %}
+    <div class="container-fluid breadcrumb-container"><!--- Main fluid container start ---->
+      <div class="row"> <!--- Row Start ---->
+        <div class="container breadcrumb-inner-container"><!--- Container Start ---->
+          <h1>
+            {% if bc.breadcrumb-title %}
+              {{ bc.breadcrumb-title }}
+            {% else %}
+              {{
+                bc.product_title
+              }}
+            {% endif %}
+          </h1>
+          <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb">
+            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                <a itemprop="item" href="/">
+                    <span itemprop="name">96Boards</span>
+                </a>
+                <meta itemprop="position" content="1" />
+            </li>
+            {% if bc.breadcrumb-section %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase}}/">
+                        <span itemprop="name">{{ bc.breadcrumb-section }}</span>
+                    </a>
+                    <meta itemprop="position" content="2" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-section-two %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase }}/{{ bc.breadcrumb-section-two | replace: " ", "" | downcase}}">
+                        <span itemprop="name">{{ bc.breadcrumb-section-two }}</span>
+                    </a>
+                    <meta itemprop="position" content="3" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-section-three %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase }}/{{ bc.breadcrumb-section-two | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-three | replace: " ", "" | downcase}}/">
+                        <span itemprop="name">{{ bc.breadcrumb-section-three }}</span>
+                    </a>
+                    <meta itemprop="position" content="4" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-section-four %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase}}/{{ bc.breadcrumb-section-two | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-three | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-four | replace: " ", "" | downcase}}/">
+                        <span itemprop="name">{{ bc.breadcrumb-section-four }}</span>
+                    </a>
+                    <meta itemprop="position" content="5" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-section-five %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase}}/{{ bc.breadcrumb-section-two | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-three | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-four | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-five | replace: " ", "" | downcase}}/">
+                        <span itemprop="name">{{ bc.breadcrumb-section-five }}</span>
+                    </a>
+                    <meta itemprop="position" content="6" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-section-six %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <a itemprop="item" href="/{{ bc.breadcrumb-section | replace: " ", "" | downcase}}/{{ bc.breadcrumb-section-two | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-three | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-four | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-five | replace: " ", "" | downcase}}/{{bc.breadcrumb-section-six | replace: " ", "" | downcase}}/">
+                        <span itemprop="name">{{ bc.breadcrumb-section-six }}</span>
+                    </a>
+                    <meta itemprop="position" content="7" />
+                </li>
+            {% endif %}
+            {% if bc.breadcrumb-subtitle %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <span itemprop="name">{{ bc.breadcrumb-subtitle }}</span>
+                    <meta itemprop="position" content="8" />
+                </li>
+            {% elsif bc.product_title %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <span itemprop="name">{{ bc.product_title }}</span>
+                    <meta itemprop="position" content="8" />
+                </li>
+            {% else %}
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                    <span itemprop="name">{{ page.title }}</span>
+                    <meta itemprop="position" content="8" />
+                </li>
+            {% endif %}
+          </ol>
+      </div>
+    </div>
+    </div>
+
+{% else %}
+    {% assign bc = page %}
+    <div class="container-fluid breadcrumb-container"><!--- Main fluid container start ---->
+      <div class="row"> <!--- Row Start ---->
+        <div class="container"><!--- Container Start ---->
+          <h1>
+              {{page.title}}
+          </h1>
+          <ol itemscope itemtype="http://schema.org/BreadcrumbList" class="breadcrumb">
+              {% assign page-url = page.permalink | split: "/" %}
+              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                  <a itemprop="item" href="/">
+                      <span itemprop="name">96Boards</span>
+                  </a>
+                  <meta itemprop="position" content="1" />
+              </li>
+              {% assign iterator = 2 %}
+              {% assign breadcrumb-path = "/" %}
+              {% for section in page-url %}
+                  {% if section == ""%}
+                      {% continue %}
+                  {% else %}
+                      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                          <a itemprop="item" href="{{breadcrumb-path}}">
+                              <span itemprop="name">{{section | capitalize }}</span>
+                          </a>
+                          <meta itemprop="position" content="{{iterator}}" />
+                      </li>
+                  {% endif %}
+                  {% assign breadcrumb-path = breadcrumb-path + section + "/" %}
+                  {% assign iterator = iterator + 1%}
+              {% endfor %}
+              {% assign iterator = iterator + 1%}
+              <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
+                  <span itemprop="name">{{page.title}}</span>
+                  <meta itemprop="position" content="{{iterator}}" />
+              </li>
+
+
+          </ol>
+      </div>
+    </div>
+    </div>
+
+{% endif %}

data/_includes/_theme-includes/_script-includes/css.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">

data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html

@@ -0,0 +1,4 @@
+<!-- Google Tag Manager (noscript) -->
+<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P53JPC"
+height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<!-- End Google Tag Manager (noscript) -->

data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html

@@ -0,0 +1,7 @@
+<!-- Google Tag Manager -->
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-P53JPC');</script>
+<!-- End Google Tag Manager -->

data/_includes/_theme-includes/_script-includes/javascript.html

@@ -0,0 +1,2 @@
+{% js app %}
+{% js vendor %}

data/_includes/_theme-includes/_third-party/disqus.html

@@ -0,0 +1,14 @@
+<section class="disqus">
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = '{{ site.disqus_shortname }}';
+        var disqus_developer = 0; // developer mode is on
+        (function() {
+            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+        })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</section>

data/_includes/_theme-includes/_third-party/mailchimp-homepage.html

@@ -0,0 +1,38 @@
+<div class="row sub-footer">
+    <div class="container">
+    <div id="mc_embed_signup">
+
+       <!-- Begin MailChimp Signup Form -->
+
+       <div id="mc_embed_signup">
+         <form action="//96boards.us3.list-manage.com/subscribe/post?u=14baaae786342d0d405ee59c2&amp;id=e3d2abc041" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+           <div id="mc_embed_signup_scroll">
+             <div class="col-md-3 col-xs-12 form-group"> <div class="mc-field-group">
+               <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Email Address ">
+               </div>
+             </div>
+             <div class="col-md-3 col-xs-12 form-group"><div class="mc-field-group">
+               <input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="First Name ">
+               </div>
+             </div>
+             <div class="col-md-3 col-xs-12 form-group"><div class="mc-field-group">
+               <input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME" placeholder="Last Name ">
+               </div>
+             </div>
+             <div class="col-md-3 col-xs-12 form-group">
+                 <div class="clear">
+                   <button type="submit" value="Subscribe to Newsletter" name="subscribe" id="mc-embedded-subscribe" class="form-control btn-primary">Subscribe to Newsletter</button>
+                 </div>
+             </div>
+             <div id="mce-responses" class="clear">
+               <div class="response" id="mce-error-response" style="display:none"></div>
+               <div class="response" id="mce-success-response" style="display:none"></div>
+             </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+             <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_14baaae786342d0d405ee59c2_e3d2abc041" tabindex="-1" value=""></div>
+           </div>
+         </form>
+       </div>
+       </div>
+
+   </div>
+</div>

data/_includes/_theme-includes/_third-party/mailchimp-sub-footer.html

@@ -0,0 +1,40 @@
+<div class=container"">
+    <div class="row sub-footer"><div class="container">
+        <!-- Newsletter -->
+        <div id="mc_embed_signup">
+
+          <!-- Begin MailChimp Signup Form -->
+
+          <div id="mc_embed_signup">
+            <form action="//96boards.us3.list-manage.com/subscribe/post?u=14baaae786342d0d405ee59c2&amp;id=e3d2abc041" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+              <div id="mc_embed_signup_scroll">
+                <div class="col-md-3 col-xs-12 form-group"> <div class="mc-field-group">
+                  <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email Address ">
+                  </div>
+                </div>
+                <div class="col-md-3 col-xs-12 form-group"><div class="mc-field-group">
+                  <input type="text" value="" name="FNAME" class="" id="mce-FNAME" placeholder="First Name ">
+                  </div>
+                </div>
+                <div class="col-md-3 col-xs-12 form-group"><div class="mc-field-group">
+                  <input type="text" value="" name="LNAME" class="" id="mce-LNAME" placeholder="Last Name ">
+                  </div>
+                </div>
+                <div class="col-md-3 col-xs-12 form-group">
+                    <div class="clear">
+                      <input type="submit" value="Subscribe to Newsletter" name="subscribe" id="mc-embedded-subscribe" class="button">
+                    </div>
+                </div>
+                <div id="mce-responses" class="clear">
+                  <div class="response" id="mce-error-response" style="display:none"></div>
+                  <div class="response" id="mce-success-response" style="display:none"></div>
+                </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_14baaae786342d0d405ee59c2_e3d2abc041" tabindex="-1" value=""></div>
+              </div>
+            </form>
+          </div>
+        </div>
+    </div></div><!-- end sub-footer -->
+
+
+  </div>

data/_includes/_theme-includes/members.html

@@ -0,0 +1,63 @@
+<div class="container">
+    <div class="row margin-top">
+        <div class="panel panel-primary">
+          <div class="panel-heading">96Boards Manufacturing Partners</div>
+          <div class="panel-body members-panel-body">
+              <div class="col-md-12 members-panel">
+                      {% assign sorted_manufacturing_partners = site.data.members_db.members.manufacturing_partners | sort: 'name' %}
+                      {% for member in sorted_manufacturing_partners %}
+                               <div class="col-md-3 col-sm-4 col-xs-6">
+                                   <a href="{{member.url}}">
+                                       <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
+                                        src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                                        class="img-responsive members-img lazyload center-block"/>
+                                    </a>
+                               </div>
+                      {% endfor %}
+                </div>
+         </div>
+      </div>
+    </div>
+
+    <div class="row">
+        <div class="members-panel panel panel-primary">
+          <div class="panel-heading">96Boards Steering Committee</div>
+          <div class="panel-body members-panel-body">
+              <div class="col-md-12 members-panel">
+                  {% assign sorted_steering_committee = site.data.members_db.members.steering_committee | sort: 'name' %}
+                  {% for member in sorted_steering_committee %}
+                      <div class="col-md-3 col-sm-4 col-xs-6">
+                          <a href="{{member.url}}">
+                              <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
+                               src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                               class="img-responsive members-img lazyload center-block"/>
+                           </a>
+                      </div>
+                  {% endfor %}
+              </div>
+        </div>
+</div>
+</div>
+
+
+    <div class="row">
+        <div class="panel panel-primary">
+              <div class="panel-heading">96Boards Mezzanine Partners</div>
+              <div class="panel-body members-panel-body">
+          <div class="col-md-12 members-panel">
+              {% assign sorted_mezzanine_partners = site.data.members_db.members.mezzanine_partners | sort: 'name' %}
+              {% for member in sorted_mezzanine_partners %}
+                  <div class="col-md-3 col-sm-4 col-xs-6">
+                      <a href="{{member.url}}">
+                          <img data-src="/assets/images/members/{{member.image}}" alt="{{member.name}}"
+                           src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
+                           class="img-responsive members-img lazyload center-block"/>
+                       </a>
+                  </div>
+              {% endfor %}
+          </div>
+        </div>
+        </div>
+    </div>
+
+</div>

data/_includes/base.html

@@ -0,0 +1,14 @@
+{% assign base = '' %}
+{% assign depth = page.url | split: '/' | size | minus: 0 %}
+{% if depth <= 1 %}
+    {% assign base = '.' %}
+{% elsif depth == 2 %}
+    {% assign base = '..' %}
+{% elsif depth == 3 %}
+    {% assign base = '../..' %}
+{% elsif depth == 4 %}
+    {% assign base = '../../..' %}
+{% elsif depth == 5 %}
+    {% assign base = '../../../..' %}
+{% assign base = site.fullpath %}
+{% endif %}

data/_includes/image.html

@@ -0,0 +1 @@
+[![{{include.alt}}](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==){:class="img-responsive lazyload" data-src="{% asset_path '{{include.name}}' %}"}]({% if include.url %}{{include.url}}{% else %}{% asset_path "{{include.name}}" %}{% endif %}){:{% if include.url %} {% else %}data-lightbox="{{include.name}}" data-title="{{include.alt}}"{% endif %}}

data/_includes/media.html

@@ -0,0 +1,3 @@
+<div class="embed-responsive embed-responsive-16by9">
+  <iframe src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload embed-responsive-item" data-src="{{include.media_url}}"></iframe>
+</div>

data/_includes/owl-carousel-homepage.html

@@ -0,0 +1,103 @@
+<div class="row activity-container">
+  <div class="container text-center">
+    <!--<h3>Activity around 96Boards</h3> -->
+    <!-- Example row of columns -->
+    <div class="row activity-holder">
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+                  <a href="/product/hikey960/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/price-hikey960.png" />
+                  <p>Hikey 960<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/dragonboard410c/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/db410c-price.png" />
+                  <p>DragonBoard™ 410c<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/bubblegum-96/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/bubblegum-price.png" />
+                  <p>Bubblegum-96<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/mediatek-x20/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/mediatek-x20-price.png" />
+                  <p>Mediatek X20<br /><br /></p></a>
+                </div>
+                <div class="activity-block item">
+                  <a href="/product/carbon/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/carbon-price.png" />
+                  <p class="owl-text">Carbon<br /><br /></p></a>
+                </div>
+            </div>
+            <p><a class="btn btn-primary" href="/products/" role="button">View Products</a></p>
+        </div>
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+                 <a href="/blog/96boards-96brews-automated-home-brewing/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-1.png" />
+                 <p>96Boards for 96Brews – Automated Home Brewing</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/96boards-ce-temp-using-level-shifters-2-line-displays/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-2.png" />
+                 <p>96Boards CE what temp is it? Using level shifters and 2-line displays</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/ce-iot-using-sensors/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-3.png" />
+                 <p>96Boards Consumer Edition, IoT and using sensors</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/96boards-media-server/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-4.png" />
+                 <p>Setting up a home 96Boards media server<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="/blog/st-system-level-esd-protection/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-blog-5.png" />
+                 <p class="owl-text">ST, System Level ESD Protection and OpenHours</p></a>
+               </div>
+            </div>
+            <p><a class="btn btn-primary" href="/blog/" role="button">View Blogs</a></p>
+        </div>
+
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                {% assign projects = site.projects | where: "project", "true" | sample:5 %}
+                {% for project in projects %}
+                    {% assign page-uri = project.permalink | split: "/" %}
+                    {% assign page-uri = page-uri[2] %}
+                    <div class="activity-block item">
+                      <a href="{{project.permalink}}"><img class="owl-lazy img-responsive homepage-image-project" data-src="/projects/view/{{page-uri}}/Images/thumb.png">
+                      <p>{{project.title}}<br><br></p></a>
+                    </div>
+                {% endfor %}
+            </div>
+            <p><a class="btn btn-primary" href="/projects/" role="button">View Projects</a></p>
+        </div>
+
+        <div class="col-md-3">
+            <div class="owl-carousel owl-theme">
+                <div class="activity-block item">
+               <a href="/openhours/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/OpenHours-1.png" />
+               <p>Click here for OpenHours Countdown<br /><br /></p></a>
+             </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Ask 96Boards questions on Discussion Forum</p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/latest"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Latest discussions on the Forum<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/top/monthly"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p>Top forum discussion topics<br /><br /></p></a>
+               </div>
+               <div class="activity-block item">
+                 <a href="https://discuss.96boards.org/login"><img class="owl-lazy img-responsive homepage-image-owl" data-src="/images/img-support.png" />
+                 <p class="owl-text">Login or register to join the discussion<br /><br /></p></a>
+               </div>
+            </div>
+            <p><a class="btn btn-primary" href="https://discuss.96boards.org/" role="button">Support Forums</a></p>
+        </div>
+
+        </div>
+  </div>
+</div><!-- /container -->