Skip to content

Commit 332efbd

Browse files
Ali-CheikhAli-Cheikh
committed
update
1 parent f35fa32 commit 332efbd

File tree

6 files changed

+885
-490
lines changed

6 files changed

+885
-490
lines changed

‎About/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333

3434
<title>Bessem Mbarek - Founder & Author | LingoLand Tunisia | Award-Winning English Educator</title>
3535

36-
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&family=Anton&display=swap" rel="stylesheet">
36+
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">
3737
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
3838
<link rel="stylesheet" href="/assets/css/styles.css">
3939

@@ -396,7 +396,7 @@
396396
content: '"';
397397
position: absolute;
398398
font-size: 30rem;
399-
font-family: Georgia, serif;
399+
font-family: 'Nunito', sans-serif;
400400
opacity: 0.08;
401401
top: -100px;
402402
left: 50%;
@@ -554,7 +554,7 @@ <h3>Empowering Educators</h3>
554554
<section class="our-story" style="background: #ffffff; padding: 100px 0;">
555555
<div class="container">
556556
<div class="story-header" style="text-align: center; margin-bottom: 60px;">
557-
<h2 class="reveal" style="font-family: 'Anton', sans-serif; font-size: clamp(2rem, 5vw, 3.5rem); color: #0f3d3f;">
557+
<h2 class="reveal" style="font-family: 'Nunito', sans-serif; font-size: clamp(2rem, 5vw, 3.5rem); color: #0f3d3f;">
558558
The <span style="color: #00aca8;">Story</span> Behind <span style="color: #f48c06;">LingoLand</span>
559559
</h2>
560560
<p style="font-size: 1.1rem; color: #64748b; max-width: 800px; margin: 1rem auto 0;">

‎assets/css/styles.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -228,7 +228,7 @@ html {
228228
}
229229

230230
body {
231-
font-family: Arial, Helvetica, sans-serif;
231+
font-family: 'Nunito', sans-serif;
232232
margin: 0;
233233
padding: 0;
234234
background-color: #f9f9f9;
@@ -3401,7 +3401,7 @@ button:active {
34013401

34023402

34033403
#questions-header {
3404-
font-family: Arial, Helvetica, sans-serif;
3404+
font-family: 'Nunito', sans-serif;
34053405
text-align: center;
34063406
font-size: larger;
34073407
}
@@ -3435,8 +3435,8 @@ button:active {
34353435
justify-content: space-between;
34363436
align-items: center;
34373437

3438-
p {
3439-
font-family: "Anton";
3438+
p {
3439+
font-family: 'Nunito', sans-serif;
34403440
font-size: 20px;
34413441
letter-spacing: 1px;
34423442
margin: 0 6px 0 6px;
@@ -3457,7 +3457,7 @@ button:active {
34573457
display: initial;
34583458

34593459
p {
3460-
font-family: sans-serif;
3460+
font-family: 'Nunito', sans-serif;
34613461
margin-top: 10px;
34623462
}
34633463
}

‎index.html‎

Lines changed: 40 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -456,31 +456,60 @@ <h2 class="section-title" style="text-align: left;">
456456
</div>
457457
</section>
458458
<br><br>
459-
<section class="why-choose-us y-28">
459+
<section class="why-choose-us y-28" aria-labelledby="why-choose-title">
460460
<div class="circle-point"></div>
461461
<div class="cube cube-top-right"></div>
462462
<div class="cube cube-bottom-right"></div>
463463

464464
<div class="content">
465-
<div class="text-container" style="margin-left: 5%;">
466-
<h2 class="section-title" style="text-align: left; font-size: 2.5rem;">
467-
<span class="title-part1">Why Choose</span>
468-
<span class="title-part2">Us?</span>
469-
</h2>
465+
<!-- Text Section -->
466+
<div class="text-container">
467+
<h2 id="why-choose-title" class="section-title" style="text-align: left; font-size: 2.5rem; margin-bottom: 1.5rem;">
468+
<span class="title-part1" style="color: #00ACA8;">Why Choose</span>
469+
<span class="title-part2" style="color: #F48C06;">LingoLand?</span>
470+
</h2>
471+
470472
<div class="text-content">
471-
<p>
473+
<p style="font-size: 1.1rem; color: #475569; line-height: 1.8; margin-bottom: 2rem;">
472474
Our interactive approach features fun lessons and engaging multimedia content designed to make learning enjoyable and effective. Our experienced team members work hand-in-hand to provide you with the guidance and support you need, ensuring steady progress and confidence in your abilities.
473475
</p>
474476
</div>
477+
478+
<!-- Key Features List -->
479+
<ul class="features-list" style="list-style: none; padding: 0; margin: 2rem 0;">
480+
<li class="feature-item" style="display: flex; align-items: flex-start; margin-bottom: 1.5rem;">
481+
<span class="feature-icon" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #E0F7F6; border-radius: 50%; margin-right: 1rem; flex-shrink: 0; color: #00ACA8; font-weight: bold; font-size: 1.2rem;">✓</span>
482+
<div>
483+
<h4 style="margin: 0 0 0.5rem 0; color: #0f3d3f; font-weight: 700;">Official Curriculum Aligned</h4>
484+
<p style="margin: 0; color: #64748b; font-size: 0.95rem;">Fully aligned with Tunisia's official program for all grades</p>
485+
</div>
486+
</li>
487+
<li class="feature-item" style="display: flex; align-items: flex-start; margin-bottom: 1.5rem;">
488+
<span class="feature-icon" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #FEF3E2; border-radius: 50%; margin-right: 1rem; flex-shrink: 0; color: #F48C06; font-weight: bold; font-size: 1.2rem;">✓</span>
489+
<div>
490+
<h4 style="margin: 0 0 0.5rem 0; color: #0f3d3f; font-weight: 700;">Interactive & Engaging</h4>
491+
<p style="margin: 0; color: #64748b; font-size: 0.95rem;">Multimedia lessons that make learning fun and memorable</p>
492+
</div>
493+
</li>
494+
<li class="feature-item" style="display: flex; align-items: flex-start;">
495+
<span class="feature-icon" style="display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #E0F7F6; border-radius: 50%; margin-right: 1rem; flex-shrink: 0; color: #00ACA8; font-weight: bold; font-size: 1.2rem;">✓</span>
496+
<div>
497+
<h4 style="margin: 0 0 0.5rem 0; color: #0f3d3f; font-weight: 700;">Expert Guidance</h4>
498+
<p style="margin: 0; color: #64748b; font-size: 0.95rem;">Support from experienced educators across Tunisia</p>
499+
</div>
500+
</li>
501+
</ul>
475502
</div>
476-
<div class="video-container">
503+
504+
<!-- Video Section -->
505+
<div class="video-container">
477506
<video id="myVideo" loop playsinline height="100%">
478507
<source src="https://lingo-land.net/assets/img/about%20us.mp4" type="video/mp4">
479508
Your browser does not support the video tag.
480509
</video>
481-
<img src="/assets/img/video-thumbnail.png" class="video-thumbnail" alt="Video thumbnail">
482-
<button id="playPauseBtn" class="play-pause-btn">▶</button>
483-
</div>
510+
<img src="/assets/img/video-thumbnail.png" class="video-thumbnail" alt="LingoLand video about us">
511+
<button id="playPauseBtn" class="play-pause-btn" aria-label="Play video">▶</button>
512+
</div>
484513
</div>
485514
</section>
486515
<br><br>

0 commit comments

Comments
 (0)