* CN New Perplexity Template Clone 和朋友喝咖啡

This story is about two friends meeting for coffee and talking about their lives and dreams.
LEVEL/WORDCOUNT: HSK2 / ~500 words

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%); }

和朋友喝咖啡

今天 朋友 小明 一起 咖啡店天气 很好太阳 很暖和我们 靠窗 座位上, 两杯咖啡。 小明 喜欢 美式咖啡, 我 喜欢 奶茶。 我们 很多。 他 告诉我, 他 语言当然, 我 支持他。 我们 谈到 工作 假期。 小明 他想去海边, 我 好主意! 喝完咖啡以后,我们 公园 散步。 空气 新鲜心情 很好。 我们 下次 决定 自己 最喜欢 餐馆吃饭。 今天 一天 很美好 经验

Having Coffee with a Friend

Today I went to a café with my friend Xiaoming. The weather was very good, and the sun was warm. We sat by the window and ordered two cups of coffee. Xiaoming likes American coffee, and I like milk tea.

We talked a lot. He told me he wants to learn a new language. Of course, I support him. We also talked about work and holidays. Xiaoming said he wants to go to the seaside, and I said, “Good idea!”

After finishing our coffee, we went for a walk in the park. The air was fresh and our moods were good. We decided that next time we will eat at our favorite restaurant. Today was a very happy and beautiful day.

Audio help

How to Use the Audio

Vocabulary

HanziPinyinEnglish
咖啡店kāfēi diàncoffee shop
天气tiānqìweather
tánto talk
海边hǎibiānseaside
散步sànbùto take a walk
高兴gāoxìnghappy
新鲜xīnxiānfresh
心情xīnqíngmood
决定juédìngto decide
美好měihǎowonderful

Grammar

1. “和…一起” (hé… yīqǐ) – “together with.”
Example: 我和朋友一起去咖啡店。

2. “…以后” (yǐhòu) – “after.”
Example: 喝完咖啡以后,我们去公园。

3. “最” (zuì) – indicates the superlative “most.”
Example: 我最喜欢奶茶。

Idiomatic Expressions

MandarinPinyinEnglish
开开心心kāi kāi xīn xīnvery happy
说说笑笑shuō shuō xiào xiàotalking and laughing
一边…一边…yībiān… yībiān…doing two things at once
好主意hǎo zhǔyigood idea
美好的一天měihǎo de yītiāna wonderful day

Cultural Insights

In China, going to a café is increasingly popular among young people, especially in big cities. It’s not only for drinking coffee but also for relaxing, chatting, or studying. Meeting friends at a café is seen as a modern, pleasant lifestyle.

10 Questions

  1. 他今天和谁见面? 💡
  2. 他们去了哪里? 💡
  3. 小明喜欢什么? 💡
  4. 作者点了什么? 💡
  5. 他们谈了什么? 💡
  6. 喝完咖啡以后,他们去哪里? 💡
  7. 公园的空气怎么样? 💡
  8. 他们决定什么? 💡
  9. 今天是怎样的一天? 💡
  10. 这个故事告诉我们什么? 💡

Retell the Story

用你自己的话写这个故事。

试着说明你和朋友怎么见面,喝了什么,聊了什么,然后你们做了什么。
Try to describe how you met your friend, what you drank, what you talked about, and what you did later.

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 *