mirror of
https://github.com/codeninjasuk/codeninjasuk.github.io.git
synced 2024-11-22 15:28:09 -05:00
123 lines
6.3 KiB
HTML
123 lines
6.3 KiB
HTML
---
|
||
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.®</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.®</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="/programmes/" 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="/programmes/" 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 & 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 class="w3-row w3-margin-top">
|
||
<div class="w3-margin w3-black w3-round">
|
||
<div class="w3-row w3-padding-16 w3-margin">
|
||
<div class="w3-col m9">
|
||
<p>Looking for the Ninja's Creator Hub?</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">
|
||
<img class="w3-margin" src="https://showcase.codeninjaslangley.co.uk/assets/images/through-the-window.svg" style="width: 300px;" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|