New Era – Elementary 2 #14

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .tab-group { margin: 25px 0; } .tab-buttons { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .tab-buttons button { padding: 10px 18px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 6px; font-weight: bold; } .tab-buttons button.active { background-color: #ffca28; } .tab-content { display: none; background-color: #fff8e1; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .tab-content.active { display: block; } h2 { color: #2e7d32; margin-top: 0; } textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; } .vocab-tooltip { border-bottom: 1px dotted #333; cursor: help; font-weight: bold; color: #2e7d32; } .vocab-tooltip:hover::after { content: attr(data-tooltip); position: absolute; background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; transform: translate(-50%, -120%); } .answer-tooltip { border-bottom: 1px dotted #666; cursor: help; font-weight: bold; color: #1976d2; } .answer-tooltip:hover::after { content: attr(data-answer); position: absolute; background: #1976d2; color: white; padding: 8px 12px; border-radius: 4px; font-size: 13px; white-space: nowrap; transform: translate(-50%, -120%); }

简单说说你的收获

1. 这一学会了一些词语它们句子比如

词语 句子

2. 介绍自己别人时候按照这个结构来说

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

……

3. 一些关于学习计划句子以前表达不清楚现在会说了比如

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

簡單說說你的收獲

1. 這一學會了一些詞語它們句子比如

詞語 句子

2. 介紹自己別人時候按照這個結構來說

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

……

3. 一些關於學習計劃句子以前表達不清楚現在會說了比如

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

Please briefly talk about what you’ve learned.

1. In this lesson I learned some new words, and I can use them to make sentences, for example:

Word Sentence

2. When introducing myself or others, I will follow this structure:

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

……

3. Some sentences about study plans that I wanted to say before but couldn’t express clearly, now I can say them, for example:

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

Please briefly talk about what you’ve learned.

1. In this lesson I learned some new words, and I can use them to make sentences, for example:

Word Sentence

2. When introducing myself or others, I will follow this structure:

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

……

3. Some sentences about study plans that I wanted to say before but couldn’t express clearly, now I can say them, for example:

(1) _________________________________________________________________

(2) _________________________________________________________________

(3) _________________________________________________________________

.reflection-section { margin: 2rem 0; padding: 1.5rem; background-color: #f8f9fa; border-radius: 8px; } .fill-in-blanks p { margin: 1rem 0; padding: 0.5rem; background-color: white; border-radius: 4px; } .reflection-section table { width: 100%; margin-top: 1rem; } .reflection-section table td { padding: 1rem; background-color: white; } document.querySelectorAll(‘.tab-group’).forEach(group => { const buttons = group.querySelectorAll(‘.tab-btn’); const contents = group.querySelectorAll(‘.tab-content’); buttons.forEach(button => { button.addEventListener(‘click’, () => { buttons.forEach(btn => btn.classList.remove(‘active’)); contents.forEach(content => content.classList.remove(‘active’)); button.classList.add(‘active’); document.getElementById(button.dataset.tab).classList.add(‘active’); }); }); });

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *