Korean
English
Max Sports is a professional health-related product brand in Slovakia.
A variety of products are popularly sold in most European countries.
It is easy to find and has a wide variety of product lines, so if you are interested in exercise,
Everyone uses Max Sports products.
European Diet 38% Protein Organic Pasta Maxsport Quinoa Fettuccine 200g
BIO fettuccine made from quinoa has a unique taste and low glycemic index.
Protein pasta that can be cooked in various styles
Made with only water, quinoa, and beans.
Protein pasta is also suitable for vegetarians.
This product is good to use in place of other carbohydrate foods on the market.
200g of product can make about 4 servings.
Put the pasta noodles in a pan containing boiling water.
Continue boiling for 3 to 5 minutes.
Let it dry before use.
Delicious and healthy protein pasta!! I recommend it!
Ingredients: BIO 95% soybean, 5% quinoa
+ Because the package design of the product may differ depending on the country in which it is distributed,
The product may be displayed differently from the product in the photo.
**핵심 설명:**
* **`
` 구조:** 전체를 감싸는 `
` 안에 각 텍스트와 이미지를 위한 `
`를 배치하여 중앙 정렬을 유지하고 간격을 조절했습니다.
* **`.text-ko`, `.text-en` 클래스:** 한글 텍스트에는 `.text-ko`, 영어 텍스트에는 `.text-en` 클래스를 적용했습니다. `.text-en`은 `display: none;`으로 초기 숨김 처리했습니다.
* **inline 스타일:** 요구사항에 따라 모든 스타일은 inline으로 적용했습니다. 특히 `text-align: center;`를 모든 요소에 적용하여 중앙 정렬되도록 했습니다.
* **이미지 중복 제거:** 이미지는 각각 한 번씩만 사용했습니다.
* **스타일 구분:** 제목과 같은 중요한 텍스트에는 `font-weight: bold;`와 `font-size: 1.2em;`을 적용하여 강조했습니다.
* **반응형 이미지:** `max-width: 80%; height: auto;`를 이미지에 적용하여 화면 크기에 따라 이미지가 적절하게 조절되도록 했습니다. 필요에 따라 `width: 100%;`을 사용할 수도 있습니다.
* **마진 조정:** `margin-bottom` 속성을 조절하여 각 요소 사이의 간격을 적절하게 설정했습니다.
* **`alt` 속성:** `![]()
` 태그에 `alt` 속성을 추가하여 이미지에 대한 설명을 제공했습니다.
* **`.text-ko`, `.text-en` 클래스:** 한글 텍스트에는 `.text-ko`, 영어 텍스트에는 `.text-en` 클래스를 적용했습니다. `.text-en`은 `display: none;`으로 초기 숨김 처리했습니다.
* **inline 스타일:** 요구사항에 따라 모든 스타일은 inline으로 적용했습니다. 특히 `text-align: center;`를 모든 요소에 적용하여 중앙 정렬되도록 했습니다.
* **이미지 중복 제거:** 이미지는 각각 한 번씩만 사용했습니다.
* **스타일 구분:** 제목과 같은 중요한 텍스트에는 `font-weight: bold;`와 `font-size: 1.2em;`을 적용하여 강조했습니다.
* **반응형 이미지:** `max-width: 80%; height: auto;`를 이미지에 적용하여 화면 크기에 따라 이미지가 적절하게 조절되도록 했습니다. 필요에 따라 `width: 100%;`을 사용할 수도 있습니다.
* **마진 조정:** `margin-bottom` 속성을 조절하여 각 요소 사이의 간격을 적절하게 설정했습니다.
* **`alt` 속성:** `
이 코드를 워드프레스 테마의 상품 상세 페이지에 삽입하면 됩니다. JavaScript를 사용하여 한/영 전환 기능을 구현하면 `.text-ko`와 `.text-en`의 `display` 속성을 토글할 수 있습니다.
