codeninjasuk.github.io/pages/camps.html

83 lines
4.1 KiB
HTML
Raw Normal View History

2023-07-19 18:11:34 -04:00
---
title: Camps
layout: default
permalink: /camps/
w3: true
2023-07-20 07:33:07 -04:00
camps:
2024-06-04 14:25:25 -04:00
- name: Minecraft Modding Masters
2023-07-20 07:33:07 -04:00
img: https://img.icons8.com/?size=512x&id=nQVd58awWcQA&format=gif
2024-06-04 14:25:25 -04:00
link: http://registration.codeninjas.com/cn-langley-brk-uk/?facilityProgramGuid=8cdaf7f8-0cf3-4c95-9210-c2c6f543f755&ignoreCapacity=True&fullDay=True
dates: 30th, 31st July
youtubeid: UMKng76YFq4
ended: false
- name: Program & Play with Python
img: https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/1869px-Python-logo-notext.svg.png
link: http://registration.codeninjas.com/cn-langley-brk-uk/?facilityProgramGuid=c7d2e255-9946-43c2-88d9-3724cc53b1c3&ignoreCapacity=True&fullDay=True
2023-07-20 07:33:07 -04:00
dates: 1st, 2nd August
youtubeid: UMKng76YFq4
2024-06-04 14:25:25 -04:00
ended: false
- name: Stop Motion Animation
img: https://img.icons8.com/?size=512&id=NDoZ1UbUuS7c&format=png
link: http://registration.codeninjas.com/cn-langley-brk-uk/?facilityProgramGuid=2801dfc3-f285-43ae-a786-48e730e9d5e4&ignoreCapacity=True&fullDay=True
dates: 13th, 14th August
youtubeid: 5Zs7vqM8t24
ended: false
- name: Roblox World Creators
2023-07-20 07:33:07 -04:00
img: https://img.icons8.com/?size=512x&id=113741&format=png
2024-06-04 14:25:25 -04:00
link: http://registration.codeninjas.com/cn-langley-brk-uk/?facilityProgramGuid=8c1e438d-9b33-40a5-a997-2d30b7b3f349&ignoreCapacity=True&fullDay=True
dates: 20th, 21th August
2023-07-20 07:33:07 -04:00
youtubeid: ANL0Jz7Yt2c
2024-06-04 14:25:25 -04:00
ended: false
2023-07-19 18:11:34 -04:00
---
<div class="w3-content" style="max-width:1100px">
2023-10-18 16:52:08 -04:00
<div class="w3-row w3-white w3-container text-center">
2023-07-20 07:33:07 -04:00
<div class="w3-center w3-padding-32">
<img src="/assets/img/camp-program.png" class="w3-round w3-image" width="200" height="200">
<h2 class="w3-text-right w3-bolder" style="font-weight: 1000;">CODE NINJAS<span class="display-4 regicon">®</span></h2>
2023-07-19 18:11:34 -04:00
<h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;"><span style="color:teal">CAMPS</span></h1>
2023-07-20 07:33:07 -04:00
<p class="w3-padding-16 w3-large">Our camps offer an immersive environment for kids to explore and develop new skills, gain confidence, and have fun with friends. From coding and game building, to STEM and robotics - it's an unforgettable experience!</p>
2023-07-19 18:11:34 -04:00
</div>
2023-07-20 07:33:07 -04:00
{% for camp in page.camps %}
<div class="w3-col l6 m6 w3-container w3-padding-32">
<img src="{{camp.img}}" width="100px" alt="{{camp.name}}">
<h3 class="w3-bolder w3-petite-caps">{{camp.name}}</h3>
<div class="w3-margin">
{{camp.dates}}
</div>
2023-08-05 15:04:17 -04:00
{% if camp.ended %}
<p class="w3-text-red">CAMP CONCLUDED</p>
{% endif %}
2023-07-20 07:33:07 -04:00
<a class="btn btn-success" href="{{camp.link}}">Learn More</a> <button class="btn btn-success" onclick="document.getElementsByName('{{camp.name}}')[0].style.display='block'" href="{{camp.link}}"><i class="fa fa-video"></i></button>
2023-08-05 15:04:17 -04:00
2023-07-20 07:33:07 -04:00
<div name="{{camp.name}}" class="w3-modal">
<div class="w3-modal-content">
<div class="w3-container">
<span onclick="document.getElementsByName('{{camp.name}}')[0].style.display='none'"
class="w3-button w3-display-topright"><i class="fa fa-times"></i></span>
<p>{{camp.name}}</p>
<iframe width="420" height="315" style="width: 100%;" src="https://www.youtube-nocookie.com/embed/{{camp.youtubeid}}?autoplay=1&controls=0&modestbranding=1&showinfo=0&rel=0" allowfullscreen></iframe>
</div>
</div>
</div>
2023-07-19 18:11:34 -04:00
</div>
2023-07-20 07:33:07 -04:00
{% endfor %}
2023-10-18 16:52:08 -04:00
</div>
<div class="w3-row w3-black w3-padding-32 w3-container">
<div class="w3-margin w3-round">
<div class="w3-row w3-padding-16 w3-margin">
<div class="w3-col m9">
<p>Check out our Camp Creations!</p>
<h1 style="font-weight: 1000;font-size: 6vh;">Showcase</h1>
<h3>A Place to Showcase works of art that are made by our talented & creative ninjas.</h3>
<a href="https://showcase.codeninjaslangley.co.uk" class="btn btn-success w3-small" target="_blank">View Showcase</a>
</div>
<div class="w3-col m3">
2023-10-21 19:04:28 -04:00
<img class="w3-margin" src="/assets/img/camp-fun.webp" style="width: 300px;" alt="">
2023-10-18 16:52:08 -04:00
</div>
</div>
</div>
2023-07-19 18:11:34 -04:00
</div>