Korean
English
English 
Korean 
9,450
9,450
Popular with toddlers
Cute Peppa Pig shower gel & shampoo.
Just by looking at it, it already oozes charm,
Helping children enjoy shower time,
Meet Peppy Pig shower gel & shampoo!!
Peppa Pig Shower Gel & Shampoo 2 in 1 400ml
Peppa Pig Shower Gel & Shampoo
attribute
Shower Gel and Shampoo 2 in 1 Peppa Pig Shower Gel and Shampoo quickly and effectively cleanses skin and hair all over the body.
attribute:
Makes skin soft and supple.
Gently washes away all impurities.
Gently wash even children’s hair.
Motif of playful children
Suitable for everyday use
How to use:
Apply to wet hair and body skin, gently massage into a foam, then rinse thoroughly.
Ingredients
Water (Aqua), Sodium Laureth Sulfate, Disodium Laureth Sulfosuccinate, Cocamidopropyl Betaine, Sodium Chloride, Cocamid Methyl MEA, Sodium Lauryl Sulfate, Sodium Benzoate, Potassium Sorbate, Fragrance (Perfume), Sodium Phosphate, Disodium EDTA, LINALYER PALATET TOCOPATET.
Manufacturers are responsible for the composition of their products. We recommend checking product composition directly on packaging as they may change.
**설명:**
* **전체 래퍼 (`
`):** `text-align: center;` 스타일을 사용하여 전체 콘텐츠를 가운데 정렬합니다.
* **언어별 DIV:**
* `.text-ko`: 한글 텍스트를 감싸는 DIV 입니다.
* `.text-en`: 영어 텍스트를 감싸는 DIV 이며, `display: none;` 스타일을 사용하여 초기 상태에서 숨겨집니다.
* **이미지:** `![]()
` 태그를 사용하고, `src` 속성에 이미지 URL을 설정합니다. `alt` 속성은 이미지에 대한 설명을 제공합니다 (접근성 및 SEO에 중요). `display: block; margin: 20px auto; max-width: 80%; height: auto;` 스타일을 적용하여 이미지를 가운데 정렬하고, 최대 너비를 설정하여 화면 크기에 따라 이미지 크기가 조정되도록 합니다. `max-width` 속성을 사용하여 이미지 가로 크기를 제한하고, `height: auto;`를 사용하여 가로 세로 비율이 유지되도록 합니다.
* **스타일:** `inline` 스타일을 사용하여 각 요소에 스타일을 직접 적용했습니다. CSS 클래스를 사용하는 것이 더 유지보수하기 쉽지만, 요청에 따라 inline 스타일을 사용했습니다.
* **클래스:** `.text-ko` 와 `.text-en` 클래스를 적용하여 필요에 따라 JavaScript 등을 사용하여 언어 설정을 변경할 수 있도록 했습니다.
* **영역 구분:** 의미론적으로 더 명확하게 하기 위해 각 텍스트 블록을 별도의 DIV로 묶었습니다. `margin-bottom`을 사용하여 간격을 조절했습니다.
* **중복 이미지 제거:** 제공된 이미지 URL을 기반으로 중복 이미지를 제거했습니다.
* **가독성:** 코드 가독성을 높이기 위해 적절한 들여쓰기와 주석을 사용했습니다.
* **폰트 스타일:** 폰트 스타일이 필요한 부분에 적용했습니다.
* **언어별 DIV:**
* `.text-ko`: 한글 텍스트를 감싸는 DIV 입니다.
* `.text-en`: 영어 텍스트를 감싸는 DIV 이며, `display: none;` 스타일을 사용하여 초기 상태에서 숨겨집니다.
* **이미지:** `
* **스타일:** `inline` 스타일을 사용하여 각 요소에 스타일을 직접 적용했습니다. CSS 클래스를 사용하는 것이 더 유지보수하기 쉽지만, 요청에 따라 inline 스타일을 사용했습니다.
* **클래스:** `.text-ko` 와 `.text-en` 클래스를 적용하여 필요에 따라 JavaScript 등을 사용하여 언어 설정을 변경할 수 있도록 했습니다.
* **영역 구분:** 의미론적으로 더 명확하게 하기 위해 각 텍스트 블록을 별도의 DIV로 묶었습니다. `margin-bottom`을 사용하여 간격을 조절했습니다.
* **중복 이미지 제거:** 제공된 이미지 URL을 기반으로 중복 이미지를 제거했습니다.
* **가독성:** 코드 가독성을 높이기 위해 적절한 들여쓰기와 주석을 사용했습니다.
* **폰트 스타일:** 폰트 스타일이 필요한 부분에 적용했습니다.
이 코드는 제공된 요구 사항을 충족하며, 필요에 따라 스타일을 추가하거나 수정할 수 있습니다. 특히 반응형 디자인을 고려하여 `max-width` 속성을 사용하여 이미지 크기를 조정하는 것이 좋습니다. 또한, JavaScript를 사용하여 언어 전환 기능을 구현할 수 있습니다.