-
Notifications
You must be signed in to change notification settings - Fork 13
Expand file tree
/
Copy pathindex.blade.php
More file actions
116 lines (110 loc) · 7.04 KB
/
index.blade.php
File metadata and controls
116 lines (110 loc) · 7.04 KB
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
@extends('layout.new_base')
@php
$list = [
(object) ['label' => 'Resources', 'href' => '/resources'],
(object) ['label' => 'Matchmaking Toolk', 'href' => ''],
];
@endphp
@section('title', 'Digital Skills in Schools | Expert Matching Platform')
@section('description', 'Find and connect with EU Code Week digital experts to inspire your students. Discover volunteers in coding, robotics, and more—online or in person.')
@section('layout.breadcrumb')
@include('layout.breadcrumb', ['list' => $list])
@endsection
@section('content')
<section id="codeweek-matchmaking-tool" class="font-['Blinker'] overflow-hidden">
<section class="flex overflow-hidden relative">
<div class="flex relative pt-48 pb-0 w-full transition-all bg-orange-gradient md:py-24">
<div class="flex overflow-hidden flex-col flex-shrink-0 justify-end pb-10 w-full md:p-0 md:flex-row md:items-center">
<div class="flex flex-col gap-28 duration-1000 home-activity codeweek-container-lg md:flex-row md:items-center md:gap-4 xl:gap-28">
<div class="px-6 py-10 md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
<h2 class="text-dark-blue text-[30px] md:text-[60px] leading-9 md:leading-[72px] font-normal font-['Montserrat'] mb-4 max-md:max-w-full max-w-[525px]">
Connect & support
</h2>
<p class="text-xl md:text-2xl leading-8 text-[#333E48] p-0 max-md:max-w-full max-w-[525px] mb-4">
Looking to offer or receive help with digital skills? This space connects digital volunteers with individuals, schools, or organisations seeking support in using digital tools or delivering training on digital topics. Whether you're here to share your knowledge or to learn, you're in the right place!
</p>
</div>
<img
class="absolute top-0 -left-1/4 w-[150vw] !max-w-none md:hidden"
loading="lazy"
src="/images/matchmaking-tool/matchmaking-banner.png"
style="clip-path: ellipse(71% 73% at 40% 20%);"
/>
<img
class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:block"
loading="lazy"
src="/images/matchmaking-tool/matchmaking-banner.png"
style="clip-path: ellipse(70% 140% at 70% 25%);"
/>
</div>
</div>
</div>
</section>
<section class="relative z-10">
<div class="flex relative z-10 justify-center py-10 md:py-20 codeweek-container-lg">
<div class="w-full max-w-[880px] gap-2">
<p class="text-[#20262C] text-lg md:text-2xl font-normal mb-6 p-0">
Are you an expert, industry leader, or organisation ready to inspire students? Or a school looking for digital professionals to bring real-world expertise into the classroom?
</p>
<p class="p-0 mb-6 font-normal text-slate-500 text-default md:text-xl">
Join our growing EU Code Week Community and help build a strong network of digital professionals, companies, academics and educators to inspire students, both online and in person.
</p>
<p class="p-0 mb-6 font-normal text-slate-500 text-default md:text-xl">
<span class="font-semibold">Experts & Organisation</span> – Sign up to share your knowledge with educators.
</p>
<p class="text-[#20262C] text-lg md:text-2xl font-semibold p-0 mb-6">
Register today!
</p>
<div class="flex flex-col gap-6 mb-6 tablet:flex-row">
<div class="flex flex-col flex-1 items-center p-6 bg-yellow-50 rounded-lg">
<p class="p-0 font-semibold text-slate-500 text-default md:text-xl">
Registering as an individual?
</p>
<p class="p-0 mb-4 font-normal text-slate-500 text-default md:text-xl">
Fill out this form:
</p>
<a href="https://forms.office.com/e/BJK7b42iHp" target="_blank" class="flex justify-center w-fit bg-[#F95C22] rounded-full py-2.5 px-8 font-['Blinker'] hover:bg-hover-orange duration-300">
<span
class="text-base font-semibold leading-7 text-black normal-case whitespace-nowrap"
>
Individual registration form
</span>
</a>
</div>
<div class="flex flex-col flex-1 items-center p-6 bg-yellow-50 rounded-lg">
<p class="p-0 font-semibold text-slate-500 text-default md:text-xl">
Signing up as an organisation?
</p>
<p class="p-0 mb-4 font-normal text-slate-500 text-default md:text-xl">
Let us know here:
</p>
<a href="https://forms.office.com/e/504a5CUbUm" target="_blank" class="flex justify-center w-fit bg-[#F95C22] rounded-full py-2.5 px-8 font-['Blinker'] hover:bg-hover-orange duration-300">
<span
class="text-base font-semibold leading-7 text-black normal-case whitespace-nowrap"
>
Organisation registration form
</span>
</a>
</div>
</div>
<p class="p-0 font-normal text-slate-500 text-default md:text-xl">
<span class="font-semibold">Schools & Educators</span> – Browse the database to find the right expert and organisation for your students.
</p>
</div>
</div>
</section>
<match-making-tool-form
:prp-query=""
:prp-languages='@json($selected_languages)'
:prp-locations='@json($selected_locations)'
:prp-types='@json($selected_types)'
:prp-topics='@json($selected_topics)'
:languages='@json($languages)'
:locations='@json($locations)'
:types='@json($types)'
:topics='@json($topics)'
:support_types='@json($support_types)'
:locale="'{{App::getLocale()}}'"
></match-making-tool-form>
</section>
@endsection