Skip to content

Commit d66d696

Browse files
Kimberley CookKimberley Cook
Kimberley Cook
authored and
Kimberley Cook
committed
2026 update
1 parent 971d2b4 commit d66d696

File tree

2 files changed

+243
-14
lines changed

2 files changed

+243
-14
lines changed

‎festival-2025.html‎

Lines changed: 229 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,229 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<title>codebar Festival 2025</title>
6+
<meta name="description" content="Join us for codebar Festival - 3rd to 8th March">
7+
<meta name="keywords" content="codebar, codebar Festival, diversity in tech, learning to code, learn to code, learn to code for free">
8+
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
9+
<link rel="stylesheet" type="text/css" href="styles.css">
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap" rel="stylesheet">
13+
<link rel="shortcut icon" type="image/jpg" href="assets/favicons/favicon.png"/>
14+
<title>codebar Festival 2024</title>
15+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9FXGGP1H8"></script>
16+
<script>
17+
window.dataLayer = window.dataLayer || [];
18+
function gtag(){dataLayer.push(arguments);}
19+
gtag('js', new Date());
20+
21+
gtag('config', 'G-G9FXGGP1H8');
22+
</script>
23+
</head>
24+
<body>
25+
26+
<div class="w-full pt-4">
27+
<div class="flex items-center flex-col md:flex-row w-4/5 mx-auto">
28+
<div class="w-full md:w-4/5">
29+
<img src="assets/new-festival-logo.png" class="w-2/5 mb-8 mt-4" alt="codebar Festival logo 2023"/>
30+
<h2 class="mb-5 font-bold text-3xl leading-snug">codebar Festival is a 5 day global conference to learn, connect, thrive and celebrate the codebar community!</h2>
31+
<p class="font-medium mb-5">5 days of deep-dive technical workshops and talks on all things coding, career and wellbeing.</p>
32+
<a href="https://ti.to/codebar/codebar-festival-2025/" class="pink-button-outer mb-16 mr-4" target="_blank">
33+
<div class="pink-button">GET YOUR TICKETS HERE</div>
34+
</a>
35+
<a href="schedule.html" class="blue-button-outer mb-16">
36+
<div class="blue-button">SEE THE SCHEDULE</div>
37+
</a>
38+
</div>
39+
<div class="w-4/5 hex-box">
40+
<img src="assets/hex-images.png" class="big-hex-image max-w-xl" alt="images from a codebar workshop"/>
41+
</div>
42+
</div>
43+
</div>
44+
</div>
45+
46+
<div class="w-full bg-dark-blue pt-16 pb-16">
47+
<div class="w-4/5 mx-auto">
48+
<h2 class="text-3xl font-bold text-white mb-6">A virtual festival for a global community</h2>
49+
<p class="font-medium text-white mb-8">codebar Festival is 100% virtual this year! So you can access these insightful sessions from anywhere.</p>
50+
<div class="flex">
51+
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 mr-4">26,115 community members</p>
52+
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl mr-4">100% Virtual</p>
53+
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-10 pr-10">Networking</p>
54+
</div>
55+
<div class="flex mt-5">
56+
<p class="text-lg font-medium bg-white rounded-3xl pt-4 pb-4 pl-10 pr-10 mr-4">2,475 events since 2013</p>
57+
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">Over 35 hours of online content</p>
58+
</div>
59+
<div class="flex mt-5">
60+
<p class="text-lg font-medium codebar-green border-cb-green border-2 pt-4 pb-4 pl-10 pr-10 mr-4">Sessions on coding, career and wellness</p>
61+
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl">Support from a thriving community</p>
62+
</div>
63+
</div>
64+
</div>
65+
66+
<div class="w-full bg-cb-blue pt-12 pb-12">
67+
<div class="w-4/5 mx-auto w-4/5 mx-auto flex flex-col items-center">
68+
<h2 class="text-3xl font-bold text-white mb-6">Check out the codebar 2024 Impact Report</h2>
69+
<div class="flex">
70+
<a href="https://impact-report.codebar.io/" class="white-button-outer" target="_blank">
71+
<div class="white-button">READ IT HERE</div>
72+
</a>
73+
</div>
74+
</div>
75+
</div>
76+
77+
<!-- <div class="w-full pt-16 pb-16">
78+
<div class="w-4/5 mx-auto text-center">
79+
<h2 class="text-3xl font-bold mb-4">Meet our partners</h2>
80+
<p class="font-medium">We are excited to partner with some amazing companies <br/> as we champion
81+
diversity and inclusion in the tech space together.</p>
82+
<div class="mt-12 gold-box w-7/12 m-auto">
83+
<div class="bg-gold text-black pt-5 pb-5 font-bold">GOLD SPONSOR</div>
84+
<a href="https://www.contentful.com/" target="_blank"><img src="assets/company-logos/contentful.png" class="p-10" alt="Contentful logo"></a>
85+
</div> -->
86+
<!--<div class="mt-12 silver-box w-5/12 m-auto">
87+
<div class="bg-silver text-black pt-5 pb-5 font-bold">SILVER SPONSOR</div>
88+
<a href="https://www.jpmorgan.com/technology" target="_blank"><img src="assets/company-logos/jpm_logo.png" class="p-12" alt="J.P.Morgan logo"></a>
89+
</div> -->
90+
<!-- <div class="mt-12 bronze-box w-4/12 m-auto">
91+
<div class="bg-bronze text-black pt-5 pb-5 font-bold">BRONZE SPONSOR</div>
92+
<a href="https://www.troweprice.com/" target="_blank"><img src="assets/company-logos/TRP-LOGO.png" class="p-12" alt="T Rowe Price logo"></a>
93+
</div>
94+
<div class="flex w-10/12 mx-auto">
95+
<div class="mt-12 purple-box w-4/12 m-auto">
96+
<div class="bg-purple text-white pt-5 pb-5 font-bold">VENUE SPONSOR</div>
97+
<a href="https://makers.tech/" target="_blank"><img src="assets/company-logos/makers.png" class="p-10" alt="Makers logo"></a>
98+
</div> -->
99+
<!-- <div class="mt-12 dark-red-box w-4/12 m-auto">
100+
<div class="bg-dark-red text-white pt-5 pb-5 font-bold">FOOD SPONSOR</div>
101+
<a href="https://www.alfasystems.com/" target="_blank"><img src="assets/company-logos/alfa.png" class="p-10" alt="Alfa logo"></a>
102+
</div>
103+
<div class="mt-12 dark-green-box w-4/12 m-auto">
104+
<div class="bg-dark-green text-white pt-5 pb-5 font-bold">TRAVEL SPONSOR</div>
105+
<a href="https://www.visa.co.uk/" target="_blank"><img src="assets/company-logos/VISA.png" class="p-10" alt="VISA logo"></a>
106+
</div>
107+
</div>
108+
</div>
109+
</div> -->
110+
111+
<div class="flex w-full">
112+
<div class="w-6/12">
113+
<img src="assets/uncodebar-speaker-shot.jpg" class="" alt="Pink speech marks">
114+
</div>
115+
<div class="flex w-6/12 bg-dark-blue">
116+
<div class="w-8/12 m-auto">
117+
<h3 class="text-3xl font-bold mb-6 text-white">Join us as a sponsor this year?</h3>
118+
<ul role="list" class="list-disc pl-5">
119+
<li class="font-medium mb-2 text-white">Connect with 1,500 people during the event</li>
120+
<li class="font-medium mb-2 text-white">Exposure to our global community of 27,000+ people</li>
121+
<li class="font-medium mb-2 text-white">Connect with professionals on a global scale</li>
122+
<li class="font-medium mb-2 text-white">Tap into a diverse, well-rounded talent pool</li>
123+
<li class="font-medium mb-2 text-white">Drive digital footfall to your online platforms</li>
124+
<li class="font-medium mb-6 text-white">Effect real, positive change in our industry</li>
125+
</ul>
126+
<p class="font-medium mb-6 text-white">We welcome companies from anywhere in the world who want to be a part of our upcoming festival. If you’re looking to discover fresh, diverse talent in the tech space, support our event, and/or nurture a new generation of coders, drop us an email and let’s explore new ways to work together.</p>
127+
<a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2025" class="white-button-outer">
128+
<div class="white-button">GET IN TOUCH TODAY</div>
129+
</a>
130+
</div>
131+
</div>
132+
</div>
133+
134+
<div class="w-4/5 mx-auto text-center border-cb-pink border-4 p-4 mt-12 mb-12">
135+
<div class="border-cb-pink border-2 p-5">
136+
<div class="w-7/12 m-auto mt-8 mb-8">
137+
<img src="assets/pink-speech-marks.png" class="m-auto w-8" alt="Pink speech marks">
138+
<p class="font-medium mt-10">Sponsoring codebar is by far the most impactful thing that I did during my tenure at Contentful. The price was small compared to the community impact and I would sponsor another codebar event over a commercial conference any day."</p>
139+
<p class="mt-10">-</p>
140+
<p class="font-medium">Alvin Bryan</p>
141+
<p class="font-medium">Developer Advocate</p>
142+
</div>
143+
</div>
144+
</div>
145+
146+
147+
<div class="w-full bg-dark-blue pt-16 pb-16">
148+
<div class="w-4/5 mx-auto">
149+
<h2 class="text-3xl text-white font-bold mb-6">2024 festival recap</h2>
150+
<p class="font-medium mb-6 text-white">Take a look at what went down during codebar Festival last year</p>
151+
<div class="flex">
152+
<p class="text-lg font-medium border-cb-green border-2 text-white pt-4 pb-4 pl-12 pr-12 mr-4 rounded-3xl">1,500 attendees</p>
153+
<p class="text-lg font-medium pt-4 pb-4 pl-12 pr-12 border-cb-pink border-2 rounded-3xl mr-4 text-white">Participants from 20 countries</p>
154+
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">15 sessions over 5 days</p>
155+
</div>
156+
<div class="flex mt-5">
157+
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-8 pr-8 mr-4">₤1,300 donated to various charities</p>
158+
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 rounded-3xl">2,400 messages exchanged</p>
159+
</div>
160+
</div>
161+
</div>
162+
163+
<div class="w-full pt-48 pb-48 bg-video">
164+
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESJf00CFerJgLWg7jLk561wg&si=BznioaqhL0GYI6T2" target="_blank"><img src="assets/play-button.png" class="w-16 m-auto" alt="Play youtube playlist"></a>
165+
</div>
166+
167+
<div class="w-4/5 mx-auto text-center relative mt-10 ">
168+
<img src="assets/green-circle.png" class="absolute z-0 w-56 green-circle" alt="Play youtube playlist">
169+
<div class="flex">
170+
<div class="w-2/5">
171+
<img src="assets/testimonial-1.png" class="p-8 relative z-10 mt-16" alt="Play youtube playlist">
172+
</div>
173+
<div class="w-3/5">
174+
<img src="assets/testimonial-2.png" class="p-8 relative z-10" alt="Play youtube playlist">
175+
</div>
176+
</div>
177+
<!-- <a href="https://ti.to/codebar/codebar-festival-2024/" class="pink-button-outer mr-8">
178+
<div class="pink-button">GET YOUR TICKET</div>
179+
</a> -->
180+
<a href="schedule.html" class="blue-button-outer mt-10">
181+
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
182+
</a>
183+
<img src="assets/pink-square.png" class="absolute z-0 bottom-0 right-0 w-56 pink-square" alt="Play youtube playlist">
184+
</div>
185+
186+
187+
<footer class="w-full bg-dark-blue mt-16 pt-16 pb-16">
188+
<div class="flex mb-12">
189+
<div class="w-1/4">
190+
<img src="assets/new-festival-logo-light.png" class="w-1/2 m-auto" alt="codebar Festival logo 2023"/>
191+
</div>
192+
<div class="w-1/4 bg-blue">
193+
<p class="text-white">Get in touch</p>
194+
<a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2023" class="text-white hover:underline"><p>hello@codebar.io</p></a>
195+
</div>
196+
<div class="w-1/4">
197+
<ul class="list-none">
198+
<li><a href="https://impact-report.codebar.io/" class="text-white hover:underline">codebar Impact Report</a></li>
199+
<li><a href="https://codebar.io/code-of-conduct" class="text-white hover:underline">Code of Conduct</a></li>
200+
<li><a href="faq.html" class="text-white hover:underline">FAQ</a></li>
201+
<li><a href="https://codebar.io/cookie-policy" class="text-white hover:underline">Cookie Policy</a></li>
202+
<li><a href="https://codebar.io/privacy-policy" class="text-white hover:underline">Privacy Policy</a></li>
203+
<li><a href="mailto:hello@codebar.io?subject=Question about codebar Festival 2022" class="text-white">Contact</a></li>
204+
<li><a href="festival-2022.html" class="text-white hover:underline">codebar Festival 2022</a></li>
205+
<li><a href="festival-2023.html" class="text-white hover:underline">codebar Festival 2023</a></li>
206+
<li><a href="festival-2024.html" class="text-white hover:underline">codebar Festival 2024</a></li>
207+
</ul>
208+
</div>
209+
<div class="w-1/4">
210+
<div class="flex">
211+
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
212+
<img src="assets/social-icons/2024/youtube.svg" alt="Subscribe to our YouTube channel" class="w-10">
213+
</a>
214+
<a href="https://www.instagram.com/codebarhq/" target="_blank" class="mr-1">
215+
<img src="assets/social-icons/2024/instagram.svg" alt="Follow us on Instagram" class="w-10">
216+
</a>
217+
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
218+
<img src="assets/social-icons/2024/linkedin.svg" alt="Follow our LinkedIn page" class="w-10">
219+
</a>
220+
<a href="https://www.facebook.com/codebarHQ" target="_blank" class="mr-1">
221+
<img src="assets/social-icons/2024/facebook.svg" alt="Like our Facebook page" class="w-10">
222+
</a>
223+
</div>
224+
</div>
225+
</div>
226+
<p class="text-xs text-white text-center festival-cream">All rights reserved to codebar Charity. Registered UK and Wales charity number 1187776.</p>
227+
</footer>
228+
</body>
229+
</html>

‎index.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
<html>
33
<head>
44
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5-
<title>codebar Festival 2025</title>
6-
<meta name="description" content="Join us for codebar Festival - 3rd to 8th March">
5+
<title>codebar Festival 2026</title>
6+
<meta name="description" content="Join us for codebar Festival - 16th to 21st March">
77
<meta name="keywords" content="codebar, codebar Festival, diversity in tech, learning to code, learn to code, learn to code for free">
88
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
99
<link rel="stylesheet" type="text/css" href="styles.css">
@@ -29,12 +29,12 @@
2929
<img src="assets/new-festival-logo.png" class="w-2/5 mb-8 mt-4" alt="codebar Festival logo 2023"/>
3030
<h2 class="mb-5 font-bold text-3xl leading-snug">codebar Festival is a 5 day global conference to learn, connect, thrive and celebrate the codebar community!</h2>
3131
<p class="font-medium mb-5">5 days of deep-dive technical workshops and talks on all things coding, career and wellbeing.</p>
32-
<a href="https://ti.to/codebar/codebar-festival-2025/" class="pink-button-outer mb-16 mr-4" target="_blank">
32+
<!-- <a href="https://ti.to/codebar/codebar-festival-2025/" class="pink-button-outer mb-16 mr-4" target="_blank">
3333
<div class="pink-button">GET YOUR TICKETS HERE</div>
3434
</a>
3535
<a href="schedule.html" class="blue-button-outer mb-16">
3636
<div class="blue-button">SEE THE SCHEDULE</div>
37-
</a>
37+
</a> -->
3838
</div>
3939
<div class="w-4/5 hex-box">
4040
<img src="assets/hex-images.png" class="big-hex-image max-w-xl" alt="images from a codebar workshop"/>
@@ -45,15 +45,15 @@ <h2 class="mb-5 font-bold text-3xl leading-snug">codebar Festival is a 5 day glo
4545

4646
<div class="w-full bg-dark-blue pt-16 pb-16">
4747
<div class="w-4/5 mx-auto">
48-
<h2 class="text-3xl font-bold text-white mb-6">A virtual festival for a global community</h2>
49-
<p class="font-medium text-white mb-8">codebar Festival is 100% virtual this year! So you can access these insightful sessions from anywhere.</p>
48+
<h2 class="text-3xl font-bold text-white mb-6">A hybrid festival for a global community</h2>
49+
<p class="font-medium text-white mb-8">codebar is global charity that runs free programming workshops and events for minority group members in tech.</p>
5050
<div class="flex">
51-
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 mr-4">26,115 community members</p>
52-
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl mr-4">100% Virtual</p>
51+
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 mr-4">27,549 community members</p>
52+
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl mr-4">In-person and Virtual</p>
5353
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-10 pr-10">Networking</p>
5454
</div>
5555
<div class="flex mt-5">
56-
<p class="text-lg font-medium bg-white rounded-3xl pt-4 pb-4 pl-10 pr-10 mr-4">2,475 events since 2013</p>
56+
<p class="text-lg font-medium bg-white rounded-3xl pt-4 pb-4 pl-10 pr-10 mr-4">2,729 events since 2013</p>
5757
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">Over 35 hours of online content</p>
5858
</div>
5959
<div class="flex mt-5">
@@ -146,12 +146,12 @@ <h3 class="text-3xl font-bold mb-6 text-white">Join us as a sponsor this year?</
146146

147147
<div class="w-full bg-dark-blue pt-16 pb-16">
148148
<div class="w-4/5 mx-auto">
149-
<h2 class="text-3xl text-white font-bold mb-6">2024 festival recap</h2>
149+
<h2 class="text-3xl text-white font-bold mb-6">2025 festival recap</h2>
150150
<p class="font-medium mb-6 text-white">Take a look at what went down during codebar Festival last year</p>
151151
<div class="flex">
152-
<p class="text-lg font-medium border-cb-green border-2 text-white pt-4 pb-4 pl-12 pr-12 mr-4 rounded-3xl">1,500 attendees</p>
152+
<p class="text-lg font-medium border-cb-green border-2 text-white pt-4 pb-4 pl-12 pr-12 mr-4 rounded-3xl">1,500 attendees globally</p>
153153
<p class="text-lg font-medium pt-4 pb-4 pl-12 pr-12 border-cb-pink border-2 rounded-3xl mr-4 text-white">Participants from 20 countries</p>
154-
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">15 sessions over 5 days</p>
154+
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">9 sessions over 4 days</p>
155155
</div>
156156
<div class="flex mt-5">
157157
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-8 pr-8 mr-4">₤1,300 donated to various charities</p>
@@ -177,9 +177,9 @@ <h2 class="text-3xl text-white font-bold mb-6">2024 festival recap</h2>
177177
<!-- <a href="https://ti.to/codebar/codebar-festival-2024/" class="pink-button-outer mr-8">
178178
<div class="pink-button">GET YOUR TICKET</div>
179179
</a> -->
180-
<a href="schedule.html" class="blue-button-outer mt-10">
180+
<!-- <a href="schedule.html" class="blue-button-outer mt-10">
181181
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
182-
</a>
182+
</a> -->
183183
<img src="assets/pink-square.png" class="absolute z-0 bottom-0 right-0 w-56 pink-square" alt="Play youtube playlist">
184184
</div>
185185

0 commit comments

Comments
 (0)