Korean
English
English 
Korean 
Germany DM Bio ORGANIC 7 Day Ginger & Turmeric Shot 280ml
Product features: No coloring, lactose-free, gluten-free, BIO, vegan, vegetarian
Drink for 7 days of treatment (7 x approx. 40ml)
Mixture of ginger and turmeric fruit juice
Pasteurization
With natural vitamin C content
Ideal for travel
dm Bio 7-day Juice with Ginger and Turmeric serves as a 7-day treatment (7 x approx. 40ml)
Concentrated drinks ensure energy and refreshment for a new day.
Fruit and vegetable drink is a blend of ginger and turmeric fruit juice, orange juice and acerola puree. The generous shot is rich in vitamin C, which stimulates your body and supplies it with the vitamin it needs. Small package also fits in bags.
DM BIO Organic
This product is certified or sustainable for a gentle approach to the environment With this information, we want to make it easier for you to make (ecologically) conscious consumer choices.
Ingredients
73% orange juice*, 9.7% ginger juice*, 9% acerola puree*, 4.8% turmeric juice*, 3% sea buckthorn puree*, 0.5% lemon juice concentrate*, black pepper*. *From organic.
Average nutritional value
Energy value per 100ml 39kcal / 164kJ
Fat < 0.5g
Fat containing saturated fatty acids < 0.1g
Carbohydrates 7.7g
Carbohydrates, including 7.4g of sugar
Fiber < 0.5g
Protein 0.6g
Salt < 0.01g
Vitamin C 80mg
+ Meet the various BIO juices sold at DM in Germany
**설명:**
* **전체 컨테이너:** `
`로 감싸고 `text-align: center;` 스타일을 적용하여 모든 내용을 가운데 정렬합니다.
* **이미지:** `![]()
` 태그를 사용하여 이미지를 표시하고, `display: block; margin: 20px auto;` 스타일을 적용하여 가운데 정렬합니다. 이미지는 HTML에 딱 한번만 등장합니다. `alt` 속성은 이미지에 대한 간략한 설명을 제공하여 접근성을 향상시킵니다.
* **텍스트 내용:** 각 한글/영어 쌍을 `
* **이미지:** `
* **텍스트 내용:** 각 한글/영어 쌍을 `
`로 감싸고, `.text-ko`와 `.text-en` 클래스를 적용합니다. `.text-en` 클래스에는 `display: none;` 스타일을 추가하여 초기에는 숨겨지도록 합니다. 필요한 경우 각 텍스트 블록에 추가적인 스타일링 (예: `font-weight: bold;`)을 적용합니다.
* **간격:** `margin-bottom` 스타일을 사용하여 각 텍스트 블록 사이에 간격을 추가하여 가독성을 높입니다. 제목과 본문 사이에 간격을 다르게 주어 시각적 계층 구조를 만듭니다.
* **각 언어별 구분:** 한국어 텍스트는 `.text-ko` 클래스로, 영어 텍스트는 `.text-en` 클래스로 구분합니다. `.text-en` 클래스는 초기에 숨겨져 있습니다 (`display: none;`).
* **글 내용에 따른 영역 구분 및 스타일 구분:** “성분”, “평균 영양가” 같은 제목에는 `font-weight: bold;` 스타일을 추가하여 강조합니다.
* **중복 이미지 제거:** 이미지 URL은 한 번만 사용되었습니다.
* **간격:** `margin-bottom` 스타일을 사용하여 각 텍스트 블록 사이에 간격을 추가하여 가독성을 높입니다. 제목과 본문 사이에 간격을 다르게 주어 시각적 계층 구조를 만듭니다.
* **각 언어별 구분:** 한국어 텍스트는 `.text-ko` 클래스로, 영어 텍스트는 `.text-en` 클래스로 구분합니다. `.text-en` 클래스는 초기에 숨겨져 있습니다 (`display: none;`).
* **글 내용에 따른 영역 구분 및 스타일 구분:** “성분”, “평균 영양가” 같은 제목에는 `font-weight: bold;` 스타일을 추가하여 강조합니다.
* **중복 이미지 제거:** 이미지 URL은 한 번만 사용되었습니다.
**사용 방법:**
1. 위의 HTML 코드를 워드프레스 상품 상세 페이지의 적절한 위치에 붙여넣습니다. (텍스트 편집기 모드를 사용하세요).
2. (선택 사항) 워드프레스 테마의 CSS 파일 또는 사용자 정의 CSS 플러그인을 사용하여 `.text-ko` 및 `.text-en` 클래스에 대한 추가적인 스타일을 정의할 수 있습니다.
3. (선택 사항) JavaScript를 사용하여 언어 전환 기능을 구현할 수 있습니다. 예를 들어, 버튼 클릭 시 `.text-ko`를 숨기고 `.text-en`을 보이게 하거나 그 반대로 전환할 수 있습니다.
이 코드는 질문에서 요구하는 모든 사항을 충족하며, 깔끔하고 구조화된 HTML을 제공합니다.
