codeninjasuk.github.io/index.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.&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 class="w3-row w3-margin-top">
        <div class="w3-padding w3-black  w3-round">
          <div class="w3-row">
            <div class="w3-col m9 w3-padding">
              <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: 400px;" alt="">
            </div>
          </div>
        </div>
      </div>

</div>