Practice Phrasal Verbs in the Past Tense
with the History of Transportation

Who hasn’t used some form of transportation?

The need to go farther and carry more has always driven humans to create new ways to move — adapted to every environment and social reality.
From sleds to airplanes, the spirit has remained the same: to go farther, to go faster.
Transportation isn’t just movement — it’s the foundation of real human connection.

Below, we’ll take a journey through the main forms of transportation used in the past — many of which are still part of daily life for thousands of people around the world.

From carts to trains, from the earliest airplanes to the invention of submarines, each mode of transport tells a story.
Recognizing the phrasal verbs used to describe these moments of movement is a step toward understanding the bold, exploratory spirit we each carry within us.

 

🎧 Listening Comprehension

🚢 Submarines Quiz

From Jules Verne to Modern Technology — Test your comprehension with phrasal verbs!

Question 1 of 5
Jules Verne's novels **brought up** themes that reflected European society's fascination with:
Question 2 of 5
Early submarines like the Turtle and the first Nautilus could not **keep up** with modern standards primarily because they:
Question 3 of 5
When Jules Verne **came up with** the idea for the Nautilus in his book, submarines:
Question 4 of 5
The video **points out** that Jules Verne's bold and futuristic vision:
Question 5 of 5
Modern submarines **blend in** reality with science fiction by:

🎉 Quiz Completed!

0/5

Great job!

📚 Phrasal Verbs from this Quiz:

  • bring up – to mention or introduce a topic
  • keep up – to maintain the same pace or standard as others
  • come up with – to think of an idea or plan
  • point out – to draw attention to something
  • blend in – to combine or mix smoothly
/* CSS do quiz */ .custom-quiz-container { max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; } .quiz-header { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 30px; text-align: center; } .question-container { display: none; padding: 20px; } .question-container.active { display: block; } .options button { display: block; width: 100%; padding: 10px; margin-bottom: 10px; border: none; background: #f1f1f1; border-radius: 6px; cursor: pointer; text-align: left; font-size: 1rem; transition: background-color 0.3s ease; } .options button:hover { background-color: #e0e0e0; } .options button.correct { background-color: #c8f7c5; } .options button.incorrect { background-color: #f7c5c5; } .feedback { margin-top: 10px; font-weight: bold; min-height: 20px; } .next-btn, .restart-btn, .try-again-btn { /* Adicionado .try-again-btn */ background: #667eea; color: white; border: none; padding: 12px 20px; border-radius: 6px; margin-top: 15px; cursor: pointer; font-size: 1rem; transition: background-color 0.3s ease; margin-right: 10px; /* Espaçamento entre botões */ } .next-btn:hover, .restart-btn:hover, .try-again-btn:hover { /* Adicionado .try-again-btn */ background-color: #5a6de0; } .completion-screen { padding: 20px; text-align: center; } .phrasal-verbs-list { margin-top: 30px; background: #f9f9f9; padding: 15px; border-radius: 8px; text-align: left; } .phrasal-verbs-list ul { list-style-type: none; padding: 0; } .phrasal-verbs-list li { margin-bottom: 5px; } // JavaScript para o quiz jQuery(document).ready(function($) { let score = 0; let totalQuestions = 5; function checkAnswer(questionNum, option, isCorrect) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); buttons.each(function() { $(this).prop("disabled", true); // Desabilita todos os botões após a escolha $(this).removeClass("correct incorrect"); // Remove classes de estados anteriores }); if (isCorrect) { feedback.text("✅ Correct!"); $(event.target).addClass("correct"); score++; nextBtn.show(); // Mostra o botão "Next Question" tryAgainBtn.hide(); // Esconde o botão "Try Again" } else { feedback.text("❌ Incorrect. Try again!"); $(event.target).addClass("incorrect"); nextBtn.hide(); // Esconde o botão "Next Question" tryAgainBtn.show(); // Mostra o botão "Try Again" } } // Nova função para refazer a questão function tryAgain(questionNum) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); feedback.text(""); // Limpa o feedback buttons.each(function() { $(this).prop("disabled", false); // Reabilita os botões $(this).removeClass("correct incorrect"); // Remove cores de feedback }); nextBtn.hide(); // Garante que o botão de "Next" esteja escondido tryAgainBtn.hide(); // Esconde o botão "Try Again" } function nextQuestion(nextNum) { $(".question-container.active").removeClass("active"); $(`.question-container[data-question="${nextNum}"]`).addClass("active"); } function showResults() { $(".question-container.active").removeClass("active"); $("#completion").show(); $("#finalScore").text(`${score}/${totalQuestions}`); const message = score === totalQuestions ? "Excellent! You got all the answers right." : score >= totalQuestions / 2 ? "Good job! You got most of them right." : "Keep practicing! You can do better."; $("#scoreMessage").text(message); } function restartQuiz() { score = 0; $(".question-container").each(function(i) { $(this).removeClass("active"); if (i === 0) $(this).addClass("active"); // Ativa a primeira questão $(this).find(".option").each(function() { $(this).prop("disabled", false); $(this).removeClass("correct incorrect"); }); const feedback = $(this).find(".feedback"); if (feedback.length) feedback.text(""); $(this).find(".next-btn").hide(); // Esconde o "Next" no restart $(this).find(".try-again-btn").hide(); // Esconde o "Try Again" no restart }); $("#completion").hide(); } // Torna as funções acessíveis globalmente para os atributos onclick no HTML window.checkAnswer = checkAnswer; window.nextQuestion = nextQuestion; window.showResults = showResults; window.restartQuiz = restartQuiz; window.tryAgain = tryAgain; // Torna a nova função globalmente acessível });

🚢 Submarines Quiz - Phrasal Verb Equivalents

Find the best alternative phrase using a different phrasal verb!

Question 1 of 5
"Jules Verne's novels **brought up** Europe's fascination with discovery and technology."

Which option best replaces the bolded phrase?
Question 2 of 5
"Early submarines could not **keep up** with modern standards due to their reliance on human strength."

Which option best replaces the bolded phrase?
Question 3 of 5
"Verne **came up with** the idea of autonomous, electricity-powered submarines in his imagination."

Which option best replaces the bolded phrase?
Question 4 of 5
"The video **points out** that Jules Verne's bold and futuristic vision influenced naval construction."

Which option best replaces the bolded phrase?
Question 5 of 5
"Modern submarines **blend in** reality with science fiction."

Which option best replaces the bolded phrase?

🎉 Quiz Completed!

0/5

Great job!

📚 Phrasal Verbs from this Quiz:

  • bring up – to mention or introduce a topic
  • point out – to draw attention to something, highlight
  • look into – to investigate, examine
  • put off – to postpone, discourage
  • keep up – to maintain the same pace or standard as others
  • match up – to be equal to, to correspond
  • stand out – to be easily seen or noticed
  • give up – to stop trying, surrender
  • come up with – to think of an idea or plan
  • thought of – (past of think of) to conceive an idea
  • give up on – to stop hoping for or believing in
  • take after – to resemble a parent or relative
  • points out – to draw attention to something, highlight
  • highlights – to emphasize, make prominent
  • look for – to search for
  • run over – to hit with a vehicle; to review quickly
  • blend in – to combine or mix smoothly
  • combine with – to merge, mix together
  • break down – to stop functioning; to separate into parts
/* CSS do quiz */ .custom-quiz-container { max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; } .quiz-header { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 30px; text-align: center; } .question-container { display: none; padding: 20px; } .question-container.active { display: block; } .options button { display: block; width: 100%; padding: 10px; margin-bottom: 10px; border: none; background: #f1f1f1; border-radius: 6px; cursor: pointer; text-align: left; font-size: 1rem; transition: background-color 0.3s ease; } .options button:hover { background-color: #e0e0e0; } .options button.correct { background-color: #c8f7c5; } .options button.incorrect { background-color: #f7c5c5; } .feedback { margin-top: 10px; font-weight: bold; min-height: 20px; } .next-btn, .restart-btn, .try-again-btn { background: #667eea; color: white; border: none; padding: 12px 20px; border-radius: 6px; margin-top: 15px; cursor: pointer; font-size: 1rem; transition: background-color 0.3s ease; margin-right: 10px; } .next-btn:hover, .restart-btn:hover, .try-again-btn:hover { background-color: #5a6de0; } .completion-screen { padding: 20px; text-align: center; } .phrasal-verbs-list { margin-top: 30px; background: #f9f9f9; padding: 15px; border-radius: 8px; text-align: left; } .phrasal-verbs-list ul { list-style-type: none; padding: 0; } .phrasal-verbs-list li { margin-bottom: 5px; } // JavaScript para o quiz jQuery(document).ready(function($) { let score = 0; let totalQuestions = 5; function checkAnswer(questionNum, option, isCorrect) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); buttons.each(function() { $(this).prop("disabled", true); $(this).removeClass("correct incorrect"); }); if (isCorrect) { feedback.text("✅ Correct!"); $(event.target).addClass("correct"); score++; nextBtn.show(); tryAgainBtn.hide(); } else { feedback.text("❌ Incorrect. Try again!"); $(event.target).addClass("incorrect"); nextBtn.hide(); tryAgainBtn.show(); } } function tryAgain(questionNum) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); feedback.text(""); buttons.each(function() { $(this).prop("disabled", false); $(this).removeClass("correct incorrect"); }); nextBtn.hide(); tryAgainBtn.hide(); } function nextQuestion(nextNum) { $(".question-container.active").removeClass("active"); $(`.question-container[data-question="${nextNum}"]`).addClass("active"); } function showResults() { $(".question-container.active").removeClass("active"); $("#completion").show(); $("#finalScore").text(`${score}/${totalQuestions}`); const message = score === totalQuestions ? "Excellent! You got all the answers right." : score >= totalQuestions / 2 ? "Good job! You got most of them right." : "Keep practicing! You can do better."; $("#scoreMessage").text(message); } function restartQuiz() { score = 0; $(".question-container").each(function(i) { $(this).removeClass("active"); if (i === 0) $(this).addClass("active"); $(this).find(".option").each(function() { $(this).prop("disabled", false); $(this).removeClass("correct incorrect"); }); const feedback = $(this).find(".feedback"); if (feedback.length) feedback.text(""); $(this).find(".next-btn").hide(); $(this).find(".try-again-btn").hide(); }); $("#completion").hide(); } // Torna as funções acessíveis globalmente para os atributos onclick no HTML window.checkAnswer = checkAnswer; window.nextQuestion = nextQuestion; window.showResults = showResults; window.restartQuiz = restartQuiz; window.tryAgain = tryAgain; });
Mapa Mental - Phrasal Verbs .mindmap-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Arial', sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); overflow: hidden; position: relative; min-height: 100vh; } .mindmap-title { text-align: center; color: white; font-size: 2.5rem; font-weight: bold; margin-bottom: 40px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .mindmap { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px; position: relative; min-height: 600px; } .center-node { background: linear-gradient(135deg, #ff6b6b, #ee5a24); color: white; padding: 25px 35px; border-radius: 50px; font-size: 1.4rem; font-weight: bold; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); cursor: pointer; transition: all 0.3s ease; z-index: 10; position: relative; min-width: 200px; order: -1; flex-basis: 100%; margin-bottom: 30px; } .center-node:hover { transform: scale(1.1); box-shadow: 0 15px 40px rgba(0,0,0,0.3); } .category-node { background: white; border: 3px solid #667eea; padding: 20px; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(0,0,0,0.1); max-width: 300px; min-width: 280px; position: relative; } .category-node:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(102, 126, 234, 0.2); border-color: #764ba2; } .category-node.active { background: linear-gradient(135deg, #667eea, #764ba2); color: white; transform: scale(1.02); min-height: auto; } .category-title { font-size: 1.2rem; font-weight: bold; color: #667eea; margin-bottom: 15px; text-align: center; } .category-node.active .category-title { color: white; margin-bottom: 20px; } .phrasal-verbs-list { display: none; opacity: 0; transition: opacity 0.3s ease; } .phrasal-verbs-list.active { display: block; opacity: 1; padding-top: 10px; } .phrasal-verb { background: #f8f9ff; padding: 12px 15px; margin: 8px 0; border-radius: 8px; font-size: 0.95rem; border-left: 4px solid #667eea; transition: all 0.2s ease; cursor: pointer; } .category-node.active .phrasal-verb { background: rgba(255,255,255,0.2); border-left-color: white; color: white; } .phrasal-verb:hover { background: #667eea !important; color: white !important; transform: translateX(5px); border-left-color: white !important; } .verb-main { font-weight: bold; display: block; margin-bottom: 3px; } .verb-meaning { font-style: italic; opacity: 0.9; font-size: 0.9em; } .instructions { text-align: center; color: rgba(255,255,255,0.9); font-size: 1.1rem; margin-bottom: 30px; padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px; backdrop-filter: blur(10px); } .reset-btn { position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.2); color: white; border: 2px solid rgba(255,255,255,0.3); padding: 10px 20px; border-radius: 25px; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); font-weight: bold; } .reset-btn:hover { background: rgba(255,255,255,0.3); transform: translateY(-2px); } @media (max-width: 768px) { .mindmap { flex-direction: column; gap: 20px; align-items: center; } .mindmap-title { font-size: 2rem; } .category-node { max-width: 90%; min-width: 90%; } .center-node { min-width: 90%; } .reset-btn { position: relative; top: 10px; right: 10px; margin-bottom: 20px; } } .floating-particles { position: absolute; width: 100%; height: 100%; overflow: hidden; pointer-events: none; top: 0; left: 0; } .particle { position: absolute; background: rgba(255,255,255,0.1); border-radius: 50%; animation: float 6s infinite ease-in-out; } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); opacity: 0.1; } 50% { transform: translateY(-20px) rotate(180deg); opacity: 0.3; } } .stats { text-align: center; color: rgba(255,255,255,0.8); margin-top: 30px; padding: 15px; background: rgba(255,255,255,0.1); border-radius: 10px; backdrop-filter: blur(10px); }

🧠 Phrasal Verbs Mind Map

💡 Clique em qualquer categoria para explorar os phrasal verbs e seus significados!
Phrasal Verbs
Clique para explorar!
🚀 Movimento/Direção
carry out executar, realizar
move forward avançar, seguir em frente
go through passar por, atravessar
⚡ Ação/Processo
speed up acelerar
break down quebrar, analisar
set up configurar, estabelecer
give a second thought reconsiderar
🔗 Dependência/Relação
rely on depender de, contar com
depend on depender de
confined to limitado a, restrito a
💬 Comunicação/Indicação
bring up mencionar, trazer à tona
point out indicar, apontar
speak up falar mais alto, se manifestar
⚖️ Equivalência/Substituição
match up combinar, igualar
line up alinhar, fazer fila
💡 Ideação/Criação
come up with inventar, criar
think up inventar, imaginar
🔄 Continuidade/Manutenção
keep up manter o ritmo
hold on aguardar, manter
🎨 Combinação/Mistura
blend in misturar-se, integrar-se
mix up misturar, confundir
📊 Total de phrasal verbs: 0 | 🎯 Categorias: 0
function toggleCategory(element) { const isActive = element.classList.contains('active'); // Remove active class from all categories document.querySelectorAll('.category-node').forEach(node => { node.classList.remove('active'); const list = node.querySelector('.phrasal-verbs-list'); if (list) { list.classList.remove('active'); } }); // If clicked category wasn't active, activate it if (!isActive) { element.classList.add('active'); const list = element.querySelector('.phrasal-verbs-list'); if (list) { // Force immediate display list.style.display = 'block'; list.classList.add('active'); } // Add visual feedback element.style.transform = 'scale(1.02)'; } } function showAllCategories() { const categories = document.querySelectorAll('.category-node'); categories.forEach((category, index) => { setTimeout(() => { category.style.transform = 'scale(1.05) translateY(-3px)'; category.style.boxShadow = '0 15px 35px rgba(102, 126, 234, 0.3)'; setTimeout(() => { category.style.transform = ''; category.style.boxShadow = ''; }, 400); }, index * 80); }); // Animate center node const centerNode = document.querySelector('.center-node'); centerNode.style.transform = 'scale(1.1) rotate(5deg)'; setTimeout(() => { centerNode.style.transform = ''; }, 500); } function resetMindMap() { document.querySelectorAll('.category-node').forEach(node => { node.classList.remove('active'); const list = node.querySelector('.phrasal-verbs-list'); if (list) { list.classList.remove('active'); list.style.display = 'none'; } node.style.transform = ''; }); // Add reset animation const centerNode = document.querySelector('.center-node'); centerNode.style.transform = 'scale(1.2) rotate(360deg)'; setTimeout(() => { centerNode.style.transform = ''; }, 500); } // Create floating particles function createParticles() { const particlesContainer = document.getElementById('particles'); for (let i = 0; i { verb.addEventListener('click', function(e) { e.stopPropagation(); this.style.transform = 'scale(1.05) translateX(10px)'; setTimeout(() => { this.style.transform = ''; }, 200); }); }); });

💡 Study Tip

Look around you — your day is full of opportunities to learn English!
Try to describe your actions and environment using phrasal verbs.

🧹 “I woke up, got up, and turned off the alarm. Then I looked for my shoes and picked up the keys.”

This turns everyday habits into natural English practice.

✔️ You’ll connect language to real life
✔️ You’ll remember more — because it’s your story
✔️ And you’ll get used to thinking in English, not just translating

The more you talk about your day in English, the more English becomes part of your day.

🎧 Listening Comprehension

🚂 The Train Revolution Quiz

Test your comprehension of how trains reshaped the world!

Question 1 of 5
According to the text, how did the emergence of coal-powered locomotives fundamentally alter human perception of time and distance in the 19th century?
Question 2 of 5
What was a significant socio-economic consequence for previously isolated regions once rail networks expanded rapidly?
Question 3 of 5
In what primary way did trains serve as the "backbone of industrialization" according to the video?
Question 4 of 5
What significant economic advantage did the advent of trains offer to farmers?
Question 5 of 5
What bias does the narrator caution against when considering early steam trains from a modern perspective?

🎉 Quiz Completed!

0/5

Great job!

📚 Key Concepts from this Quiz:

  • Revolutionary Impact: Trains reshaped societies and economies.
  • Travel Transformation: Shift from arduous journeys to faster, more efficient travel.
  • Industrial Backbone: Trains facilitated raw material supply and product distribution.
  • Economic Expansion: Farmers gained access to broader markets.
  • Standardization: Railway time led to modern time zones.
/* CSS do quiz */ .custom-quiz-container { max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; } .quiz-header { background: linear-gradient(135deg, #4CAF50, #8BC34A); /* Green gradient for trains */ color: white; padding: 30px; text-align: center; } .question-container { display: none; padding: 20px; } .question-container.active { display: block; } .options button { display: block; width: 100%; padding: 10px; margin-bottom: 10px; border: none; background: #f1f1f1; border-radius: 6px; cursor: pointer; text-align: left; font-size: 1rem; transition: background-color 0.3s ease; } .options button:hover { background-color: #e0e0e0; } .options button.correct { background-color: #c8f7c5; } .options button.incorrect { background-color: #f7c5c5; } .feedback { margin-top: 10px; font-weight: bold; min-height: 20px; } .next-btn, .restart-btn, .try-again-btn { background: #4CAF50; /* Green button */ color: white; border: none; padding: 12px 20px; border-radius: 6px; margin-top: 15px; cursor: pointer; font-size: 1rem; transition: background-color 0.3s ease; margin-right: 10px; } .next-btn:hover, .restart-btn:hover, .try-again-btn:hover { background-color: #43A047; /* Darker green on hover */ } .completion-screen { padding: 20px; text-align: center; } .phrasal-verbs-list { /* Renamed for clarity to .key-concepts-list */ margin-top: 30px; background: #f9f9f9; padding: 15px; border-radius: 8px; text-align: left; } .phrasal-verbs-list ul { list-style-type: none; padding: 0; } .phrasal-verbs-list li { margin-bottom: 5px; } // JavaScript para o quiz jQuery(document).ready(function($) { let score = 0; let totalQuestions = 5; function checkAnswer(questionNum, option, isCorrect) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); buttons.each(function() { $(this).prop("disabled", true); $(this).removeClass("correct incorrect"); }); if (isCorrect) { feedback.text("✅ Correct!"); $(event.target).addClass("correct"); score++; nextBtn.show(); tryAgainBtn.hide(); } else { feedback.text("❌ Incorrect. Try again!"); $(event.target).addClass("incorrect"); nextBtn.hide(); tryAgainBtn.show(); } } function tryAgain(questionNum) { const feedback = $(`#feedback${questionNum}`); const buttons = $(`[data-question="${questionNum}"] .option`); const nextBtn = $(`[data-question="${questionNum}"] .next-btn`); const tryAgainBtn = $(`[data-question="${questionNum}"] .try-again-btn`); feedback.text(""); buttons.each(function() { $(this).prop("disabled", false); $(this).removeClass("correct incorrect"); }); nextBtn.hide(); tryAgainBtn.hide(); } function nextQuestion(nextNum) { $(".question-container.active").removeClass("active"); $(`.question-container[data-question="${nextNum}"]`).addClass("active"); } function showResults() { $(".question-container.active").removeClass("active"); $("#completion").show(); $("#finalScore").text(`${score}/${totalQuestions}`); const message = score === totalQuestions ? "Excellent! You got all the answers right." : score >= totalQuestions / 2 ? "Good job! You got most of them right." : "Keep practicing! You can do better."; $("#scoreMessage").text(message); } function restartQuiz() { score = 0; $(".question-container").each(function(i) { $(this).removeClass("active"); if (i === 0) $(this).addClass("active"); $(this).find(".option").each(function() { $(this).prop("disabled", false); $(this).removeClass("correct incorrect"); }); const feedback = $(this).find(".feedback"); if (feedback.length) feedback.text(""); $(this).find(".next-btn").hide(); $(this).find(".try-again-btn").hide(); }); $("#completion").hide(); } // Torna as funções acessíveis globalmente para os atributos onclick no HTML window.checkAnswer = checkAnswer; window.nextQuestion = nextQuestion; window.showResults = showResults; window.restartQuiz = restartQuiz; window.tryAgain = tryAgain; });


💡 Study Tip

Don’t just memorize — personalize!
Choose one phrasal verb a day and write a short sentence using it to describe your life.
It can be about your routine, your mood, or even your plans.

📝 Instead of just learning “give up,” write: “I won’t give up on my English goals!”

This daily habit helps you:

  • 🧠 Remember faster (because the phrase means something to you)

  • ✍️ Practice grammar in real use

  • 💬 Get used to thinking in English

The more personal, the more powerful. One sentence a day = steady progress.

🚂 Train Phrasal Verbs - Fill-in-the-Blanks

Complete the sentences using the correct phrasal verb from the options provided.

1. Today, we live in an era where high-speed rail, airplanes, and automobiles are so commonplace that we barely them a second thought.

give them take them bring them

2. The emergence of coal-powered locomotives didn't just change transportation; it entire societies.

called off reshaped turned down

3. Long distance travel was an arduous, costly, and often perilous endeavor trains became widespread.

after before while

4. Most people horses, horse-drawn carriages, or slow-moving boats.

put off relied on made up

5. The world, for most, was their immediate surroundings.

confined to looked into taken over by

6. Suddenly, trains could hundreds of passengers and tons of cargo across vast distances.

bring about carry cut down on

7. Rail networks expanded rapidly, together regions that had previously been isolated.

getting over weaving looking up

8. The flow of people, goods, and ideas like never before.

accelerated slowed down turned into

9. Farmers no longer had to solely on local markets.

break down rely on put up with

10. The very concept of time was with the introduction of railway time.

made up called off standardized

🎉 Exercise Completed!

📚 Phrasal Verbs & Key Vocabulary:

  • give (something) a second thought – to think about something again
  • reshape – to change the shape or form of something (often used metaphorically)
  • rely on – to depend on
  • confined to – limited to, restricted to
  • carry – to transport (as a core verb, fits phrasal verb context)
  • weave (together) – to join together closely
  • accelerate – to increase in speed
  • standardize – to make consistent or uniform
  • **Other phrasal verbs used as distractors:** `call off`, `turn down`, `put off`, `make up`, `look into`, `take over by`, `bring about`, `cut down on`, `get over`, `look up`, `break down`, `put up with`
/* CSS do quiz - Ajustado para o novo formato */ .custom-quiz-container { max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; padding-bottom: 20px; /* Adicionado padding inferior */ } .quiz-header { background: linear-gradient(135deg, #4CAF50, #8BC34A); /* Green gradient */ color: white; padding: 30px; text-align: center; } .quiz-content { padding: 20px; } .fill-in-blanks-question { margin-bottom: 25px; /* Espaço maior para acomodar o popup */ position: relative; /* Para posicionar o popup */ line-height: 1.8; /* Melhor legibilidade para as frases */ } .fill-in-blanks-question p { font-size: 1.1em; margin-bottom: 5px; } .blank { display: inline-block; min-width: 100px; /* Largura mínima para a lacuna */ height: 25px; /* Altura para a lacuna */ border-bottom: 2px dashed #999; cursor: pointer; padding: 0 5px; text-align: center; font-weight: bold; color: #333; /* Cor inicial do texto preenchido */ transition: all 0.3s ease; } .blank.correct { color: green; border-bottom-color: green; } .blank.incorrect { color: red; border-bottom-color: red; } /* Opções de popup */ .options-popup { position: absolute; background: white; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 10; display: none; /* Inicia oculto */ padding: 5px; min-width: 120px; } .options-popup.active { display: block; } .option-item { display: block; padding: 8px 10px; cursor: pointer; font-size: 0.95em; transition: background-color 0.2s ease; } .option-item:hover { background-color: #f0f0f0; } /* Botões de controle */ .check-answers-btn, .restart-btn { background: #4CAF50; color: white; border: none; padding: 12px 20px; border-radius: 6px; margin-top: 20px; cursor: pointer; font-size: 1rem; transition: background-color 0.3s ease; margin-right: 10px; } .check-answers-btn:hover, .restart-btn:hover { background-color: #43A047; } .completion-screen { padding: 20px; text-align: center; } .phrasal-verbs-list { margin-top: 30px; background: #f9f9f9; padding: 15px; border-radius: 8px; text-align: left; } .phrasal-verbs-list ul { list-style-type: none; padding: 0; } .phrasal-verbs-list li { margin-bottom: 5px; } jQuery(document).ready(function($) { let correctCount = 0; const totalBlanks = 10; let activeBlank = null; // Para controlar qual lacuna está ativa // Event listener para cliques nas lacunas $('.blank').on('click', function(e) { e.stopPropagation(); // Evita que o clique se propague para o document // Esconde qualquer popup ativo $('.options-popup').removeClass('active').css({ top: '', left: '' }); const blankId = $(this).data('blank-id'); const popup = $(`[data-blank-id="${blankId}-options"]`); activeBlank = $(this); // Define a lacuna ativa // Posiciona o popup abaixo da lacuna clicada const blankPos = $(this).position(); const blankWidth = $(this).outerWidth(); const blankHeight = $(this).outerHeight(); const parentOffset = $(this).parent().position(); // Offset do parágrafo pai popup.css({ top: blankPos.top + blankHeight + parentOffset.top + 5, // 5px de margem left: blankPos.left + parentOffset.left + (blankWidth / 2) - (popup.outerWidth() / 2) // Centraliza }).addClass('active'); }); // Event listener para cliques nas opções do popup $('.option-item').on('click', function() { if (!activeBlank) return; // Nenhuma lacuna ativa const isCorrect = $(this).data('correct'); const selectedText = $(this).text(); activeBlank.text(selectedText); // Preenche a lacuna com o texto selecionado activeBlank.removeClass('correct incorrect'); // Limpa classes anteriores if (isCorrect) { activeBlank.addClass('correct'); } else { activeBlank.addClass('incorrect'); } // Esconde o popup após a seleção $('.options-popup').removeClass('active').css({ top: '', left: '' }); activeBlank = null; // Reseta a lacuna ativa }); // Esconder popup ao clicar fora $(document).on('click', function(e) { if (!$(e.target).closest('.options-popup').length && !$(e.target).hasClass('blank')) { $('.options-popup').removeClass('active').css({ top: '', left: '' }); activeBlank = null; } }); // Função para verificar todas as respostas window.checkFillInBlanks = function() { correctCount = 0; let allFilled = true; $('.blank').each(function() { if ($(this).text().trim() === '') { allFilled = false; // Opcional: Adicionar algum feedback visual para lacunas não preenchidas $(this).css('border-bottom-color', 'orange'); } else if ($(this).hasClass('correct')) { correctCount++; } }); if (!allFilled) { alert("Please fill in all the blanks before checking!"); return; } // Esconder botões de controle e mostrar tela de conclusão $('.check-answers-btn').hide(); $('.restart-btn').show(); // Mostra o botão de reiniciar no final $('#fillInBlanksContent').hide(); $('#fillInBlanksCompletion').show(); $('#fillInBlanksScore').text(`${correctCount}/${totalBlanks} correct answers.`); const message = correctCount === totalBlanks ? "Fantastic! You got all the answers right." : correctCount >= totalBlanks / 2 ? "Good effort! You got most of them right." : "Keep practicing! Review the key concepts and try again."; $('#fillInBlanksMessage').text(message); }; // Função para reiniciar o exercício window.restartFillInBlanks = function() { correctCount = 0; $('.blank').each(function() { $(this).text(''); // Limpa o texto $(this).removeClass('correct incorrect'); // Remove as cores $(this).css('border-bottom-color', '#999'); // Reseta a cor da borda }); $('.options-popup').removeClass('active').css({ top: '', left: '' }); // Esconde qualquer popup activeBlank = null; // Mostra botões de controle e esconde tela de conclusão $('.check-answers-btn').show(); $('.restart-btn').hide(); $('#fillInBlanksContent').show(); $('#fillInBlanksCompletion').hide(); }; // Inicializa: esconde o botão de restart ao carregar $('.restart-btn').hide(); });
Rolar para cima