diff --git a/index.html b/index.html index 4370bf8..366ed8e 100644 --- a/index.html +++ b/index.html @@ -626,7 +626,7 @@ border: 3px solid var(--sky-blue); background-color: var(--navy); border-radius: 20px; - box-sizing: border-box; /* Ensures padding doesn’t affect width */ + box-sizing: border-box; /* Ensures padding doesn’t affect width */ } .general{ border-top-right-radius: 0; @@ -2566,7 +2566,7 @@ } .servicesbox-mobile { - width: 95%; + width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; @@ -2577,7 +2577,7 @@ /* Style for each box */ .servicesbox-mobile > div { background-color: var(--navy); - padding: 15px; + padding: 20px; text-align: center; } @@ -2588,7 +2588,7 @@ .boxfour-mobile, .boxfive-mobile, .boxsix-mobile { - border: 3px solid var(--sky-blue); + border: 2px solid var(--sky-blue); border-radius: 20px; color: var(--sky-blue); height: 140px; @@ -2602,17 +2602,20 @@ /* Centering the 7th box with 70% width */ .boxseven-mobile { - width: 57%; + width: 63%; margin: 0 auto; border-radius: 20px; height: 140px; margin-top: 10px; color: var(--sky-blue); - border: 3px solid var(--sky-blue); + border: 2px solid var(--sky-blue); text-align: center; } - +.boxseven-mobile h1{ + font-size: 18px; + width: 100%; +} .servicesbox-mobile > div h1 { text-align: center; @@ -2632,8 +2635,8 @@ } .servicesbox-mobile #buttons{ - color: var(--sky-blue); - background-color: var(--navy); + color: var(--navy); + background-color: var(--sky-blue); border: 2px solid var(--sky-blue); height: 35px; font-size: 20px; @@ -2649,15 +2652,14 @@ .servicesbox-mobile #buttons:hover{ - color: var(--navy); - background-color: var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); } .mpopupone { - display: none; position: absolute; /* Ensures the div is positioned relative to #services-mobile */ top: 50%; /* Center vertically within the section */ left: 50%; /* Center horizontally within the section */ @@ -2666,7 +2668,7 @@ height: 400px; text-align: center; border-radius: 20px; - width: 80%; + width: 85%; border: 3px solid var(--sky-blue); color: var(--sky-blue); background-color: var(--navy); @@ -2698,10 +2700,323 @@ .mpopupone p{ color: var(--white); text-align: left; - font-size: 18px; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + +.mpopuptwo { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 620%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopuptwo button { + position: absolute; /* Position relative to the .mpopuptwo div */ + bottom: 10px; /* Spacing from the bottom of the .mpopuptwo div */ + right: 10px; /* Spacing from the right of the .mpopuptwo div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopuptwo h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopuptwo p{ + color: var(--white); + text-align: left; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + + +.mpopupthree { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 720%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopupthree button { + position: absolute; /* Position relative to the .mpopupthree div */ + bottom: 10px; /* Spacing from the bottom of the .mpopupthree div */ + right: 10px; /* Spacing from the right of the .mpopupthree div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopupthree h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopupthree p{ + color: var(--white); + text-align: left; + font-size: 14px; padding-left: 20px; padding-right: 10px; } + + +.mpopupfour { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 820%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopupfour button { + position: absolute; /* Position relative to the .mpopupfour div */ + bottom: 10px; /* Spacing from the bottom of the .mpopupfour div */ + right: 10px; /* Spacing from the right of the .mpopupfour div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopupfour h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopupfour p{ + color: var(--white); + text-align: left; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + + + +.mpopupfive { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 920%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopupfive button { + position: absolute; /* Position relative to the .mpopupfive div */ + bottom: 10px; /* Spacing from the bottom of the .mpopupfive div */ + right: 10px; /* Spacing from the right of the .mpopupfive div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopupfive h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopupfive p{ + color: var(--white); + text-align: left; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + + +.mpopupsix { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 1020%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopupsix button { + position: absolute; /* Position relative to the .mpopupsix div */ + bottom: 10px; /* Spacing from the bottom of the .mpopupsix div */ + right: 10px; /* Spacing from the right of the .mpopupsix div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopupsix h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopupsix p{ + color: var(--white); + text-align: left; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + + +.mpopupseven { + position: absolute; /* Ensures the div is positioned relative to #services-mobile */ + top: 50%; /* Center vertically within the section */ + left: 50%; /* Center horizontally within the section */ + transform: translate(-50%, 1120%); /* Adjust for perfect centering */ + z-index: 999; /* Ensure it is on top of other elements */ + height: 400px; + text-align: center; + border-radius: 20px; + width: 85%; + border: 3px solid var(--sky-blue); + color: var(--sky-blue); + background-color: var(--navy); +} + + +.mpopupseven button { + position: absolute; /* Position relative to the .mpopupseven div */ + bottom: 10px; /* Spacing from the bottom of the .mpopupseven div */ + right: 10px; /* Spacing from the right of the .mpopupseven div */ + background-color: var(--navy); /* Button background color */ + color: var(--sky-blue); /* Button text color */ + border: 3px solid var(--sky-blue); /* No border for a clean look */ + display: block; + border-radius: 50%; /* Slight rounding for aesthetics */ + padding: 10px 15px; /* Padding for the button */ + font-size: 20px; /* Font size for readability */ + cursor: pointer; /* Pointer cursor on hover */ + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */ + transition: all 0.3s ease; /* Smooth hover transition */ +} + +..mpopupseven h1{ + color: var(--sky-blue); + font-size: 35px; + text-align: center; +} + +.mpopupseven p{ + color: var(--white); + text-align: left; + font-size: 14px; + padding-left: 20px; + padding-right: 10px; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -2771,7 +3086,7 @@

About Us

Hi, I'm Lubna Syed

-

I’m Lubna Syed, a passionate and friendly English trainer who loves helping learners grow their confidence and make learning enjoyable. As the heart of The English Nest, i'm committed to helping each learner succeed with confidence.

+

I’m Lubna Syed, a passionate and friendly English trainer who loves helping learners grow their confidence and make learning enjoyable. As the heart of The English Nest, i'm committed to helping each learner succeed with confidence.

@@ -2793,12 +3108,12 @@

Why Choose Us

Experience

-

Learn with a teacher who truly understands English and makes every lesson clear and fun. You’re in great hands here!

+

Learn with a teacher who truly understands English and makes every lesson clear and fun. You’re in great hands here!

Care

-

Receive one-on-one attention every step of the way. We’re here to make sure you succeed comfortably and confidently.

+

Receive one-on-one attention every step of the way. We’re here to make sure you succeed comfortably and confidently.

@@ -2845,7 +3160,7 @@

Difficulty level : High

PTE

-

PTE is all about getting you ready to thrive in English-speaking environments, whether you’re planning to study, work, or settle down abroad. This test checks how well you can read, write, listen, and speak English, and it's known for its fast, unbiased scoring thanks to AI. If you’re in a rush and need results quickly, PTE has your back, especially for countries like Australia, New Zealand, and Canada.

+

PTE is all about getting you ready to thrive in English-speaking environments, whether you’re planning to study, work, or settle down abroad. This test checks how well you can read, write, listen, and speak English, and it's known for its fast, unbiased scoring thanks to AI. If you’re in a rush and need results quickly, PTE has your back, especially for countries like Australia, New Zealand, and Canada.

Difficulty level: Moderate to High

@@ -2862,7 +3177,7 @@

Difficulty level: Moderate to High

TOEFL

-

TOEFL is your ticket if you're dreaming of studying in the U.S. or Canada. This test dives deep into how well you handle university-level English, from understanding lectures to writing essays. With thousands of schools accepting TOEFL scores, it’s a top pick for students ready to take on the academic world. Plus, the score is valid for two years, giving you time to plan your next big step.

+

TOEFL is your ticket if you're dreaming of studying in the U.S. or Canada. This test dives deep into how well you handle university-level English, from understanding lectures to writing essays. With thousands of schools accepting TOEFL scores, it’s a top pick for students ready to take on the academic world. Plus, the score is valid for two years, giving you time to plan your next big step.

Difficulty level: High

@@ -2873,7 +3188,7 @@

Difficulty level: High

Business English

-

Want to shine in the business world? The Business English course is designed to get you confident with everything from emails to presentations. Imagine negotiating deals or leading meetings in fluent, professional English. This course isn’t just about learning words, it’s about mastering the language of global business and showing you’re ready for international success.

+

Want to shine in the business world? The Business English course is designed to get you confident with everything from emails to presentations. Imagine negotiating deals or leading meetings in fluent, professional English. This course isn’t just about learning words, it’s about mastering the language of global business and showing you’re ready for international success.

Difficulty level: Moderate

@@ -2884,7 +3199,7 @@

Difficulty level: Moderate

Spoken English

-

If you're looking to break free from language barriers, this Spoken English course is where you start. It’s all about boosting your confidence in everyday conversations, from casual chats to professional talks. With plenty of practice, you’ll find yourself speaking naturally, expressing your thoughts clearly, and enjoying the ease that comes with real fluency.

+

If you're looking to break free from language barriers, this Spoken English course is where you start. It’s all about boosting your confidence in everyday conversations, from casual chats to professional talks. With plenty of practice, you’ll find yourself speaking naturally, expressing your thoughts clearly, and enjoying the ease that comes with real fluency.

Difficulty level: Easy to Moderate

@@ -2895,7 +3210,7 @@

Difficulty level: Easy to Moderate

Oxford English Test

-

Developed by the experts at Oxford, this test is a smart choice if you want to know where you stand with your English skills. It’s respected worldwide and covers all the basics: reading, listening, and grammar. No stress, just a solid evaluation of how ready you are for English-speaking environments, whether it’s for work, study, or travel.

+

Developed by the experts at Oxford, this test is a smart choice if you want to know where you stand with your English skills. It’s respected worldwide and covers all the basics: reading, listening, and grammar. No stress, just a solid evaluation of how ready you are for English-speaking environments, whether it’s for work, study, or travel.

Difficulty level: Moderate

@@ -2906,7 +3221,7 @@

Difficulty level: Moderate

Life Skills for Spouse Visa

-

This one’s tailored for those applying for a UK spouse visa, focusing only on the basics: can you understand and respond in everyday English? It’s a practical, straightforward test designed to show you can handle the day-to-day language of life in an English-speaking country. Perfect for anyone starting fresh with their partner in the UK. +

This one’s tailored for those applying for a UK spouse visa, focusing only on the basics: can you understand and respond in everyday English? It’s a practical, straightforward test designed to show you can handle the day-to-day language of life in an English-speaking country. Perfect for anyone starting fresh with their partner in the UK.

Difficulty level: Easy

@@ -3053,7 +3368,7 @@

Book a 1:1 Call

-

Ready to take the next step?
Let’s connect and bring your vision to life.
Book a 1:1 call with us to discuss your ideas.

+

Ready to take the next step?
Let’s connect and bring your vision to life.
Book a 1:1 call with us to discuss your ideas.

@@ -3216,12 +3531,38 @@

IELTS

The International English Language Testing System (IELTS) is a widely recognized exam that assesses English proficiency in listening, reading, writing, and speaking. It has two types: Academic, for higher education and professional registration, and General Training, for work, training, or migration. IELTS opens doors to global opportunities with its trusted and comprehensive evaluation.

-
-
-
-
-
-
+
+

PTE

+

PTE is all about getting you ready to thrive in English-speaking environments, whether you’re planning to study, work, or settle down abroad. This test checks how well you can read, write, listen, and speak English, and it's known for its fast, unbiased scoring thanks to AI. If you’re in a rush and need results quickly, PTE has your back, especially for countries like Australia, New Zealand, and Canada.

+ +
+
+

TOEFL

+

TOEFL is your ticket if you're dreaming of studying in the U.S. or Canada. This test dives deep into how well you handle university-level English, from understanding lectures to writing essays. With thousands of schools accepting TOEFL scores, it’s a top pick for students ready to take on the academic world. Plus, the score is valid for two years, giving you time to plan your next big step.

+ +
+
+

Business English

+

Want to shine in the business world? The Business English course is designed to get you confident with everything from emails to presentations. Imagine negotiating deals or leading meetings in fluent, professional English. This course isn’t just about learning words, it’s about mastering the language of global business and showing you’re ready for international success.

+ +
+
+

Spoken English

+

If you're looking to break free from language barriers, this Spoken English course is where you start. It’s all about boosting your confidence in everyday conversations, from casual chats to professional talks. With plenty of practice, you’ll find yourself speaking naturally, expressing your thoughts clearly, and enjoying the ease that comes with real fluency.

+ +
+
+

Oxford English Test

+

Developed by the experts at Oxford, this test is a smart choice if you want to know where you stand with your English skills. It’s respected worldwide and covers all the basics: reading, listening, and grammar. No stress, just a solid evaluation of how ready you are for English-speaking environments, whether it’s for work, study, or travel.

+ +
+
+

Life Skills for Spouse Visa

+

This one’s tailored for those applying for a UK spouse visa, focusing only on the basics: can you understand and respond in everyday English? It’s a practical, straightforward test designed to show you can handle the day-to-day language of life in an English-speaking country. Perfect for anyone starting fresh with their partner in the UK. +

+ + +