codeninjasuk.github.io/index.html
2023-07-20 12:33:07 +01:00

104 lines
5.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
layout: default
author_profile: true
classes: wide
w3: true
---
<!-- Header -->
<header class="w3-">
<div class="w3-row" style="background:#0763ad; color:white" id="about">
<div class="w3-col m9 w3-padding-large w3-flex-parent">
<div class="w3-flex-child">
<h1 class="w3- w3-bolder" style="font-weight: 1000;font-size: 6vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
<h3 class="w3- w3-bolder">Langley Berkshire</h3>
<h3 class="w3-bolder" style="font-weight: 1000;">SUMMER CAMPS OPEN!</h3>
<a href="/camps/" class="btn btn-success w3-small">Learn More</a>
</div>
</div>
<div class="w3-col m3 w3-right">
<img src="https://www.codeninjas.co.uk/assets/img/brands/codeNinjas/mission-statement-reflection-cropped.png" class="w3-round w3-image" width="600" height="750">
</div>
</div>
<div class="w3-row">
<p class=" w3-center" style="font-weight: 1000;font-size: 3vh;">WE MAKE CODING FUN.&reg;</p>
</div>
</header>
<!-- <header class="w3-center">
<div class="w3-row w3-padding-64" id="about">
<h1 class="w3-center w3-jumbo w3-bolder w3-text-black" style="font-weight: 1000;font-size: 8vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
<h3 class="w3-center w3-bolder">Langley Berkshire</h3>
<p class="w3-large">WE MAKE CODING FUN.&reg;</p>
</div>
</header> -->
<div class="w3-content" style="max-width:1100px">
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m3 w3-padding-large">
<img src="/assets/img/create-program.png" class="w3-round w3-image" width="300" height="300">
</div>
<div class="w3-col m9 w3-padding-large w3-flex-child">
<span class="badge w3-right"><span class="h6 text-uppercase">AGES 7 TO 14</span></span>
<h2 class="w3-bolder" style="font-weight: 1000;">CODE NINJAS<span class="display-4 regicon">®</span></h2>
<h1 class="w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;"> <span style="color:teal">CREATE</span></h1>
<p class="w3-large">An exciting learning adventure for tech-loving kids! Have a blast building awesome video games and developing ninja coding skills on the path from white to black belt.</p>
<a href="/create-programme" class="btn-success btn">Learn More</a> <a href="https://www.codeninjas.co.uk/enroll/langley-brk-uk/code-ninjas-create" class="btn-warning btn w3-margin-left">Enroll</a>
</div>
</div>
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m9 w3-padding-large w3-flex-child">
<span class="badge w3-right"><span class="h6 text-uppercase">AGES 5 TO 7</span></span>
<h2 class="w3-text-right w3-bolder" style="font-weight: 1000;">CODE NINJAS<span class="display-4 regicon">®</span></h2>
<h1 class="w3-text-right w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;"><span style="color:teal">JR</span></h1>
<p class="w3-large">Code Ninjas JR builds a foundation of coding and problem-solving skills for kids ages 5-7 through our fun and completely visual curriculum no reading required!</p>
<p class="w3-large">Our world-class programme combines storytelling and game building with hands-on projects for an immersive education experience.</p>
<a href="https://www.codeninjas.co.uk/enroll/langley-brk-uk/code-ninjas-jr" class="btn-warning btn w3-right w3-margin-left">Enroll</a>
<a href="/junior-programme" class="btn-success btn w3-right">Learn More</a>
</div>
<div class="w3-col m3 w3-padding-large">
<img src="/assets/img/jr-program.png" class="w3-round w3-image" width="300" height="300">
</div>
</div>
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m3 w3-padding-large">
<img src="/assets/img/camp-program.png" class="w3-round w3-image" width="600" height="400">
</div>
<div class="w3-col m9 w3-padding-large w3-flex-child">
<span class="badge w3-right"><span class="h6 text-uppercase">SUMMER &amp; YEAR ROUND</span></span>
<h2 class=" w3-bolder" style="font-weight: 1000;">CODE NINJAS<span class="display-4 regicon">®</span></h2>
<h1 class=" w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;"><span style="color:teal">CAMPS</span></h1>
<p class="w3-large">An exciting learning adventure for tech-loving kids! Have a blast building awesome video games and developing ninja coding skills on the path from white to black belt.</p>
<a href="/camps" class="btn-success btn">Learn More</a>
</div>
</div>
<div class="w3-row w3-container text-center">
<div class="w3-col l3 m6 w3-light-grey w3-container w3-padding-16">
<img src="https://img.icons8.com/?size=512&id=NDoZ1UbUuS7c&format=png" width="100px" alt="">
<h3>Stopmotion Animation</h3>
</div>
<div class="w3-col l3 m6 w3-container w3-padding-16">
<img src="https://img.icons8.com/?size=512x&id=nQVd58awWcQA&format=gif" width="100px" alt="">
<h3>Moviemaking with Minecraft</h3>
</div>
<div class="w3-col l3 m6 w3-container w3-padding-16">
<img src="https://img.icons8.com/?size=512x&id=qdWsFiGwz7NW&format=gif" width="100px" alt="">
<h3>Become a Youtuber</h3>
</div>
<div class="w3-col l3 m6 w3-light-grey w3-container w3-padding-16">
<img src="https://img.icons8.com/?size=512x&id=113741&format=png" width="100px" alt="">
<h3>Roblox Development</h3>
</div>
</div>
</div>