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>
6차산업인증
<!-- } 6차산업인증 로고 --> <a style=""> <img src="http://wjlocalfood2.godomall.com/data/img/6gen_logo1.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"/> </a> <p style="font-size: 19px;"> </p> <!-- } 6차인 유튜브 영상 --> <div style="text-align:center"> <div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;"> <iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" width="100%" height="100%" src="https://www.youtube.com/embed/jqiuNWUbWi8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p><a style=""> <img src="http://wjlocalfood2.godomall.com/data/img/6gen_info1.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"/></a></p> </div> <!-- } 수평줄 --> <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> <img src="http://gdadmin.wjlocalfood2.godomall.com/★★★" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/>
보관방법
<!-- } 보관방법 --> <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;">실온보관 / 냉장보관(0~10℃) / 냉동보관(-18℃ 이하)</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;"><strong>주문마감 :</strong> 매일 오전 10시 주문을 마감합니다.</li> <li style="font-size: 19px; margin-left: 20px;"><strong>순차발송 :</strong> 상품의 재고수량보다 초과주문된 경우 순차발송됩니다.</li> <li style="font-size: 19px; margin-left: 20px;"><strong>배송기간 :</strong> 토,일요일, 공휴일을 제외한 평균 배송은 2일~3일입니다. (99%확률)</li> <li style="font-size: 19px; margin-left: 20px;"><strong>실온상품 :</strong> 종이박스로 안전하게 포장하여 발송됩니다.</li> <li style="font-size: 19px; margin-left: 20px;"><strong>신선상품 :</strong> 냉장·냉동 상품은 아이스박스 등으로 신선포장되어 발송됩니다.</li> <p style="font-size: 19px;"> </p> <a style=""> <img src="http://gdadmin.wjlocalfood2.godomall.com/data/img/lf_packing1.jpg" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" align="center"/> </a>
6차산업인증이란
<!-- } 수평줄 --> <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> <!-- } 6차산업인증 설명페이지 --> <h1 style="font-size: 34px; font-weight: bold"> 6차산업인증이란? </h1> <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;"> 6차산업사업자 인증제 (요약) </h2> <div style="border: 2px solid #54B800; padding: 20px;"> <p style="font-size: 19px; line-height: 2;">지역 농산물을 사용하는 6차산업 사업자 중 <font style="user-select: auto; font-weight: bold; color:cornflowerblue ">성장 가능성, 기존 제품과의 차별성, 사업가 마인드</font> 등 까다로운 심사를 거쳐 <font style="user-select: auto; font-weight: bold; color:cornflowerblue ">정부가 인증</font>합니다. 3년마다 자격요건을 검증하는 등 지속적으로 관리하고 있습니다.</p> <p style="font-size: 19px;"> </p> <a style=""> <img src="http://wjlocalfood2.godomall.com/data/img/6gen_info2.png" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"/> </a> <p style="font-size: 19px;"> </p> </div> <!-- } 6차산업인증 왜 필요한가? --> <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;"> 6차산업 왜 필요한가? </h2> <div style="border: 2px solid #54B800; padding: 20px;"> <p style="font-size: 19px; line-height: 2;">농업인은 농산물 판매와 더불어 2,3차 산업을 통해 보다 나은 부가가치를 창출하고, 소비자는 우리 농부가 직접 만들어 믿을 수 있는 먹거리와 농촌의 관광자원을 즐길 수 있으며 농촌지역은 <font style="user-select: auto; font-weight: bold; color:cornflowerblue ">일자리 창출과 경제활성화로 새로운 활력을 도모</font>합니다.</p> <p style="font-size: 19px;"> </p> <a style=""> <img src="http://wjlocalfood2.godomall.com/data/img/6gen_img1.jpg" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"/> </a> <p style="font-size: 19px;"> </p> </div> <p style="font-size: 19px;"> </p> <p style="font-size: 19px;"> </p> <!-- } 완주로컬푸드협동조합 엔드 이미지 --> <a> <img src="http://gdadmin.wjlocalfood2.godomall.com/data/img/bn_860x320.jpg" style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;"/> </a>
HTML 코드작성
작성코드
복사
저장