admin/madeu_diet_home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

최초 세팅

Browse Source
This commit is contained in:
bd091
2025-10-18 10:53:16 +09:00
commit 3632629a76
434 changed files with 61338 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/main/resources/templates/web/petit/petitAntiagingSelect.html Normal file
View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/layout}">
<th:block layout:fragment="layoutCss">
<link rel="stylesheet" href="/css/web/petit/petitAntiagingSelect.css?v1.0">
</th:block>
<th:block layout:fragment="layoutContent">
<div class="same">
<aside>
<ul>
<li class="first"><a href="#skinbooster">스킨부스터</a></li>
<li><a href="#wellbeing">웰빙주사</a></li>
</ul>
</aside>
<main>
<!-- 스킨부스터 -->
<div id="skinbooster">
<section class="main_img">
<img class="pc" src="/image/web/petit_main3.jpg" alt="diet"/>
<img class="mb" src="/image/web/Mpetit_main3.jpg" alt="diet"/>
<div class="text_box">
<div class="left_text_box">
<p class="sub_title">피부의 재생력을 높여 탄력있고 밝은 피부!</p>
<p class="title"><span>Skin Booster</span></p>
<p class="sub_text">
<span>스트레스, 환경요인, 노화 등의 여러가지 요인으로 인해<br />
발생한 피부 문제를 간단하게 해결할 수 있는 주사제</span>
</p>
</div>
</div>
</section>
<section class="content1">
<div class="inner_wrap">
<p class="title">Skin Booster</p>
<p class="sub_title">더모톡신 스킨부스터</p>
<p class="sub_text">
피부를 뜻하는 더마와 보툴리눔 톡신의 톡신 합성어로 피부에 보툴리눔 톡신을 주사하는 치료법입니다.
근육층에 주로 주사를 놓아서 주름을 제거하는 보톡스와 달리 보툴리눔 톡신과 비타민, 미네랄 등을 함께 믹스한 용액을 피부 진피, 피하 지방층에 소량씩 주사합니다.
주름개선, 피부탄력 및 리프팅 효과를 주며 엷은 모공이나 여드름 흉터 치료 등 전체적인 얼굴 피부와 윤곽을 개선합니다.
</p>
</div>
</section>
<section class="content2">
<div class="inner_wrap">
<h3><span>시술효과 </span>Effect</h3>
<ul>
<li><p>강력한 수분감 <br/>잔주름 개선과 <br/>피부탄력증대 <br/>수분 함유율 증대</p></li>
<li><p>주름 및 탄력개선 <br/>나이가 들면서 감소하는 <br/>피부의 연조직 보충</p></li>
<li><p>환한 피부톤 <br/>얼굴의 윤기와 <br/>볼륨감 부여</p></li>
<li><p>흔적없는 시술 <br/>짧은 시술 시간 <br/>일상생활에 지장없음</p></li>
</ul>
</div>
</section>
<section class="content3">
<div class="inner_wrap">
<h3><span>특징 </span>Unique</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>인젝터 사용으로 통증은 줄어들고 시술시간은 단축</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>피부 상태에 따른 맞춤형 스킨부스터 시술</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>친수성의 안전한 인체 구성물질, 하이드로 밸런스 복원</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>피부 수분유지와 탄력을 높이는 리프팅</p>
</li>
</ul>
</div>
</section>
<section class="content4">
<div class="inner_wrap">
<h3><span>시술횟수 </span>Time</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/time.png" alt="check"/></div>
<p>2~4주 간격으로 3~5회</p>
</li>
</ul>
</div>
</section>
<section class="content5">
<div class="inner_wrap">
<h3><span>주의사항 </span>Notice</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/notice.png" alt="check"/></div>
<p>
시술한 당일에는 샤워를 금해주시기를 바랍니다.<br/>
개인의 특성에 따라 붓기가 생길수 있습니다.<br/>
시술 부위를 누르거나 문지르는 등 강한 자극은 피합니다.<br/>
시술 후 일주일동안은 흡연, 음주를 삼갑니다.<br/>
통증이 시술 직후보다 더 심해지시면 의원에 즉시 연락!
</p>
</li>
</ul>
</div>
</section>
</div>
<!-- 웰빙주사 -->
<div id="wellbeing"></div>
</main>
</div>
</th:block>
<th:block layout:fragment="layoutContentScript">
</th:block>
</html>

232
src/main/resources/templates/web/petit/petitFillerSelect.html Normal file
View File

@@ -0,0 +1,232 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/layout}">
<th:block layout:fragment="layoutCss">
<link rel="stylesheet" href="/css/web/petit/petitFillerSelect.css?v1.0">
</th:block>
<th:block layout:fragment="layoutContent">
<div class="same">
<aside>
<ul>
<li class="first"><a href="#ellanse">엘란쎄</a></li>
<li><a href="#sculptra">스컬트라</a></li>
</ul>
</aside>
<main>
<!-- 엘란쎄 -->
<div id="ellanse">
<section class="main_img">
<img class="pc" src="/image/web/petit_main2.jpg" alt="diet"/>
<img class="mb" src="/image/web/Mpetit_main2.jpg" alt="diet"/>
<div class="text_box">
<div class="left_text_box">
<p class="sub_title">콜라겐 필러</p>
<p class="title">엘란쎄</p>
<p class="sub_text">
PCL성분으로 유지기간이<br class="mb"/> 2~4년 되는 <br class="pc"/>
오래가는 콜라겐 필러! <br class="mb"/>자연스러운 <br class="pc"/>
볼륨 효과와 <br class="mb"/>HA필러의 단점을 보완!
</p>
</div>
</div>
</section>
<section class="content1">
<div class="inner_wrap">
<p class="title">콜라겐 필러 엘란쎄</p>
<p class="sub_title">메이드유 엘란쎄 시술은 <br class="mb"/>국내 최다 16,000시린지 달성 시술병원</p>
<p class="sub_text">
콜라겐을 유발 자기살채움으로 자연스럽게 유지되는 볼륨형성되며 HA필러의 단점인 <br class="pc"/>울퉁불퉁현상, 틴들현상, 경계감, 이물감이 거의 없는 필러
엘란쎄 <span>M 2년</span>유지 엘란쎄 <span>E 4년</span> 유지
</p>
</div>
</section>
<section class="content2">
<div class="inner_wrap">
<h3><span>시술효과 </span>Effect</h3>
<ul>
<li><p>2013년 9월 ~ <br/>현시점까지 <br/>엘란쎄 누적 사용량<br/> 1등 병원</p></li>
<li><p>풍부한 시술 <br/>경험으로 예측 <br/>가능한 시술결과</p></li>
<li><p>원하는 디자인으로 <br/>시술 가능, 시술후 <br/>에도 교정 가능</p></li>
<li><p>합리적인 비용으로 <br/>성형수술에 비해 <br/>비용이 저렴</p></li>
</ul>
</div>
</section>
<section class="content3">
<div class="inner_wrap">
<h3><span>특징 </span>Unique</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>즉각적인 콜라겐 볼륨업 - </span>자가 콜라겐생성으로 자연스러움</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>오랜 지속기간 - </span>2년간 유지시키는 볼륨효과</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>HA필러와 차별화 - </span>이동, 경계감, 틴들현상 없는 볼륨</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>일상생활 OK 붓기 멍 최소화 - </span>캐뉼라 사용으로 다운타임 최소화</p>
</li>
</ul>
</div>
</section>
<section class="content4">
<div class="inner_wrap">
<h3><span>시술횟수 </span>Time</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/time.png" alt="check"/></div>
<p>의료진의 판단에 따라</p>
</li>
</ul>
</div>
</section>
<section class="content5">
<div class="inner_wrap">
<h3><span>주의사항 </span>Notice</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/notice.png" alt="check"/></div>
<p>
붓기, 멍, 약간 가려운 현상은 사라지며, 과격한 세안 조심!<br/>
시술 후 부위가 심한 저온 또는 고온에 노출되지 않게 조심!<br/>
주사부위 마사지나 뜨거운 사우나, 심한운동은 7일간 조심!<br/>
하루 이상 통증 지속, 알러지 현상 나타나면 병원으로 내원!
</p>
</li>
</ul>
</div>
</section>
</div>
<!-- 스컬트라 -->
<div id="sculptra">
<section class="main_img">
<img class="pc" src="/image/web/petit_main2_2.jpg" alt="diet"/>
<img class="mb" src="/image/web/Mpetit_main2_2.jpg" alt="diet"/>
<div class="text_box">
<div class="left_text_box">
<p class="sub_title">피부, 속부터 채우다.</p>
<p class="title">스컬트라</p>
<p class="sub_text">
PLLA성분으로 구성된 콜라겐 촉진제 <br/>
볼륨을 채워주며 시간이 지날수록 <br/>
더욱 자연스러운 볼륨효과를!
</p>
</div>
</div>
</section>
<section class="content1">
<div class="inner_wrap">
<p class="title">콜라겐 볼륨 스컬트라</p>
<p class="sub_title">PLLA성분으로 구성된 콜라겐 촉진제 볼륨을 채워주며 시간이 지날수록 더욱 자연스러운 볼륨효과를!</p>
<p class="sub_text">
나이가 들어 탄력을 잃은 콜라겐을 촉진하고 강력하게 재생시켜 볼륨을 채워주는 방식으로 다른 물질이 아닌 본인의 체내성분으로
채워올리기 때문에 안전하며 시간이 지날수록 더욱 볼륨효과를 높여주는 신개념 동안 시스템입니다.
</p>
</div>
</section>
<section class="content2">
<div class="inner_wrap">
<h3><span>시술효과 </span>Effect</h3>
<ul>
<li><p>스컬트라 <br/>6,000vial <br/>돌파 병원</p></li>
<li><p>풍부한 시술 <br/>경험으로 예측 <br/>가능한 시술결과</p></li>
<li><p>원하는 디자인으로 <br/>시술 가능, 시술후 <br/>에도 교정 가능</p></li>
<li><p>합리적인 비용으로 <br/>성형수술에 비해 <br/>비용이 저렴</p></li>
</ul>
</div>
</section>
<section class="content3">
<div class="inner_wrap">
<h3><span>특징 </span>Unique</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>콜라겐 볼륨업 - </span>자가 콜라겐 생성으로 자연스러움</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>오랜 지속기간 - </span>2년간 유지시키는 볼륨효과</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>HA필러와 차별화 - </span>이동, 경계감, 틴들현상 없는 볼륨</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p><span>일상생활 OK 붓기 멍 최소화 - </span>캐뉼라 사용으로 다운타임 최소화</p>
</li>
</ul>
</div>
</section>
<section class="content4_1">
<div class="inner_wrap">
<h3><span>노하우</span> Know-how <span>3*3*3</span> SYSTEM</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/knowhow.png" alt="check"/></div>
<p>
<span>3S시술전<br/>
3S시술전 통증, 멍 완화를 위한 메이드유만의 3가지 마취법</span><br/>
피부마취 : 마취 연고를 통한 1단계 피부마취<br/>
신경마취 : 신경주사를 통한 2단계 신경마취<br/>
메이드유마취 : 메이드유 주사를 통한 3단계 마취<br/>
<br/>
<span>3S시술 3S<br/>
시술 중 통증, 멍 완화를 위한 3가지 시술법</span><br/>
카테터 : 블런트 특수 카테터를 이용<br/>
나노니들 : 미세주사바늘을 이용<br/>
신의 손 : 메이드유 원장만의 노하우를 이용<br/>
<br/>
<span>3S시술 후 3S <br/>
시술 후 통증, 멍 완화를 위한 메이드유만의 3가지 진정법</span><br/>
크리이오 냉각테라피 : 크라이오 냉각테라피로 진정<br/>
진정 재생 관리 : 재생팩으로 피부진정, 재생<br/>
진정재생레이저 : 스마트룩스로 피부진정, 재생
</p>
</li>
</ul>
</div>
</section>
<section class="content4">
<div class="inner_wrap">
<h3><span>시술횟수 </span>Time</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/time.png" alt="check"/></div>
<p>최소 3회 이상</p>
</li>
</ul>
</div>
</section>
<section class="content5">
<div class="inner_wrap">
<h3><span>주의사항 </span>Notice</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/notice.png" alt="check"/></div>
<p>
붓기, 주사주위 멍, 약간의 가려운 현상은 자연스럽게 사라지며, 과격한 세안은 조심!<br/>
시술 후, 시술 부위가 너무 심한 저온 또는 고온에 노출되지 않게 조심해주세요.<br/>
주사부위의 마사지나 뜨거운 사우나, 심한 운동은 7일 정도 피하세요.<br/>
주사부위가 하루이상 통증이 계속 되거나, 알러지 현상이 나타나면 병원으로 내원!<br/>
스컬트라의 고른 분포를 위해 얼굴 중 뼈가 두드러진 부위를 빈틈없이 마사지!<br/>
5·5·5 Rule : 5일간, 하루에 5회, 5분동안 치료부위를 마사지!
</p>
</li>
</ul>
</div>
</section>
</div>
</main>
</div>
</th:block>
<th:block layout:fragment="layoutContentScript">
</th:block>
</html>

158
src/main/resources/templates/web/petit/petitLaserSelect.html Normal file
View File

@@ -0,0 +1,158 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{/web/layout/layout}">
<th:block layout:fragment="layoutCss">
<link rel="stylesheet" href="/css/web/petit/petitLaserSelect.css?v1.0">
<style>
@media (min-width: 769px) {
/* ====== 공통 레이아웃: 헤더 이후 aside/메인 정렬 및 다이어트 처방약 링크 ====== */
.project_wrap .same {
display: flex;
margin-top: 85px; /* header 높이만큼 아래로 */
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.project_wrap .same aside {
width: 200px;
min-width: 200px;
background: url('/image/web/aside.jpg') repeat-y;
position: fixed;
top: 85px; /* header 높이만큼 아래로 */
left: 0;
height: 100vh;
z-index: 10;
}
.project_wrap .same aside ul {
position: static;
top: auto;
left: auto;
margin-top: 30px;
}
.project_wrap .same main {
width: 1080px;
min-width: 0;
position: relative;
margin-left: 200px;
}
.first {
float: right;
padding-right: 10px;
}
.project_wrap .same aside ul li a {
margin-top: 50px;
}
}
/* ====== END ====== */
</style>
</th:block>
<th:block layout:fragment="layoutContent">
<div class="same inner_wrap">
<aside>
<ul>
<li class="first"><a href="#shurink">슈링크<br/>(더블로 골드)</a></li>
</ul>
</aside>
<main>
<div id="shurink">
<section class="main_img">
<img class="pc" src="/image/web/petit_main1.jpg" alt="diet"/>
<img class="mb" src="/image/web/Mpetit_main1.jpg" alt="diet"/>
<div class="text_box">
<div class="left_text_box">
<p class="sub_title">약해진 얼굴의 SMAS(피부근막)층을 강화!</p>
<p class="title">SHURINK</p>
<p class="sub_text">
늘어진 피부를 탄력있게<br class="mb"/> 바꿔주는 슈링크!<br/>
고강도 집속 초음파를 통한<br class="mb"/> 즉각적인 효과
</p>
</div>
</div>
</section>
<section class="content1">
<div class="inner_wrap">
<p class="title">슈링크·더블로골드</p>
<p class="sub_title">노화로 인해 약해진 얼굴의 SMAS(피부근막)층을 강화시켜 피부를 탄력있게 바꾸어주는 시술!</p>
<p class="sub_text">
핫한 TV속 화제의 레이저리프팅 작아지고 탄탄해지는 V라인 & 작은얼굴 리프팅! 일반레이저가 침투하지 못하는
피부속 1.5~4.5mm 깊이게 정확학 강한 초음파 에너지를 집중시켜 피부를 리프팅 하는 시술입니다.
HIFU (고강도 직접 초음파 )를 통하여 진피층과 피부 처짐의 원인인 근막층에 즉각적인 리프팅 & 주름개선 효과를 얻을 수 있는 시술입니다.
</p>
</div>
</section>
<section class="content2">
<div class="inner_wrap">
<h3><span>시술효과 </span>Effect</h3>
<ul>
<li><p>비수술 <br/>비절개 방식의 시술</p></li>
<li><p>치료 부위를 <br/>모니터로 확인 가능</p></li>
<li><p>진피층, 근막층까지 <br/>두 개층을 <br/>동시에 치료</p></li>
<li><p>빠른 시술 시간 <br/>(약 30분 소요) <br/>시술 직후 바로 <br/>일상 생활 가능</p></li>
</ul>
</div>
</section>
<section class="content3">
<div class="inner_wrap">
<h3><span>특징 </span>Unique</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>일반레이저가 침투하지 못하는 피부속까지 가능한 HIFU리프팅</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>1.5 ~ 4.5mm 깊이에 정확하고 강한 초음파 에너지 집중</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>피부조직이 응고, 수축되어 당김현상이 나타나는 리프팅</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>노화로 인해 약해진 얼굴의 SMAS층을 강화시켜, 탄력있게!</p>
</li>
<li>
<div><img src="/image/web/check.svg" alt="check"/></div>
<p>콜라겐이 진피층 및 피부지방 아래의 깊은 근막층까지 전달!</p>
</li>
</ul>
</div>
</section>
<section class="content4">
<div class="inner_wrap">
<h3><span>시술횟수 </span>Time</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/time.png" alt="check"/></div>
<p>의료진의 판단에 따라</p>
</li>
</ul>
</div>
</section>
<section class="content5">
<div class="inner_wrap">
<h3><span>주의사항 </span>Notice</h3>
<ul class="box_list">
<li>
<div><img src="/image/web/notice.png" alt="check"/></div>
<p>
시술한 당일에는 샤워를 금해주시기를 바랍니다.<br/>
개인의 특성에 따라 붓기가 생길수 있습니다.<br/>
시술 부위를 누르거나 문지르는 등 강한 자극은 피합니다.<br/>
시술 후 일주일동안은 흡연, 음주를 삼갑니다.<br/>
통증이 시술 직후보다 더 심해지시면 의원에 즉시 연락!
</p>
</li>
</ul>
</div>
</section>
</div>
</main>
</div>
</th:block>
<th:block layout:fragment="layoutContentScript">
</th:block>
</html>