# 7. [PC] 컬렉션

# 👉🏻 컬렉션 문구수정 및 상품분류 이미지 링크 수정

```
<div class="classic">
    <div class="classic-text1">클래식</div>
    <div class="classic-text2">
        광주요의 역사와 장인정신을 대표하는 라인입니다.<br><br>
        전통기법을 현대적으로 재해석하여 한국의 전통과 역사를 계승하는 제품들을 선보입니다.
    </div>
    <div class="classic-text3">
        <div class="image-row">
            <div class="image-container">
                <a href="/product/list.html?cate_no=1114"><img class="img" src="https://ekwangjuyo.com/web/2024_main/c1.jpg"></a>
                <h3>헤리티지 1</h3>
            </div>
            <div class="image-container">
                <a href="/product/list.html?cate_no=1114"><img class="img" src="https://ekwangjuyo.com/web/2024_main/c1.jpg"></a>
                <h3>헤리티지 2</h3>
            </div>
            <div class="image-container">
                <a href="/product/list.html?cate_no=1114"><img class="img" src="https://ekwangjuyo.com/web/2024_main/c1.jpg"></a>
                <h3>헤리티지 3</h3>
            </div>
        </div>
    </div>
</div>
```

> **HTML 설명**
> - line 1) Classic div 레이아웃 시작
> - line 2) 첫번째 **메인 텍스트**
> - line 3~6) 두번째 **서브 텍스트 (띄어쓰기는 <br> 코드르 맞춰주세요)**
> - line 7) 세번째 이미지 **레이아웃 시작**
> - line 8) `image-row`  한줄에 들어가는 class 레이아웃 **(PC버전은 1개 row에 3개로 CSS적용해놨습니다)**
> - line 9~12) `image-container` 상품분류 이미지 링크와 텍스트를 작성해주시면 됩니다
> 📌 위 html 세트가 상품분류 갯수만큼 반복되고 있습니다
>

For the site tree, see the [root Markdown](https://slashpage.com/ekwangjuyo.md).