mirror of
https://github.com/codeninjasuk/codeninjasuk.github.io.git
synced 2024-11-26 17:26:08 -05:00
92 lines
4.7 KiB
HTML
92 lines
4.7 KiB
HTML
---
|
||
layout: default
|
||
author_profile: true
|
||
classes: wide
|
||
w3: true
|
||
---
|
||
|
||
|
||
<!-- Header -->
|
||
<header class="w3-center">
|
||
<!-- About Section -->
|
||
<div class="w3-row w3-padding-64" style="background:#0763ad; color:white" id="about">
|
||
<div class="w3-col m6 w3-padding-large w3-hide-small">
|
||
<img src="https://www.codeninjas.co.uk/assets/img/brands/codeninjas/imact-med-logo.png" class="w3-round w3-image" alt="Table Setting" width="600" height="750">
|
||
</div>
|
||
<div class="w3-col m6 w3-padding-large w3-flex-child">
|
||
<h1 class="w3-center w3-bolder" style="font-weight: 1000;font-size: 8vh;">CODE NINJAS ®</h1>
|
||
<h3 class="w3-center w3-bolder">Langley Berkshire</h3>
|
||
<p class="w3-large">WE MAKE CODING FUN.®</p>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="w3-content" style="max-width:1100px">
|
||
|
||
|
||
<div class="w3-row w3-padding-64" id="about">
|
||
<div class="w3-col m6 w3-padding-large">
|
||
<img src="https://www.codeninjas.co.uk/assets/img/programs/create/cn-create.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
|
||
</div>
|
||
<div class="w3-col m6 w3-padding-large w3-flex-child">
|
||
<h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;">CODE NINJAS <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>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w3-row w3-padding-64" style="background: #b7d9da;" id="about">
|
||
<div class="w3-col m6 w3-padding-large w3-flex-child">
|
||
<h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;">CODE NINJAS <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>
|
||
</div>
|
||
<div class="w3-col m6 w3-padding-large">
|
||
<img src="https://www.codeninjas.co.uk/assets/img/programs/jr/cn-jr.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="w3-row w3-padding-64" id="about">
|
||
<div class="w3-col m6 w3-padding-large">
|
||
<img src="https://www.codeninjas.co.uk/assets/img/programs/create/cn-create.jpg" class="w3-round w3-image" alt="Table Setting" width="600" height="400">
|
||
</div>
|
||
<div class="w3-col m6 w3-padding-large w3-flex-child">
|
||
<h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;">CODE NINJAS <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>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w3-row w3-container text-center">
|
||
<div class="w3-center w3-padding-64">
|
||
<h1 class="w3-center w3-jumbo w3-bolder" style="font-weight: 1000;font-size:8vw;;">CODE NINJAS <span style="color:teal">CAMPS</span></h1>
|
||
</div>
|
||
|
||
<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>
|
||
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
|
||
</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>
|
||
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
|
||
</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>
|
||
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
|
||
</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>
|
||
<p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|