showcase/index.html

71 lines
1.9 KiB
HTML
Raw Normal View History

2023-07-22 13:34:09 -04:00
---
title: Home
layout: default
background: '/img/bg-index.jpg'
permalink: /
---
<!-- Home Intro
================================================== -->
{% if page.url == "/" %}
<div class="rounded mb-5 hero">
<div class="row align-items-center justify-content-between">
<div class="col-md-6">
2023-10-18 17:40:34 -04:00
<h1 class="font-weight-bold mb-5 text-white">Showcase</h1>
<h3 class="font-weight-bold text-white text-warning">Ninja's Creator Hub</h3>
2023-07-23 10:44:46 -04:00
<p class="lead mb-4 text-white">Our bright & creative ninjas have created masterpieces that are showcased here.</p>
<p class="text-white">
Haven't Heard about Code Ninjas? </br>
2023-08-05 15:19:31 -04:00
<a href="https://codeninjaslangley.co.uk" class="btn btn-light px-5 btn-lg">Learn more</a>
2023-07-23 10:44:46 -04:00
</p>
2023-07-22 13:34:09 -04:00
</div>
<div class="col-md-6 text-right pl-0 pl-lg-4">
2023-10-18 17:40:34 -04:00
<img class="intro" height="500" src="{{site.baseurl}}/assets/images/camp-fun.webp">
2023-07-22 13:34:09 -04:00
</div>
</div>
</div>
{% endif %}
<!-- Featured
================================================== -->
2023-10-18 17:40:34 -04:00
2023-07-22 13:34:09 -04:00
<section class="row">
2023-10-18 17:40:34 -04:00
<h2 class="m-3">Check out our Creations!</h2>
2023-07-22 13:34:09 -04:00
{% for post in site.posts %}
{% if post.featured == true %}
<div class="col-md-4 mb-5">
{% include postbox.html %}
</div>
{% endif %}
{% endfor %}
</div>
</section>
<!-- Posts List with Sidebar (except featured)
================================================== -->
<section class="row">
<div class="col-sm-8">
<div class="row">
{% for post in paginator.posts %}
{% unless post.featured == true %}
<div class="col-md-6 mb-5">
{% include postbox.html %}
</div>
{% endunless %}
{% endfor %}
</div>
<!-- Pagination -->
<div class="bottompagination">
<span class="navigation" role="navigation">
{% include pagination.html %}
</span>
</div>
</div>
<div class="col-sm-4">
{% include sidebar.html %}
</div>
</section>