HTML자동완성> 아빠마트 상세페이지

스타일
<style> /* H1 스타일 */ h1 {font-size: 34px; font-weight: bold;} /* H2 스타일 */ h2 {font-size: 24px; font-weight: bold; color: #54B800; padding-left: 10px; border-left-color: #54B800; border-left-width: 5px; border-left-style: solid;} /* P 스타일 */ p {font-size: 19px; line-height: 2;} /* li 스타일 */ li {font-size: 19px;} </style> 아빠마트 소개
<!-- } 아빠마트 시그니처 --> <p style="font-size: 19px;">  </p> <a style=""> <img src="https://shop-phinf.pstatic.net/20220506_62/165180949983130ICV_PNG/(%EC%8B%9C%EA%B7%B8%EB%8B%88%EC%B2%98)%EC%95%84%EB%B9%A0%ED%95%A0%EC%9D%B8%EC%A0%90_%EC%BC%80%EB%85%B8%ED%94%BC_%EB%AC%B8%EA%B5%AC2_2022.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a> <p style="font-size: 19px;"> </p> <!-- } 아빠마트 소개 이미지 --> <a style=""> <img src="http://www.3e2e.kr/finelogis/img/abba-fl01.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a> <p style="font-size: 19px;"> </p> <!-- } 내용 분리표시 수평선 --> <p style="font-size: 19px;"> </p> <div style="width: calc(100% - 100px); margin-left: 50px; margin-right: 50px; height: 1px; background-color: black;"></div> <p style="font-size: 19px;"> </p> 메인이미지주소
<!-- } 상품명 이미지 --> <a style=""> <img src="http://gdadmin.wjlocalfood2.godomall.com/★★★" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a> <p style="font-size: 19px;"> </p> 상품설명
<!-- } 상품명 및 요약 설명 --> <p style="font-size: 19px;"> ★★★ </p> <h1 style="font-size: 34px; font-weight: bold;"> ★★★ </h1> <p style="font-size: 19px;"> </p> <div style="width: 100px; margin-left: 0px; margin-right: auto; height: 3px; background-color: black;"></div> <p style="font-size: 19px;"> </p> <p style="font-size: 19px; font-weight: bold;">#★★★ </p> <p style="font-size: 19px;"> </p> <p style="font-size: 19px;"> ★★★<br> ★★★<br> ★★★<br> ★★★<br> ★★★</p> <p style="font-size: 19px;"> </p> 음용방법
<!-- } 음용방법 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> 음용방법 </h2> <li style="font-size: 19px; margin-left: 20px;">★★★</li> <p style="font-size: 19px;">  </p> 활용방법
<!-- } 활용방법 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> 활용방법 </h2> <li style="font-size: 19px; margin-left: 20px;">★★★</li> <p style="font-size: 19px;">  </p> 원재료 및 함량
<!-- } 원재료 및 함량 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> 원재료 및 함량 </h2> <li style="font-size: 19px; margin-left: 20px;">★★★</li> <p style="font-size: 19px;">  </p> 유통기한
<!-- } 유통기한 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> 유통기한 </h2> <li style="font-size: 19px; margin-left: 20px;">제조일로부터 ★★★개월</li> <p style="font-size: 19px;">  </p> 상품상세
<!-- } 상품상세 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> 상품상세 </h2> <li style="font-size: 19px; margin-left: 20px;">제조사에서 제공한 상품상세페이지 자료입니다. </li> <li style="font-size: 19px; margin-left: 20px;">농가별 농산물이 사진과 차이가 있을 수 있습니다.</li> <a style=""> <img src="http://gdadmin.wjlocalfood2.godomall.com/★★★" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a> <p style="font-size: 19px;"> </p> A/S안내
<!-- } A/S안내 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;"> A/S 안내 </h2> <li style="font-size: 19px; margin-left: 20px;">연락처 : 디마인드(아빠마트) 010-2387-0673</li> <li style="font-size: 19px; margin-left: 20px;">평일/주말 AM 10:00 ~ PM 17:00 / 점심시간 AM 12:00 ~ PM 13:00</li> <li style="font-size: 19px; margin-left: 20px;">상품에 대한 문의시 메시지(톡톡,문의하기)를 우선 진행해주세요.</li> <li style="font-size: 19px; margin-left: 20px;">상품의 하자시 전화를 주시면 빠른처리가 가능합니다.</li> <p style="font-size: 19px;">  </p> 특이사항 & 반품환불
<!-- } 판매자 특이사항 & 반품환불 --> <h2 style="font-size: 24px; font-weight: bold; color:#54B800; padding-left: 10px; border-left-color:#54B800; border-left-width: 5px; border-left-style: solid;">특이사항 & 반품환불</h2> <li style="font-size: 19px; margin-left: 20px;"><font style="user-select: auto; font-weight: bold; color:red">농산물의 경우 기후 및 농가의 사정으로 배송이 지연되거나 취소 될 수 있습니다.</font></li> <li style="font-size: 19px; margin-left: 20px;"><font style="user-select: auto; font-weight: bold; color:red">신선식품의 경우 단순반품은 불가하니 신중하게 주문해주세요.</font></li> <li style="font-size: 19px; margin-left: 20px;">농산물의 불량(벌레먹음, 깨짐 등)이 확연한(10% 이상)의 경우 반품, 환불이 가능합니다. </li> <li style="font-size: 19px; margin-left: 20px;">상품 하자시 사진을 확인 후 교환 및 환불 가능합니다.</li> <li style="font-size: 19px; margin-left: 20px;">고객님의 단순변심, 주관적인 견해에 의한 교환 및 환불은 배송비가 청구됩니다.</li> <li style="font-size: 19px; margin-left: 20px;">아무런 연락없이 일방적으로 반품처리 하시는 경우 교환 및 환불 불가합니다.</li> <p style="font-size: 19px;">  </p> 배송정보
<!-- } 배송방법 --> <h2 style="font-size: 24px; font-weight: bold; color: #54B800; padding-left: 10px; border-left-color: #54B800; border-left-width: 5px; border-left-style: solid;">배송정보</h2> <li style="font-size: 19px; margin-left: 20px;">주문 마감시간 : 당일 오전 10시</li> <li style="font-size: 19px; margin-left: 20px;">배송조회 가능시간 : 당일 오후 6시 이후</li> <li style="font-size: 19px; margin-left: 20px;">배송사 : 롯데(1588-2121) / 우체국(1588-1300) / 대한통운(1588-1255)</li> <li style="font-size: 19px; margin-left: 20px;">발송후 배송조회는 택배사를 통해 속하고 정확하게 확인 할 수 있습니다.</li> <li style="font-size: 19px; margin-left: 20px;">공휴일을 제외한 평균배송일은 2일(약97%),3일(약2%)이 소요됩니다.</li> <li style="font-size: 19px; margin-left: 20px;">농산물의 경우 기후 및 품질을 고려해 배송이 지연되거나 취소 될 수 있습니다.</li> <li style="font-size: 19px; margin-left: 20px;">수제식품의 경우 배송지연이 종종 발생하고 있습니다.</li> <li style="font-size: 19px; margin-left: 20px;">상품은 제조사 또는 직접운영중인 공동중소물류센터(파인로지스)를 통해 발송됩니다.</li> <p style="font-size: 19px;"> ​ </p> 안내사항
<!-- } 푸터 --> <h2 style="font-size: 24px; font-weight: bold; color: #54B800; padding-left: 10px; border-left-color: #54B800; border-left-width: 5px; border-left-style: solid;">안내사항</h2> <li style="font-size: 19px; margin-left: 20px;"><font style="user-select: auto; font-weight: bold; color:deeppink">아빠마트</font>는 주로 전북지역의 농식품을 판매하고</li> <li style="font-size: 19px; margin-left: 20px;"><font style="user-select: auto; font-weight: bold; color:green">아빠할인점</font>은 주로 전북지역의 생활용품(마스크 등)을 판매합니다.</li> <li style="font-size: 19px; margin-left: 20px;">아빠마트, 아빠할인점 어플출시!! 하단 이미지에 QR코드를 휴대폰 카메라로 확인하세요</li> <a style=""> <img src="http://www.3e2e.kr/finelogis/img/abba-app01.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a>   HTML 코드작성   복사 저장