From 8bfa9f8eb6d597b2ef52e72fe5b80ec2f693655a Mon Sep 17 00:00:00 2001 From: elvistony Date: Thu, 20 Jul 2023 12:33:07 +0100 Subject: [PATCH] Created sub pages --- assets/css/custom.css | 13 +++++++- index.html | 36 +++++++-------------- pages/camps.html | 74 ++++++++++++++++++++++++++----------------- 3 files changed, 68 insertions(+), 55 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index d0d8634..eb2893a 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -73,5 +73,16 @@ } .btn:visited{ - color: white; + color: inherit; +} + +.w3-petite-caps{ + font-variant: petite-caps; +} + +.masthead{ + position: sticky; top: 0; + border: none; + background: white; + box-shadow: 1px 1px 10px rgb(78, 78, 78); } \ No newline at end of file diff --git a/index.html b/index.html index 649db26..ed6fe39 100644 --- a/index.html +++ b/index.html @@ -11,15 +11,18 @@ w3: true
-

CODE NINJAS®

+

CODE NINJAS®

Langley Berkshire

-

WE MAKE CODING FUN.®

+

SUMMER CAMPS OPEN!

+ Learn More
- Table Setting +
- +
+
+

WE MAKE CODING FUN.®

@@ -36,7 +39,7 @@ w3: true
- Table Setting +
AGES 7 TO 14 @@ -61,14 +64,14 @@ w3: true
- Table Setting +
- Table Setting +
SUMMER & YEAR ROUND @@ -81,38 +84,21 @@ w3: true
-
-

CODE NINJAS®

- -

CAMPS

-
-

Stopmotion Animation

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

-

Moviemaking with Minecraft

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

-
- +

Become a Youtuber

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

- - -

Roblox Development

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

- -
diff --git a/pages/camps.html b/pages/camps.html index 0598dde..cfbfa9f 100644 --- a/pages/camps.html +++ b/pages/camps.html @@ -3,42 +3,58 @@ title: Camps layout: default permalink: /camps/ w3: true + +camps: + - name: Stopmotion Animation + img: https://img.icons8.com/?size=512&id=NDoZ1UbUuS7c&format=png + link: /camps/stopmotion-animation/ + dates: 25th, 26th July + youtubeid: 5Zs7vqM8t24 + - name: Moviemaking with Minecraft + img: https://img.icons8.com/?size=512x&id=nQVd58awWcQA&format=gif + link: /camps/moviemaking-with-minecraft/ + dates: 1st, 2nd August + youtubeid: UMKng76YFq4 + - name: Become a Youtuber + img: https://img.icons8.com/?size=512x&id=qdWsFiGwz7NW&format=gif + link: /camps/become-a-youtuber/ + dates: 8th, 9th August + youtubeid: A5oDCEHdOpM + - name: Roblox Development + img: https://img.icons8.com/?size=512x&id=113741&format=png + link: /camps/roblox-development/ + dates: 15th, 16th August + youtubeid: ANL0Jz7Yt2c ---
-
-

CODE NINJAS

- +
+ +

CODE NINJAS®

CAMPS

+

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!

-
- -

Stopmotion Animation

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

+ {% for camp in page.camps %} +
+ {{camp.name}} +

{{camp.name}}

+
+ {{camp.dates}} +
+ Learn More +
+
+
+ +

{{camp.name}}

+ +
+
+
- -
- -

Moviemaking with Minecraft

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

-
- -
- -

Become a Youtuber

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

-
- - - -
- -

Roblox Development

-

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.

-
- - + {% endfor %}
\ No newline at end of file