-
Notifications
You must be signed in to change notification settings - Fork 0
/
festival-2023.html
197 lines (185 loc) · 11.4 KB
/
festival-2023.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>codebar Festival 2023</title>
<meta name="description" content="Join us for codebar Festival from March 6th">
<meta name="keywords" content="codebar, codebar Festival, diversity in tech, learning to code, learn to code">
<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 2023</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-4 font-bold text-3xl leading-snug">codebar Festival is a 5 day global conference to learn, connect, thrive and celebrate our community!</h2>
<p class="font-medium mb-10">Build a holistic career in tech with us at codebar Festival! Join us on the 6th, 7th, 8th, 9th and 11th of March for 5 days of workshops, talks, panels and networking opportunities.</p>
<a href="schedule-2023.html" class="blue-button-outer mb-16">
<div class="blue-button">2023 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">For the first time ever, you will be able to attend codebar Festival both physically and virtually.<br/> In-person sessions will be held in London at 10x Banking 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">22,241 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,106 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 pt-16 pb-16">
<div class="w-4/5 mx-auto text-center">
<h2 class="text-3xl font-bold mb-4">Meet our sponsors</h2>
<p class="font-medium">We are excited to partner with some of the biggest names in the industry <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-3/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/TRowe-Price.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://www.10xbanking.com/" target="_blank"><img src="assets/company-logos/10x.png" class="p-10" alt="10x Banking 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://substrakt.com/" target="_blank"><img src="assets/company-logos/substrakt.png" class="p-10" alt="Substrakt logo"></a>
</div>
</div>
</div>
</div>
<div class="w-4/5 mx-auto text-center border-cb-pink border-4 p-4">
<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">We sponsored codebar Festival as we wanted to support the wonderful work that the codebar team is doing! The event was a massive success and we thoroughly enjoyed it. It was such a great way to share knowledge, network, and collaborate with others!</p>
<p class="mt-10">-</p>
<p class="font-medium">Janine Luk</p>
<p class="font-medium">Avast</p>
</div>
</div>
</div>
<div class="flex w-full mt-12">
<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</h3>
<p class="font-medium mb-6 text-white">We welcome brands from anywhere in the world who want to be a part of our upcoming festival. If you’re looking to support our event, discover fresh talent in the tech space, 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 2023" class="white-button-outer">
<div class="white-button">GET IN TOUCH</div>
</a>
</div>
</div>
</div>
<div class="w-full bg-cream pt-16 pb-16">
<div class="w-4/5 mx-auto">
<h2 class="text-3xl font-bold mb-6">2022 festival recap</h2>
<p class="font-medium mb-6">Take a look at what went down during codebar Festival last year.</p>
<div class="flex">
<p class="text-lg font-medium bg-dark-blue text-white pt-4 pb-4 pl-12 pr-12 mr-4 rounded-3xl">896 attendees</p>
<p class="text-lg font-medium pt-4 pb-4 pl-12 pr-12 border-dark-blue border-2 rounded-3xl mr-4">Participants across 20 countries</p>
<p class="text-lg font-medium bg-cb-blue pt-4 pb-4 pl-12 pr-12">36 sessions over 3 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,400 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">3,500 messages exchanged</p>
</div>
</div>
</div>
<div class="w-full pt-40 pb-40 bg-video">
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESLbEYvEC5jOo5QUNaHHTfsB" 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="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"><p>[email protected]</p></a>
</div>
<div class="w-1/4">
<ul class="list-none">
<li><a href="https://codebar.io/code-of-conduct" class="text-white font-medium text-s">Code of Conduct</a></li>
<li><a href="faq.html" class="text-white font-medium text-s">FAQ</a></li>
<li><a href="https://codebar.io/cookie-policy" class="text-white">Cookie Policy</a></li>
<li><a href="https://codebar.io/privacy-policy" class="text-white">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">codebar Festival 2022</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/new-youtube-icon.png" 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/new-instagram-icon.png" alt="Follow us on Instagram" class="w-10">
</a>
<a href="https://twitter.com/codebar" target="_blank" class="mr-1">
<img src="assets/social-icons/new-twitter-icon.png" 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/new-facebook-icon.png" 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>