1. Change the text (HTML)

<aside> 💡

Example:

• Change “Elevate Your Coffee Experience” to “Experience the Best Coffee”.
• Change “EXPLORE” button to “Contact Us”. </aside>

1. Open the “index.html” file.
2. Locate the relevant text: “Elevate Your Coffee Experience” inside the <p></p> tags. Please note that the tags may vary depending on the project.
3. Locate the relevant button text: “Explore” inside the <button></button> tags.

1. Change the text to “Experience the Best Coffee”.
2. Change the text to “Contact Us”.
3. Generally, Visual Studio Code saves the change automatically. Please check your setting on the code editor.

🎉 The text contents are updated accordingly.

2. Replace the Image (JSON)

<aside> 💡

Example:

• Replace the image of the “Barista Special” coffee. </aside>

1. Open the JSON file (in this example, “menu.json” in the “json” folder”).
2. Locate the “imgUrl” and the path (in this example, “../assets/hot-coffee.webp”.