-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
232 lines (218 loc) · 13.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>codebar Festival 2024</title>
<meta name="description" content="Join us for codebar Festival - 4th to 9th March">
<meta name="keywords" content="codebar, codebar Festival, diversity in tech, learning to code, learn to code, learn to code for free">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/jpg" href="assets/favicons/favicon.png"/>
<title>codebar Festival 2024</title>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9FXGGP1H8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-G9FXGGP1H8');
</script>
</head>
<body>
<div class="w-full pt-4">
<div class="flex items-center flex-col md:flex-row w-4/5 mx-auto">
<div class="w-full md:w-4/5">
<img src="assets/new-festival-logo.png" class="w-2/5 mb-8 mt-4" alt="codebar Festival logo 2023"/>
<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>
<p class="font-medium mb-5">Build a holistic career in tech with us at codebar Festival! The event has happened but the videos are now live on our YouTube, please check them out below.</p>
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESJf00CFerJgLWg7jLk561wg&si=BznioaqhL0GYI6T2" class="pink-button-outer mb-16 mr-8">
<div class="pink-button">WATCH THE SESSIONS</div>
</a>
<a href="schedule.html" class="blue-button-outer mb-16">
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
</a>
</div>
<div class="w-4/5 hex-box">
<img src="assets/hex-images.png" class="big-hex-image max-w-xl" alt="images from a codebar workshop"/>
</div>
</div>
</div>
</div>
<div class="w-full bg-dark-blue pt-16 pb-16">
<div class="w-4/5 mx-auto">
<h2 class="text-3xl font-bold text-white mb-6">A hybrid festival for a global community</h2>
<p class="font-medium text-white mb-8">You will be able to attend codebar Festival both physically and virtually.<br/> In-person sessions will be held in London and be streamed online, so anyone<br/> can have access to codebar Festival, no matter where you are in the world.</p>
<div class="flex">
<p class="text-lg font-medium bg-cb-pink text-white pt-4 pb-4 pl-12 pr-12 mr-4">24,895 community members</p>
<p class="text-lg font-medium text-white pt-4 pb-4 pl-12 pr-12 border-white border-2 rounded-3xl mr-4">London + Virtual</p>
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-10 pr-10">Networking</p>
</div>
<div class="flex mt-5">
<p class="text-lg font-medium bg-white rounded-3xl pt-4 pb-4 pl-10 pr-10 mr-4">2,281 events since 2013</p>
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">Over 30 hours of online content</p>
</div>
<div class="flex mt-5">
<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>
<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>
</div>
</div>
</div>
<div class="w-full bg-cb-blue pt-12 pb-12">
<div class="w-4/5 mx-auto w-4/5 mx-auto flex flex-col items-center">
<h2 class="text-3xl font-bold text-white mb-6">Check out the codebar 2023 Impact Report</h2>
<div class="flex">
<a href="https://impact-report.codebar.io/" class="white-button-outer" target="_blank">
<div class="white-button">READ IT HERE</div>
</a>
</div>
</div>
</div>
<div class="w-full pt-16 pb-16">
<div class="w-4/5 mx-auto text-center">
<h2 class="text-3xl font-bold mb-4">Meet our partners</h2>
<p class="font-medium">We are excited to partner with some amazing companies <br/> as we champion
diversity and inclusion in the tech space together.</p>
<div class="mt-12 gold-box w-7/12 m-auto">
<div class="bg-gold text-black pt-5 pb-5 font-bold">GOLD SPONSOR</div>
<a href="https://www.contentful.com/" target="_blank"><img src="assets/company-logos/contentful.png" class="p-10" alt="Contentful logo"></a>
</div>
<!--<div class="mt-12 silver-box w-5/12 m-auto">
<div class="bg-silver text-black pt-5 pb-5 font-bold">SILVER SPONSOR</div>
<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>
</div> -->
<div class="mt-12 bronze-box w-4/12 m-auto">
<div class="bg-bronze text-black pt-5 pb-5 font-bold">BRONZE SPONSOR</div>
<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>
</div>
<div class="flex w-10/12 mx-auto">
<!-- <div class="mt-12 purple-box w-4/12 m-auto">
<div class="bg-purple text-white pt-5 pb-5 font-bold">VENUE SPONSOR</div>
<a href="https://makers.tech/" target="_blank"><img src="assets/company-logos/makers.png" class="p-10" alt="Makers logo"></a>
</div> -->
<div class="mt-12 dark-red-box w-4/12 m-auto">
<div class="bg-dark-red text-white pt-5 pb-5 font-bold">FOOD SPONSOR</div>
<a href="https://www.alfasystems.com/" target="_blank"><img src="assets/company-logos/alfa.png" class="p-10" alt="Alfa logo"></a>
</div>
<div class="mt-12 dark-green-box w-4/12 m-auto">
<div class="bg-dark-green text-white pt-5 pb-5 font-bold">TRAVEL SPONSOR</div>
<a href="https://www.visa.co.uk/" target="_blank"><img src="assets/company-logos/VISA.png" class="p-10" alt="VISA logo"></a>
</div>
</div>
</div>
</div>
<div class="flex w-full">
<div class="w-6/12">
<img src="assets/uncodebar-speaker-shot.jpg" class="" alt="Pink speech marks">
</div>
<div class="flex w-6/12 bg-dark-blue">
<div class="w-8/12 m-auto">
<h3 class="text-3xl font-bold mb-6 text-white">Join us as a sponsor next year?</h3>
<ul role="list" class="list-disc pl-5">
<li class="font-medium mb-2 text-white">Connect with 1,500 people</li>
<li class="font-medium mb-2 text-white">Exposure to our global community of 25,000+ people</li>
<li class="font-medium mb-2 text-white">Connect with professionals on a global scale</li>
<li class="font-medium mb-2 text-white">Tap into a diverse, well-rounded talent pool</li>
<li class="font-medium mb-2 text-white">Drive digital footfall to your online platforms</li>
<li class="font-medium mb-6 text-white">Effect real, positive change in our industry</li>
</ul>
<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>
<a href="mailto:[email protected]?subject=Question about codebar Festival 2024" class="white-button-outer">
<div class="white-button">GET IN TOUCH TODAY</div>
</a>
</div>
</div>
</div>
<div class="w-4/5 mx-auto text-center border-cb-pink border-4 p-4 mt-12 mb-12">
<div class="border-cb-pink border-2 p-5">
<div class="w-7/12 m-auto mt-8 mb-8">
<img src="assets/pink-speech-marks.png" class="m-auto w-8" alt="Pink speech marks">
<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>
<p class="mt-10">-</p>
<p class="font-medium">Alvin Bryan</p>
<p class="font-medium">Developer Advocate</p>
</div>
</div>
</div>
<div class="w-full bg-dark-blue pt-16 pb-16">
<div class="w-4/5 mx-auto">
<h2 class="text-3xl text-white font-bold mb-6">2023 festival recap</h2>
<p class="font-medium mb-6 text-white">Take a look at what went down during codebar Festival last year</p>
<div class="flex">
<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>
<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>
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">15 sessions over 5 days</p>
</div>
<div class="flex mt-5">
<p class="text-lg font-medium bg-cb-green pt-4 pb-4 pl-8 pr-8 mr-4">₤1,500 donated to various charities</p>
<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>
</div>
</div>
</div>
<div class="w-full pt-48 pb-48 bg-video">
<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>
</div>
<div class="w-4/5 mx-auto text-center relative mt-10 ">
<img src="assets/green-circle.png" class="absolute z-0 w-56 green-circle" alt="Play youtube playlist">
<div class="flex">
<div class="w-2/5">
<img src="assets/testimonial-1.png" class="p-8 relative z-10 mt-16" alt="Play youtube playlist">
</div>
<div class="w-3/5">
<img src="assets/testimonial-2.png" class="p-8 relative z-10" alt="Play youtube playlist">
</div>
</div>
<!-- <a href="https://ti.to/codebar/codebar-festival-2024/" class="pink-button-outer mr-8">
<div class="pink-button">GET YOUR TICKET</div>
</a> -->
<a href="schedule.html" class="blue-button-outer mt-10">
<div class="blue-button">CHECK OUT THE SCHEDULE</div>
</a>
<img src="assets/pink-square.png" class="absolute z-0 bottom-0 right-0 w-56 pink-square" alt="Play youtube playlist">
</div>
<footer class="w-full bg-dark-blue mt-16 pt-16 pb-16">
<div class="flex mb-12">
<div class="w-1/4">
<img src="assets/new-festival-logo-light.png" class="w-1/2 m-auto" alt="codebar Festival logo 2023"/>
</div>
<div class="w-1/4 bg-blue">
<p class="text-white">Get in touch</p>
<a href="mailto:[email protected]?subject=Question about codebar Festival 2023" class="text-white hover:underline"><p>[email protected]</p></a>
</div>
<div class="w-1/4">
<ul class="list-none">
<li><a href="https://impact-report.codebar.io/" class="text-white hover:underline">codebar Impact Report</a></li>
<li><a href="https://codebar.io/code-of-conduct" class="text-white hover:underline">Code of Conduct</a></li>
<li><a href="faq.html" class="text-white hover:underline">FAQ</a></li>
<li><a href="https://codebar.io/cookie-policy" class="text-white hover:underline">Cookie Policy</a></li>
<li><a href="https://codebar.io/privacy-policy" class="text-white hover:underline">Privacy Policy</a></li>
<li><a href="mailto:[email protected]?subject=Question about codebar Festival 2022" class="text-white">Contact</a></li>
<li><a href="festival-2022.html" class="text-white hover:underline">codebar Festival 2022</a></li>
<li><a href="festival-2023.html" class="text-white hover:underline">codebar Festival 2023</a></li>
</ul>
</div>
<div class="w-1/4">
<div class="flex">
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
<img src="assets/social-icons/2024/youtube.svg" alt="Subscribe to our YouTube channel" class="w-10">
</a>
<a href="https://www.instagram.com/codebarhq/" target="_blank" class="mr-1">
<img src="assets/social-icons/2024/instagram.svg" alt="Follow us on Instagram" class="w-10">
</a>
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank" class="mr-1">
<img src="assets/social-icons/2024/linkedin.svg" alt="Follow our LinkedIn page" class="w-10">
</a>
<a href="https://twitter.com/codebar" target="_blank" class="mr-1">
<img src="assets/social-icons/2024/twitter.svg" alt="Follow us on Twitter" class="w-10"/>
</a>
<a href="https://www.facebook.com/codebarHQ" target="_blank" class="mr-1">
<img src="assets/social-icons/2024/facebook.svg" alt="Like our Facebook page" class="w-10">
</a>
</div>
</div>
</div>
<p class="text-xs text-white text-center festival-cream">All rights reserved to codebar Charity. Registered UK and Wales charity number 1187776.</p>
</footer>
</body>
</html>