-
Notifications
You must be signed in to change notification settings - Fork 0
/
festival-2022.html
141 lines (141 loc) · 9.44 KB
/
festival-2022.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>codebar Festival 2022</title>
<meta name="description" content="Join us for codebar Festival on March 11th, 12th and 13th">
<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-2022.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 2022</title>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9FXGGP1H8"></script>
</head>
<body>
<div class="w-full header-bg bg-black pt-12">
<div class="flex items-center flex-col md:flex-row w-4/5 mx-auto pt-5 pb-8">
<div class="w-full md:w-4/5">
<img src="assets/festival-logo-pink.png" class="w-2/5 mb-3" alt="codebar Festival logo 2022"/>
<p class="text-white w-3/4 font-medium mb-4">codebar Festival happened on the 11 - 13th March 2022</p>
<p class="text-white w-3/4 font-medium">The sessions have been uploaded to our YouTube <a href="https://youtube.com/playlist?list=PLfJjhFVOvESLbEYvEC5jOo5QUNaHHTfsB" target="_blank">here</a>.</p>
</div>
<div class="w-4/5">
<img src="assets/codebar-shapes.gif" class="w-full md:max-w-xs" alt="codebar Festival logo gif"/>
</div>
</div>
</div>
<div class="grid grid-cols-1 sm:grid-cols-3 text-center">
<div class="border-4 green-border py-3 px-4">
<p class="codebar-blue font-bold text-4xl mb-3">Over 30 hours of online content</p>
<p class="leading-5 font-medium">Accessible from anywhere in the world.</p>
</div>
<div class="border-4 green-border py-3 px-4">
<p class="codebar-blue font-bold text-4xl mb-3">Network with over 1000 attendeees</p>
<p class="leading-5 font-medium">Be part of our global community.</p>
</div>
<div class="border-4 green-border py-3 px-4">
<p class="codebar-blue font-bold text-4xl mb-3">Learn from 30 speakers</p>
<p class="leading-5 font-medium">Attend talks on coding, careers and wellness</p>
</div>
</div>
<div class="w-4/5 mx-auto mb-16">
<h2 class="text-5xl mb-3 mt-8 codebar-pink font-bold text-center">Sponsors</h2>
<p class="font-medium text-center mb-3">codebar would like to send a huge thank you to the following sponsors</p>
<div class="mt-10">
<h5 class="codebar-blue text-xl font-bold">Silver</h5>
<div class="flex justify-center border-2 blue-border py-12 px-24">
<a href="https://www.troweprice.com/"><img src="assets/company-logos/TRowe-Price.png" class="w-64" alt="T Rowe Price Logo"/></a>
</div>
</div>
<div class="mt-10">
<h5 class="codebar-green text-xl font-bold">Bronze</h5>
<div class="flex justify-center border-2 green-border py-12 px-24">
<a href="https://www.idbs.com/"><img src="assets/company-logos/IDBS_logo.png" class="w-40" alt="IDBS Logo"/></a>
</div>
</div>
</div>
<div class="w-4/5 mx-auto border-4 blue-border">
<div class="flex items-center flex-col md:flex-row py-4">
<div class="w-5/12">
<a href="http://festival.codebar.io/jobs.html" class="flex justify-center"><img src="assets/handshake.png" class="w-2/4" alt="Join our virtual job fair"/></a>
</div>
<div class="w-8/12 md:mt-0 text-left">
<h3 class="font-bold text-3xl">Virtual Job Fair</h3>
<p class="mb-4">Connect with these industry names and find your next role</p>
<div class="grid items-center lg:grid-cols-6 md:grid-cols-4 grid-cols-3 gap-4 mb-6">
<a href="http://festival.codebar.io/compare-the-market-jobs"><img src="assets/company-logos/compare-the-market.png" class="w-24 bw-image" alt="Compare the Market Logo"/></a>
<a href="http://festival.codebar.io/trowe-price-jobs"><img src="assets/company-logos/TRowe-Price.png" class="w-24 bw-image" alt="T Rowe Price Logo"/></a>
<a href="http://festival.codebar.io/idbs-jobs"><img src="assets/company-logos/IDBS_logo.png" class="w-24 bw-image" alt="IDBS Logo"/></a>
<a href="http://festival.codebar.io/immersive-labs-jobs"><img src="assets/company-logos/immersive-labs-white.png" class="w-24 bw-image" alt="Immersive Labs Logo"/></a>
<a href="http://festival.codebar.io/2itesting-jobs"><img src="assets/company-logos/2i.svg" class="w-12 bw-image" alt="2itesting Logo"/></a>
<a href="http://festival.codebar.io/global-jobs"><img src="assets/company-logos/global.svg" class="w-12 bw-image" alt="Global Media Logo"/></a>
</div>
<div class="mb-4">
<a href="http://festival.codebar.io/jobs.html" class="border-4 blue-border font-bold codebar-blue rounded-full py-1 px-3 blue-button">See all the open roles here</a>
</div>
</div>
</div>
</div>
<div class="w-4/5 mx-auto mb-8">
<div class="flex items-center flex-col md:flex-row mt-8">
<div class="w-full text-center relative">
<img src="assets/london-workshop.jpeg" alt="An image taken from a codebar London workshop that shpows a group of people all sat on their laptops coding" class="w-1/2 mx-auto rounded-full "/>
<img src="assets/thick-blue-square.png" alt="codebar Logo blue square" class="w-2/5 blue-square" />
</div>
<div class="w-full mt-8 md:mt-0">
<h2 class="text-5xl mb-3 mt-10 codebar-pink font-bold">2021 Festival Recap</h2>
<p class="text-xl font-medium mb-6">Last year, we held our very first codebar Festival.</p>
<p class="text-xl font-medium mb-6">It was a successful first run with 39 sessions, 800 attendees, 3500 messages exchanged, and £1000 donated to charities.</p>
</div>
</div>
</div>
<div class="w-4/5 mx-auto mb-24">
<div class="flex items-center flex-col md:flex-row mt-10">
<div class="w-full">
<p class="font-medium mr-3 mb-4">Have a look at the talks, panels, workshops and interactive sessions from last year as we gear up for this year’s exciting event.</p>
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESKbUMqNJ59nz15CA2LVvpia" class="border-4 green-border rounded-full py-1 px-3 font-bold text-black codebar-green green-button" target="_blank">Watch videos</a>
</div>
<div class="w-full mt-8 md:mt-0 relative">
<a href="https://youtube.com/playlist?list=PLfJjhFVOvESKbUMqNJ59nz15CA2LVvpia" target="_blank"><img src="assets/codebar-festival-2021.jpeg" class="border-4 pink-border" alt="codebar Festival Videos screenshot"></a>
<img src="assets/social-icons/youtube-play.svg" class="yt-svg" alt="YouTube play button">
<img src="assets/thick-green-circle.png" alt="codebar Logo green circle" class="w-2/6 green-circle" />
</div>
</div>
</div>
<footer class="bg-black pt-12">
<div class="w-4/5 mx-auto flex flex-col md:flex-row mb-12">
<div class="w-1/3 mb-6 md:mb-0">
<img src="assets/festival-logo-green.png" class="w-full md:w-1/2 mb-3" alt="codebar Festival logo 2022"/>
<a href="mailto:[email protected]?subject=Question about codebar Festival 2022"><p class="text-white font-medium text-s mb-1">Have questions?</p></a>
<p class="text-white font-medium text-s mb-0">Get in touch [email protected]</p>
</div>
<div class="w-1/3 mb-6 md:mb-0">
<div class="flex flex-col md:flex-row">
<ul class="list-none">
<li><a href="faq.html" class="text-white font-medium text-s">FAQ</a></li>
<li><a href="mailto:[email protected]?subject=Question about codebar Festival 2022" class="text-white font-medium text-s">Contact</a></li>
<li><a href="https://codebar.io/cookie-policy" class="text-white font-medium text-s">Cookie Policy</a></li>
<li><a href="https://codebar.io/privacy-policy" class="text-white font-medium text-s">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="w-1/3">
<div class="flex">
<a href="https://twitter.com/codebar" target="_blank"><img src="assets/social-icons/twitter-icon.svg" alt="Follow us on Twitter"/></a>
<a href="https://www.instagram.com/codebarhq/" target="_blank" class="ml2"><img src="assets/social-icons/instagram-icon.svg" alt="Follow us on Instagram" style="width: 33px"></a>
<a href="https://www.facebook.com/codebarHQ" target="_blank"><img src="assets/social-icons/facebook-icon.svg" alt="Like our Facebook page"></a>
<a href="https://www.youtube.com/channel/UCEYz232agE47GHUq8wneBCA" target="_blank"><img src="assets/social-icons/youtube-icon.svg" alt="Subscribe to our YouTube channel"></a>
</div>
<p class="text-white font-medium text-xs">#codebarFestival2022</p>
</div>
</div>
</div>
<div class="pb-4">
<p class="text-white text-center text-s">All rights reserved to codebar Charity. Registered UK and Wales charity number 1187776.</p>
</div>
</footer>
</body>
</html>