php js css php js css

Changes

Changes to Page: exams-and-certifications

221026
Today 3:31am
Guevarra, Kim
Modified page
Change made at /admin/website/pages/
226662
Today 4:07am
Wilkie, Natasha
Modified page
Can't Undo: This is the current version
Change made at /admin/website/pages/
Title:
Content Additional:
Id:
/exams-and-certifications/
/exams-and-certifications/
Content:
<templates:section paddingLeft="1rem" paddingRight="1rem" paddingTop="8rem" paddingBottom="8rem" bgimage="https://images.unsplash.com/photo-1501504905252-473c47e087f8?ixid=M3w2ODg1fDB8MXxzZWFyY2h8NXx8ZXhhbXN8ZW58MHx8fHwxNzgyODAwMzE5fDA&" bgwashcolor="#333333" bgwashopacity="50" bgparallax="true" color="#ffffff" bgposition="center" contentsize="md">
<templates:row>
<templates:column width="7">
<h1 style="text-align: left;">Exams &amp; Certifications</h1>
<p style="text-align: left;">
Whether you are studying for personal development, academic progression, or professional requirements, our centre provides a structured
pathway through assessments such as DELF, DALF, and TCF. These qualifications are awarded by France Éducation international and are
recognised by employers, universities, and government institutions across the globe.
</p>
</templates:column>
<templates:column width="4"></templates:column>
</templates:row>
</templates:section>
<templates:section bgcolor="#fafafa" paddingTop="6rem" paddingBottom="6rem">
<h2 style="text-align: center;">Explore our French Certifications</h2>
<templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<templates:fancybox image="/media/website_pages/exams-and-certifications/delfdalf.jpg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="DELF / DALF" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/delf-dalf/">
<h4>
6 levels: A1 to C2<br />
For all ages and audiences
</h4>
<p>
Diplôme d'Études en Langue Française (DELF) and Diplôme Approfondi de Langue Française (DALF) are official qualifications awarded by France Éducation international. Covering levels A1 through C2, they are recognised worldwide by universities, employers, and government institutions.
</p>
</templates:fancybox>
<templates:fancybox image="/media/website_pages/exams-and-certifications/Tcf-1.png" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="TCF" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/tcf/">
<h4>
[Add TCF levels or target audience here]<br />
[Add a short subtitle here]
</h4>
<p>Add content here<br /></p>
</templates:fancybox>
<templates:fancybox image="/media/website_pages/exams-and-certifications/daefle.jpg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="DAEFLE" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/daefle/">
<h4>
[Add DAEFLE levels or target audience here]<br />
[Add a short subtitle here]
</h4>
<p>Add content here<br /></p>
</templates:fancybox>
</templates:flexlayout>
</templates:section>
<templates:section paddingTop="6rem" paddingBottom="6rem">
<h2 style="text-align: center;">Upcoming Exams</h2>
<logic:include page="/af/exam-selector/?type_id=3&year=2026&order_by=exam_start_date" />
</templates:section>
<templates:section paddingLeft="1rem" paddingRight="1rem" paddingTop="8rem" paddingBottom="8rem" bgimage="https://images.unsplash.com/photo-1501504905252-473c47e087f8?ixid=M3w2ODg1fDB8MXxzZWFyY2h8NXx8ZXhhbXN8ZW58MHx8fHwxNzgyODAwMzE5fDA&" bgwashcolor="#333333" bgwashopacity="50" bgparallax="true" color="#ffffff" bgposition="center" contentsize="md">
<templates:row>
<templates:column width="7">
<h1 style="text-align: left;">Exams &amp; Certifications</h1>
<p style="text-align: left;">
Whether you are studying for personal development, academic progression, or professional requirements, our centre provides a structured
pathway through assessments such as DELF, DALF, and TCF. These qualifications are awarded by France Éducation international and are
recognised by employers, universities, and government institutions across the globe.
</p>
</templates:column>
<templates:column width="4"></templates:column>
</templates:row>
</templates:section>
<templates:section bgcolor="#fafafa" paddingTop="6rem" paddingBottom="6rem">
<h2 style="text-align: center;">Explore our French Certifications</h2>
<templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<templates:fancybox image="/media/website_pages/exams-and-certifications/delfdalf.jpg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="DELF / DALF" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/delf-dalf/">
<h4>
6 levels: A1 to C2<br />
For all ages and audiences
</h4>
<p>
Diplôme d'Études en Langue Française (DELF) and Diplôme Approfondi de Langue Française (DALF) are official qualifications awarded by France Éducation international. Covering levels A1 through C2, they are recognised worldwide by universities, employers, and government institutions.
</p>
</templates:fancybox>
<templates:fancybox image="/media/website_pages/exams-and-certifications/Tcf-1.png" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="TCF" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/tcf/">
<h4>
[Add TCF levels or target audience here]<br />
[Add a short subtitle here]
</h4>
<p>Add content here<br /></p>
</templates:fancybox>
<templates:fancybox image="/media/website_pages/exams-and-certifications/daefle.jpg" style="margin: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" heading="DAEFLE" bgcolor="#ffffff" variant="Accent" cardSize="md" href="/exams-and-certifications/daefle/">
<h4>
[Add DAEFLE levels or target audience here]<br />
[Add a short subtitle here]
</h4>
<p>Add content here<br /></p>
</templates:fancybox>
</templates:flexlayout>
</templates:section>
<templates:section paddingTop="6rem" paddingBottom="6rem">
<h2 style="text-align: center;">Upcoming Exams</h2>
<logic:include page="/af/exam-selector/?type_id=3&year=2026&order_by=exam_start_date" />
</templates:section>
Css:
.page-title {
position: relative;
display: inline-block;
margin-bottom: 1.5rem;

& .title-highlight {
position: absolute;
left: -1.5rem;
top: 50%;
width: calc(100% + 3rem);
height: 1.25rem;
background: #f7d3d8;
transform: translateY(-50%) rotate(-8deg);
z-index: -1;
}
}

.lead {
font-size: 1.125rem;
line-height: 1.7;
}

.subtitle {
font-weight: 400;
color: #555;
margin-bottom: 2rem;
}

.intro-quote {
border-left: 4px solid #d91f2f;
padding-left: 1.5rem;
margin-left: 0;
font-style: normal;

& p {
line-height: 1.7;
margin-bottom: 1rem;

&:last-child {
margin-bottom: 0;
}
}

& a {
color: #d91f2f;
text-decoration: underline;
}
}

.exams-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;

& th,
& td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid #e0e0e0;
vertical-align: top;
}

& th {
font-weight: 600;
background: #fafafa;
}

& .exam-title {
font-weight: 600;
}

& .schedule-badge {
display: inline-block;
background: #fffde7;
color: #333;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}

& .schedule-dates {
font-size: 0.9375rem;
}

& .book-now {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #d91f2f;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 4px;
text-decoration: none;
font-weight: 500;

&:hover {
background: #b51a27;
}
}
}

.event-card {
padding: 0;
overflow: hidden;

& h3 {
margin-top: 0.5rem;
}

& .event-accent {
border: none;
height: 4px;
background: #d91f2f;
margin: 0;
width: 40px;
}

& .event-meta {
width: 100%;
margin-bottom: 1rem;

& td {
padding: 0.25rem 0;
vertical-align: middle;

&:first-child {
width: 24px;
padding-right: 0.5rem;
}
}
}

& .event-register {
display: inline-block;
background: #d91f2f;
color: #fff;
padding: 0.625rem 1.25rem;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
margin-top: 0.5rem;

&:hover {
background: #b51a27;
}
}
}

.divider-text {
color: #d91f2f;
}

.social-links {
display: flex;
gap: 1rem;
margin-top: 1rem;

& .social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #d91f2f;
color: #fff;
text-decoration: none;
transition: background 0.2s ease;

&:hover {
background: #b51a27;
}
}
}

.contact-table {
width: 100%;

& td {
padding: 0.375rem 0;
vertical-align: top;

&:first-child {
width: 28px;
padding-right: 0.5rem;
}
}

& a {
color: inherit;
text-decoration: none;
}
}

.copyright {
margin-top: 2rem;
font-size: 0.875rem;
color: #666;

& a {
color: #666;
}
}

.margin-bottom20 {
margin-bottom: 1.25rem;
}
.page-title {
position: relative;
display: inline-block;
margin-bottom: 1.5rem;

& .title-highlight {
position: absolute;
left: -1.5rem;
top: 50%;
width: calc(100% + 3rem);
height: 1.25rem;
background: #f7d3d8;
transform: translateY(-50%) rotate(-8deg);
z-index: -1;
}
}

.lead {
font-size: 1.125rem;
line-height: 1.7;
}

.subtitle {
font-weight: 400;
color: #555;
margin-bottom: 2rem;
}

.intro-quote {
border-left: 4px solid #d91f2f;
padding-left: 1.5rem;
margin-left: 0;
font-style: normal;

& p {
line-height: 1.7;
margin-bottom: 1rem;

&:last-child {
margin-bottom: 0;
}
}

& a {
color: #d91f2f;
text-decoration: underline;
}
}

.exams-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;

& th,
& td {
padding: 1rem;
text-align: left;
border-bottom: 1px solid #e0e0e0;
vertical-align: top;
}

& th {
font-weight: 600;
background: #fafafa;
}

& .exam-title {
font-weight: 600;
}

& .schedule-badge {
display: inline-block;
background: #fffde7;
color: #333;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}

& .schedule-dates {
font-size: 0.9375rem;
}

& .book-now {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #d91f2f;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 4px;
text-decoration: none;
font-weight: 500;

&:hover {
background: #b51a27;
}
}
}

.event-card {
padding: 0;
overflow: hidden;

& h3 {
margin-top: 0.5rem;
}

& .event-accent {
border: none;
height: 4px;
background: #d91f2f;
margin: 0;
width: 40px;
}

& .event-meta {
width: 100%;
margin-bottom: 1rem;

& td {
padding: 0.25rem 0;
vertical-align: middle;

&:first-child {
width: 24px;
padding-right: 0.5rem;
}
}
}

& .event-register {
display: inline-block;
background: #d91f2f;
color: #fff;
padding: 0.625rem 1.25rem;
border-radius: 4px;
text-decoration: none;
font-weight: 500;
margin-top: 0.5rem;

&:hover {
background: #b51a27;
}
}
}

.divider-text {
color: #d91f2f;
}

.social-links {
display: flex;
gap: 1rem;
margin-top: 1rem;

& .social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #d91f2f;
color: #fff;
text-decoration: none;
transition: background 0.2s ease;

&:hover {
background: #b51a27;
}
}
}

.contact-table {
width: 100%;

& td {
padding: 0.375rem 0;
vertical-align: top;

&:first-child {
width: 28px;
padding-right: 0.5rem;
}
}

& a {
color: inherit;
text-decoration: none;
}
}

.copyright {
margin-top: 2rem;
font-size: 0.875rem;
color: #666;

& a {
color: #666;
}
}

.margin-bottom20 {
margin-bottom: 1.25rem;
}
Js:

															

														
Php Source:

															

														
Handle Child Routes:
0
0
Search Title:

															

														
Search Title Prefix:

															

														
Search Description:

															

														
Search Keywords:

															

														
Search Noindex:
Search Nofollow:
Search Change Frequency:

															

														
Search Priority:
0.5
0.5
Search Canonical Override:
Is Offline:
0
0
Is Hidden In Navigation:
0
0
Is Hidden In Sitemap:
0
0
Security New:
0
0
Security Contact Mode:

															

														
Security Contact Squeeze Viewlimit:

															

														
Security Contact Require Login:

															

														
Security Contact Groups:

															

														
Security Condition Id:

															

														
Security Heading:

															

														
Security Description:

															

														
Other Fields:

															

														
Order:
2
2
Parent Id:
/
/
Contact Id:
0
0
Design Id:
0
0
Header Functions:

															

														
Header Category:

															

														
Is Domain:
0
0
Post Category Id:

															

														
Event Category: