고객후기 구현
This commit is contained in:
@@ -1,8 +1,6 @@
|
||||
<!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}">
|
||||
<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/introduction/introductionHospitalSelect.css?v1.0">
|
||||
</th:block>
|
||||
@@ -10,16 +8,16 @@
|
||||
<main>
|
||||
<section class="main_img">
|
||||
<div class="inner_wrap">
|
||||
<img src="/image/web/introduction_main.png" alt="introduction"/>
|
||||
<img src="/image/web/introduction_main.png" alt="introduction" />
|
||||
<div class="text_box">
|
||||
<p class="hashtag">#맞춤진료 #만족스러운결과</p>
|
||||
<p class="title">
|
||||
<span>MADE U 강남본점</span><br/>
|
||||
Total Beauty<br class="mb"/> One Stop System
|
||||
<span>MADE U 강남본점</span><br />
|
||||
Total Beauty<br class="mb" /> One Stop System
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
한 공간에서 고객 한분 한분께 자연스러운<br class="mb"/> 아름다움과 건강한 다이어트를 위해<br/>
|
||||
항상 노력하는 함께하는<br class="mb"/> 조언자가 되어 드릴 것을 약속드립니다.
|
||||
한 공간에서 고객 한분 한분께 자연스러운<br class="mb" /> 아름다움과 건강한 다이어트를 위해<br />
|
||||
항상 노력하는 함께하는<br class="mb" /> 조언자가 되어 드릴 것을 약속드립니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -28,47 +26,47 @@
|
||||
<div class="inner_wrap">
|
||||
<div class="text_box">
|
||||
<p class="hashtag">#차별화된 맞춤 플랜</p>
|
||||
<p class="title">Looking Around<br/>MADE <span class="red">U</span></p>
|
||||
<p class="title">Looking Around<br />MADE <span class="red">U</span></p>
|
||||
<p class="sub_title">
|
||||
쾌적하고 안락한 공간을 제공하는<br/>
|
||||
쾌적하고 안락한 공간을 제공하는<br />
|
||||
<span>메이드유 강남본점</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
깨끗한 공간, 친절한 상담을 제공<span class="pc">하겠습니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
<img src="/image/web/introduction_content1.png" alt="content1"/>
|
||||
<img src="/image/web/introduction_content1.png" alt="content1" />
|
||||
</div>
|
||||
</section>
|
||||
<section class="content2">
|
||||
<div class="inner_wrap">
|
||||
<p class="mb">쉬운다이어트 방법 없을까?<br/><span>MADE U 시그니처 프로그램</span></p>
|
||||
<p class="mb">쉬운다이어트 방법 없을까?<br /><span>MADE U 시그니처 프로그램</span></p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/image/web/introduction_content2-1.png" alt="content2-1"/>
|
||||
<img src="/image/web/introduction_content2-1.png" alt="content2-1" />
|
||||
<div class="text_box">
|
||||
<p>One-On-One Customized Counseling</p>
|
||||
<p class="sub_title">
|
||||
MADE U 강남본점만의<br/>
|
||||
MADE U 강남본점만의<br />
|
||||
<span>1:1 맞춤 상담</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
고객님의 체형별 그리고 고민<br class="mb"/> 부위별 맞춤진료로,<br/>
|
||||
고객님의 체형별 그리고 고민<br class="mb" /> 부위별 맞춤진료로,<br />
|
||||
숨겨진 아름다움을 찾아드립니다.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/image/web/introduction_content2-2.png" alt="content2-2"/>
|
||||
<img src="/image/web/introduction_content2-2.png" alt="content2-2" />
|
||||
<div class="text_box">
|
||||
<p>Trademark Application</p>
|
||||
<p class="sub_title">
|
||||
MADE U 강남본점만의<br/>
|
||||
MADE U 강남본점만의<br />
|
||||
<span>특허<span class="red">✓</span>상표 출원</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
메이드유 강남본점에서 자체 개발한<br class="mb"/> 메쉬다 주사<br class="pc"/>
|
||||
레시피의 뛰어난<br class="mb"/> 효과를 바탕으로 다수의<br/>
|
||||
메이드유 강남본점에서 자체 개발한<br class="mb" /> 메쉬다 주사<br class="pc" />
|
||||
레시피의 뛰어난<br class="mb" /> 효과를 바탕으로 다수의<br />
|
||||
특허와 상표를 등록했습니다.
|
||||
</p>
|
||||
</div>
|
||||
@@ -77,151 +75,151 @@
|
||||
</div>
|
||||
</section>
|
||||
<section class="content3">
|
||||
<div class="inner_wrap">
|
||||
<p>국내 고가명품 최다보유<br><span>MADE U</span> 프리미엄 장비 소개</p>
|
||||
|
||||
<div class="equipment-grid">
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/써마지.jpg" alt="써마지">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">써마지</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 1,800,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/울쎄라.jpg" alt="울쎄라">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">울쎄라</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 400,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/티타늄.jpg" alt="티타늄리프팅">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">티타늄리프팅</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 600,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/튠바디.jpg" alt="튠바디">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">튠바디</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 150,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2번째 행 -->
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/튠페이스.jpg" alt="튠페이스">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">튠페이스</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 400,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/울핏.jpg" alt="울핏">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">울핏</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 50,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/포텐자.jpg" alt="포텐자">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">포텐자</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 150,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/인모드.jpg" alt="인모드">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">인모드</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 100,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3번째 행 -->
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/슈링크유니버스.jpg" alt="슈링크유니버스">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">슈링크유니버스</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 89,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/바디고주파테라피.jpg" alt="바디고주파테라피">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">바디고주파테라피</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 100,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/리포덤.jpg" alt="리포덤">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">리포덤</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 50,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/라비앙.jpg" alt="라비앙">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">라비앙</h3>
|
||||
<p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p>
|
||||
<p class="equipment-price"><!-- 165,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner_wrap">
|
||||
<p>국내 고가명품 최다보유<br><span>MADE U</span> 프리미엄 장비 소개</p>
|
||||
|
||||
<div class="equipment-grid">
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/써마지.jpg" alt="써마지">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">써마지</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 1,800,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/울쎄라.jpg" alt="울쎄라">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">울쎄라</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 400,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/티타늄.jpg" alt="티타늄리프팅">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">티타늄리프팅</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 600,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/온다리프팅.jpg" alt="온다리프팅">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">온다리프팅</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<!-- <p class="equipment-price">165,000<span>부터</span></p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/튠바디.jpg" alt="튠바디">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">튠바디</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 150,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 2번째 행 -->
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/튠페이스.jpg" alt="튠페이스">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">튠페이스</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 400,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/울핏.jpg" alt="울핏">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">울핏</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 50,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/포텐자.jpg" alt="포텐자">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">포텐자</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 150,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/인모드.jpg" alt="인모드">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">인모드</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 100,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3번째 행 -->
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/슈링크유니버스.jpg" alt="슈링크유니버스">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">슈링크유니버스</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 89,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/바디고주파테라피.jpg" alt="바디고주파테라피">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">바디고주파테라피</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 100,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="equipment-card">
|
||||
<div class="equipment-image">
|
||||
<img src="/image/equip/리포덤.jpg" alt="리포덤">
|
||||
</div>
|
||||
<div class="equipment-info">
|
||||
<h3 class="equipment-name">리포덤</h3>
|
||||
<!-- <p class="equipment-desc">깊은 탄력과 리프팅을 동시에</p> -->
|
||||
<p class="equipment-price"><!-- 50,000<span>부터</span> --></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content4">
|
||||
<div class="inner_wrap">
|
||||
<p>
|
||||
한 공간에서 고객 한분 한분께 자연스러운 아름다움과<br class="mb"/> 건강한 다이어트를 위해 항상 노력하는<br/>
|
||||
한 공간에서 고객 한분 한분께 자연스러운 아름다움과<br class="mb" /> 건강한 다이어트를 위해 항상 노력하는<br />
|
||||
<span>Total Beauty One Stop System</span>
|
||||
</p>
|
||||
<ul>
|
||||
@@ -229,56 +227,57 @@
|
||||
<div class="text_box">
|
||||
<p>
|
||||
<span>
|
||||
자연스러운 아름다움과<br/>
|
||||
자연스러운 아름다움과<br />
|
||||
건강한 다이어트
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
메이드유는 <span>Total Beauty One Stop System</span>으로<br class="pc"/>
|
||||
한 공간에서 고객 한분 <br class="mb"/>한분께 자연스러운 아름다움과<br/>
|
||||
건강한 다이어트를 위해 항상 노력하는 함께하는 조언자가<br class="pc"/>
|
||||
메이드유는 <span>Total Beauty One Stop System</span>으로<br class="pc" />
|
||||
한 공간에서 고객 한분 <br class="mb" />한분께 자연스러운 아름다움과<br />
|
||||
건강한 다이어트를 위해 항상 노력하는 함께하는 조언자가<br class="pc" />
|
||||
되어 드릴 것을 약속드립니다.
|
||||
</p>
|
||||
</div>
|
||||
<img class="pc" src="/image/web/introduction_content4-1.jpg" alt="introduction_content4-1"/>
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-1.jpg" alt="introduction_content4-1"/>
|
||||
<img class="pc" src="/image/web/introduction_content4-1.jpg" alt="introduction_content4-1" />
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-1.jpg" alt="introduction_content4-1" />
|
||||
</li>
|
||||
<li class="red_box">
|
||||
<div class="text_box">
|
||||
<p>
|
||||
<span>고객을 가족으로 생각하는 마음으로<br class="pc"/>정직한 시술, <br class="mb"/>만족할 수 있는 결과,</span><br/>
|
||||
더 나은 감동을 선사하기 위해<br/>
|
||||
<span>고객을 가족으로 생각하는 마음으로<br class="pc" />정직한 시술, <br class="mb" />만족할 수 있는
|
||||
결과,</span><br />
|
||||
더 나은 감동을 선사하기 위해<br />
|
||||
끊임없이 노력하겠습니다.
|
||||
</p>
|
||||
<p>
|
||||
메이드유는 <span>전국, 해외에서 찾아오는 비만센터와<br class="pc"/> 프리미멈 명품
|
||||
장비 보유 및 장비 최다 보유</span>와 엘란쎄, <br class="pc"/>스컬트라 콜라겐 볼륨
|
||||
전국 3대 병원인 쁘띠 센터로 <br class="pc"/>구분되어 고객에 맞춰 운영되고
|
||||
메이드유는 <span>전국, 해외에서 찾아오는 비만센터와<br class="pc" /> 프리미멈 명품
|
||||
장비 보유 및 장비 최다 보유</span>와 엘란쎄, <br class="pc" />스컬트라 콜라겐 볼륨
|
||||
전국 3대 병원인 쁘띠 센터로 <br class="pc" />구분되어 고객에 맞춰 운영되고
|
||||
있습니다.
|
||||
</p>
|
||||
</div>
|
||||
<img class="pc" src="/image/web/introduction_content4-2.jpg" alt="introduction_content4-2"/>
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-2.jpg" alt="introduction_content4-2"/>
|
||||
<img class="pc" src="/image/web/introduction_content4-2.jpg" alt="introduction_content4-2" />
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-2.jpg" alt="introduction_content4-2" />
|
||||
</li>
|
||||
<li>
|
||||
<div class="text_box">
|
||||
<p>
|
||||
No Pain 통증 없이<br/>
|
||||
No Bruise 멍 없이<br/>
|
||||
No Swelling 붓기 없이<br/>
|
||||
No Pain 통증 없이<br />
|
||||
No Bruise 멍 없이<br />
|
||||
No Swelling 붓기 없이<br />
|
||||
<span>3No 의료서비스를 지향</span>
|
||||
</p>
|
||||
<p>
|
||||
모든 제품은 정품, 정량, 정품 장비 사용을 원칙으로 안전을 <br class="pc"/>
|
||||
최우선으로 하고 있으며, 모든 시술은 <span>No Pain, No Bruise, <br class="pc"/>
|
||||
No Swelling라는 3No 의료서비스를 지향</span>합니다. <br class="pc"/>
|
||||
앞으로도 고품질의 관리와 서비스를 받을 수 있도록 노력하며 <br class="pc"/>
|
||||
사소한 불편까지 읽어주는 세심한 배려, 마음까지 읽는 서비스로<br class="pc"/>
|
||||
모든 제품은 정품, 정량, 정품 장비 사용을 원칙으로 안전을 <br class="pc" />
|
||||
최우선으로 하고 있으며, 모든 시술은 <span>No Pain, No Bruise, <br class="pc" />
|
||||
No Swelling라는 3No 의료서비스를 지향</span>합니다. <br class="pc" />
|
||||
앞으로도 고품질의 관리와 서비스를 받을 수 있도록 노력하며 <br class="pc" />
|
||||
사소한 불편까지 읽어주는 세심한 배려, 마음까지 읽는 서비스로<br class="pc" />
|
||||
무한 감동을 드릴 것을 약속합니다.
|
||||
</p>
|
||||
</div>
|
||||
<img class="pc" src="/image/web/introduction_content4-3.jpg" alt="introduction_content4-3"/>
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-3.jpg" alt="introduction_content4-3"/>
|
||||
<img class="pc" src="/image/web/introduction_content4-3.jpg" alt="introduction_content4-3" />
|
||||
<img class="mb" src="/image/web/Mintroduction_content4-3.jpg" alt="introduction_content4-3" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -287,4 +286,5 @@
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
</th:block>
|
||||
|
||||
</html>
|
||||
@@ -1,109 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<th:block th:fragment="layoutHeader">
|
||||
<th:block th:replace="/web/layout/layoutModal :: layoutModal"></th:block>
|
||||
<link rel="stylesheet" href="/css/web/quick_menu/quick_menu.css">
|
||||
<script>
|
||||
// 디바이스 감지 함수
|
||||
function isMobileDevice() {
|
||||
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
|
||||
|| window.innerWidth <= 768;
|
||||
}
|
||||
<th:block th:replace="/web/layout/layoutModal :: layoutModal"></th:block>
|
||||
<link rel="stylesheet" href="/css/web/quick_menu/quick_menu.css">
|
||||
<script>
|
||||
// 디바이스 감지 함수
|
||||
function isMobileDevice() {
|
||||
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
|
||||
|| window.innerWidth <= 768;
|
||||
}
|
||||
|
||||
// 카카오톡 상담 함수 (모든 디바이스에서 동작)
|
||||
function openKakaoTalk() {
|
||||
window.open('https://pf.kakao.com/_puZExd', '_blank');
|
||||
}
|
||||
// 카카오톡 상담 함수 (모든 디바이스에서 동작)
|
||||
function openKakaoTalk() {
|
||||
window.open('https://pf.kakao.com/_puZExd', '_blank');
|
||||
}
|
||||
|
||||
// 전화걸기 함수 (모바일에서만 동작)
|
||||
function makePhoneCall() {
|
||||
if (isMobileDevice()) {
|
||||
// 모바일에서만 전화걸기
|
||||
window.location.href = 'tel:02-547-4711';
|
||||
} else {
|
||||
// 데스크톱에서는 동작 안함 (필요시 알림 추가)
|
||||
console.log('전화걸기는 모바일에서만 가능합니다.');
|
||||
}
|
||||
}
|
||||
|
||||
function moveDietCenter(){
|
||||
window.location.href="https://diet.madeu.co.kr/index";
|
||||
}
|
||||
// 모바일 여부 확인 함수
|
||||
function isMobile() {
|
||||
return window.innerWidth <= 768; // 필요 시 기준 너비 조정
|
||||
}
|
||||
// 전화걸기 함수 (모바일에서만 동작)
|
||||
function makePhoneCall() {
|
||||
if (isMobileDevice()) {
|
||||
// 모바일에서만 전화걸기
|
||||
window.location.href = 'tel:02-547-4711';
|
||||
} else {
|
||||
// 데스크톱에서는 동작 안함 (필요시 알림 추가)
|
||||
console.log('전화걸기는 모바일에서만 가능합니다.');
|
||||
}
|
||||
}
|
||||
|
||||
// 현재 경로가 /index인지 확인
|
||||
function isIndexPage() {
|
||||
return window.location.pathname === '/index'; // '/index.html'인 경우 조정 필요
|
||||
}
|
||||
function moveDietCenter() {
|
||||
window.location.href = "https://diet.madeu.co.kr/index";
|
||||
}
|
||||
// 모바일 여부 확인 함수
|
||||
function isMobile() {
|
||||
return window.innerWidth <= 768; // 필요 시 기준 너비 조정
|
||||
}
|
||||
|
||||
// 퀵메뉴 표시/숨김 함수
|
||||
function toggleQuickMenu() {
|
||||
const quickMenu = document.querySelector('.quick-menu-simple');
|
||||
if (!quickMenu) return; // 요소가 없으면 종료
|
||||
// 현재 경로가 /index인지 확인
|
||||
function isIndexPage() {
|
||||
return window.location.pathname === '/index'; // '/index.html'인 경우 조정 필요
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
// 모바일: /index일 때만 표시
|
||||
quickMenu.style.display = isIndexPage() ? '' : 'none';
|
||||
} else {
|
||||
// 데스크톱: 항상 표시
|
||||
quickMenu.style.display = '';
|
||||
}
|
||||
}
|
||||
function moveEvent(){
|
||||
window.location.href="https://petit.madeu.co.kr/webevent/selectListWebEventIntro.do";
|
||||
}
|
||||
// 페이지 로드와 리사이즈 이벤트 연결
|
||||
window.addEventListener('load', toggleQuickMenu);
|
||||
window.addEventListener('resize', toggleQuickMenu);
|
||||
</script>
|
||||
<header>
|
||||
// 퀵메뉴 표시/숨김 함수
|
||||
function toggleQuickMenu() {
|
||||
const quickMenu = document.querySelector('.quick-menu-simple');
|
||||
if (!quickMenu) return; // 요소가 없으면 종료
|
||||
|
||||
<div class="inner_wrap">
|
||||
<button class="mb mbmenu" onClick="openNav()"></button>
|
||||
<a class="logo" href="/index"><img src="/image/logo_199x54.png" alt="logo"></a>
|
||||
<nav>
|
||||
<ul class="depth1">
|
||||
<li th:each="menu : ${menuList}">
|
||||
<a class="mmenu" th:href="${menu.menuUrl}" th:text="${menu.menuName}"></a>
|
||||
<ul class="depth2" th:if="${#lists.size(menu.children) > 0}">
|
||||
<li></li>
|
||||
<li th:each="subMenu : ${menu.children}">
|
||||
<a th:href="${subMenu.menuUrl}" th:text="${subMenu.menuName}"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
if (isMobile()) {
|
||||
// 모바일: /index일 때만 표시
|
||||
quickMenu.style.display = isIndexPage() ? '' : 'none';
|
||||
} else {
|
||||
// 데스크톱: 항상 표시
|
||||
quickMenu.style.display = '';
|
||||
}
|
||||
}
|
||||
function moveEvent() {
|
||||
window.location.href = "https://petit.madeu.co.kr/webevent/selectListWebEventIntro.do";
|
||||
}
|
||||
function moveReview() {
|
||||
window.location.href = "https://petit.madeu.co.kr/webreview/selectListWebReviewIntro.do";
|
||||
}
|
||||
|
||||
// 페이지 로드와 리사이즈 이벤트 연결
|
||||
window.addEventListener('load', toggleQuickMenu);
|
||||
window.addEventListener('resize', toggleQuickMenu);
|
||||
</script>
|
||||
<header>
|
||||
|
||||
<div class="inner_wrap">
|
||||
<button class="mb mbmenu" onClick="openNav()"></button>
|
||||
<a class="logo" href="/index"><img src="/image/logo_199x54.png" alt="logo"></a>
|
||||
<nav>
|
||||
<ul class="depth1">
|
||||
<li th:each="menu : ${menuList}">
|
||||
<a class="mmenu" th:href="${menu.menuUrl}" th:text="${menu.menuName}"></a>
|
||||
<ul class="depth2" th:if="${#lists.size(menu.children) > 0}">
|
||||
<li></li>
|
||||
<li th:each="subMenu : ${menu.children}">
|
||||
<a th:href="${subMenu.menuUrl}" th:text="${subMenu.menuName}"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 퀵메뉴 -->
|
||||
<div class="quick-menu-simple">
|
||||
<div class="quick-item" onclick="moveReview()">
|
||||
<img src="/image/quick_menu/review.png" alt="고객후기">
|
||||
</div>
|
||||
<div class="quick-item" onclick="moveEvent()">
|
||||
<img src="/image/quick_menu/event.png" alt="이벤트">
|
||||
</div>
|
||||
<!-- 다이어트센터 -->
|
||||
<div class="quick-item" onclick="moveDietCenter()">
|
||||
<img src="/image/quick_menu/diet_center.png" alt="다이어트센터">
|
||||
</div>
|
||||
|
||||
<!-- 카카오톡 상담 -->
|
||||
<div class="quick-item kakao-consult" onclick="openKakaoTalk()">
|
||||
<img src="/image/quick_menu/kakao_consultation.png" alt="카카오톡 상담">
|
||||
</div>
|
||||
|
||||
<!-- 전화 상담 -->
|
||||
<div class="quick-item phone-consult" onclick="makePhoneCall()">
|
||||
<div class="phone-default">
|
||||
<img src="/image/quick_menu/call_consultation.png" alt="전화 상담">
|
||||
</div>
|
||||
<div class="phone-number">
|
||||
<img src="/image/quick_menu/madeu_phone_number.png" alt="전화 상담">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 퀵메뉴 -->
|
||||
<div class="quick-menu-simple">
|
||||
<div class="quick-item" onclick="moveEvent()">
|
||||
<img src="/image/quick_menu/event.png" alt="이벤트">
|
||||
</div>
|
||||
<!-- 다이어트센터 -->
|
||||
<div class="quick-item" onclick="moveDietCenter()">
|
||||
<img src="/image/quick_menu/diet_center.png" alt="다이어트센터">
|
||||
</div>
|
||||
|
||||
<!-- 카카오톡 상담 -->
|
||||
<div class="quick-item kakao-consult" onclick="openKakaoTalk()">
|
||||
<img src="/image/quick_menu/kakao_consultation.png" alt="카카오톡 상담">
|
||||
</div>
|
||||
|
||||
<!-- 전화 상담 -->
|
||||
<div class="quick-item phone-consult" onclick="makePhoneCall()">
|
||||
<div class="phone-default">
|
||||
<img src="/image/quick_menu/call_consultation.png" alt="전화 상담">
|
||||
</div>
|
||||
<div class="phone-number">
|
||||
<img src="/image/quick_menu/madeu_phone_number.png" alt="전화 상담">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/js/web/layout/layoutHeader.js?ver=1"></script>
|
||||
<script src="/js/web/layout/layoutHeader.js?ver=1"></script>
|
||||
</th:block>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,44 @@
|
||||
<!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 href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" th:href="@{/css/web/webreview/procedureReviewSelect.css}" />
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script th:inline="javascript">
|
||||
const muProcedureReviewId = [[${ muProcedureReviewId }]];
|
||||
const CDN_URL = [[${@environment.getProperty('url.cdn') }]];
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<div class="container">
|
||||
<div class="breadcrumb">
|
||||
<a href="/webreview/selectListProcedureReviewIntro.do">고객후기</a>
|
||||
<span>></span>
|
||||
<span id="breadcrumb-title">상세보기</span>
|
||||
</div>
|
||||
<article class="review-article">
|
||||
<div class="review-header">
|
||||
<h1 class="review-title" id="review-title"></h1>
|
||||
<div class="review-meta">
|
||||
<span class="review-date" id="review-date"></span>
|
||||
<span class="review-views">조회 <span id="review-views">0</span></span>
|
||||
</div>
|
||||
<div class="review-tags" id="review-tags"></div>
|
||||
</div>
|
||||
<div class="review-content" id="review-content">
|
||||
<div class="loading">게시글을 불러오는 중...</div>
|
||||
</div>
|
||||
</article>
|
||||
<div class="btn-area">
|
||||
<a href="/webreview/selectListProcedureReviewIntro.do" class="btn-list">목록으로</a>
|
||||
</div>
|
||||
</div>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.js"></script>
|
||||
<script th:src="@{/js/web/webreview/procedureReviewSelect.js}"></script>
|
||||
</th:block>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!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" th:href="@{/css/web/webreview/procedureReviewSelectList.css}" />
|
||||
</th:block>
|
||||
<th:block layout:fragment="layout_top_script">
|
||||
<script th:inline="javascript">
|
||||
const CDN_URL = [[${@environment.getProperty('url.cdn') }]];
|
||||
</script>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1 class="page-title">고객후기</h1>
|
||||
<p class="page-subtitle">실제 고객님들의 생생한 후기를 확인하세요</p>
|
||||
</div>
|
||||
<div class="search-area">
|
||||
<div class="search-box">
|
||||
<input type="text" id="searchTitle" placeholder="제목으로 검색" />
|
||||
<button id="btnSearch" class="search-btn">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="review-grid" id="review-grid">
|
||||
<div class="loading">고객후기를 불러오는 중...</div>
|
||||
</div>
|
||||
<div class="pagination-area" id="pagination-area"></div>
|
||||
</div>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
<script th:src="@{/js/web/webreview/procedureReviewSelectList.js}"></script>
|
||||
</th:block>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user