최초 세팅
This commit is contained in:
bd091
@@ -0,0 +1,290 @@
|
||||
<!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/introduction/introductionHospitalSelect.css?v1.0">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<main>
|
||||
<section class="main_img">
|
||||
<div class="inner_wrap">
|
||||
<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
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
한 공간에서 고객 한분 한분께 자연스러운<br class="mb"/> 아름다움과 건강한 다이어트를 위해<br/>
|
||||
항상 노력하는 함께하는<br class="mb"/> 조언자가 되어 드릴 것을 약속드립니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content1">
|
||||
<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="sub_title">
|
||||
쾌적하고 안락한 공간을 제공하는<br/>
|
||||
<span>메이드유 강남본점</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
깨끗한 공간, 친절한 상담을 제공<span class="pc">하겠습니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
<ul>
|
||||
<li>
|
||||
<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/>
|
||||
<span>1:1 맞춤 상담</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
고객님의 체형별 그리고 고민<br class="mb"/> 부위별 맞춤진료로,<br/>
|
||||
숨겨진 아름다움을 찾아드립니다.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<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/>
|
||||
<span>특허<span class="red">✓</span>상표 출원</span>
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
메이드유 강남본점에서 자체 개발한<br class="mb"/> 메쉬다 주사<br class="pc"/>
|
||||
레시피의 뛰어난<br class="mb"/> 효과를 바탕으로 다수의<br/>
|
||||
특허와 상표를 등록했습니다.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
</section>
|
||||
|
||||
<section class="content4">
|
||||
<div class="inner_wrap">
|
||||
<p>
|
||||
한 공간에서 고객 한분 한분께 자연스러운 아름다움과<br class="mb"/> 건강한 다이어트를 위해 항상 노력하는<br/>
|
||||
<span>Total Beauty One Stop System</span>
|
||||
</p>
|
||||
<ul>
|
||||
<li class="first">
|
||||
<div class="text_box">
|
||||
<p>
|
||||
<span>
|
||||
자연스러운 아름다움과<br/>
|
||||
건강한 다이어트
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
메이드유는 <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"/>
|
||||
</li>
|
||||
<li class="red_box">
|
||||
<div class="text_box">
|
||||
<p>
|
||||
<span>고객을 가족으로 생각하는 마음으로<br class="pc"/>정직한 시술, <br class="mb"/>만족할 수 있는 결과,</span><br/>
|
||||
더 나은 감동을 선사하기 위해<br/>
|
||||
끊임없이 노력하겠습니다.
|
||||
</p>
|
||||
<p>
|
||||
메이드유는 <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"/>
|
||||
</li>
|
||||
<li>
|
||||
<div class="text_box">
|
||||
<p>
|
||||
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"/>
|
||||
무한 감동을 드릴 것을 약속합니다.
|
||||
</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"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,120 @@
|
||||
<!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/introduction/introductionPriceSelect.css?v1.0">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<main>
|
||||
<section class="content1">
|
||||
<div class="inner_wrap">
|
||||
<div class="text_box">
|
||||
<p class="hashtag">#맞춤진료 #합리적인 비용</p>
|
||||
<p class="title">
|
||||
<span>MADE U 강남본점</span><br/>
|
||||
비급여 안내
|
||||
</p>
|
||||
<p class="sub_text">
|
||||
고객님이 원하시는 아름다움을 찾기<br class="mb"/> 위해,<br class="pc"/>
|
||||
고객님별 그리고 고민하시는<br class="mb"/> 부위별 맞춤 진료를 하겠습니다.
|
||||
</p>
|
||||
</div>
|
||||
<div class="table_box">
|
||||
<img class="mb" src="/image/web/price.png" alt="price"/>
|
||||
<table class="pc">
|
||||
<tr class="thead">
|
||||
<td colspan="2">분류</td>
|
||||
<td colspan="2">항목</td>
|
||||
<td colspan="2">진료 비용 등<br class="mb"/>(단위:원)</td>
|
||||
<td rowspan="2">특이사항</td>
|
||||
<td rowspan="2">비고</td>
|
||||
</tr>
|
||||
<tr class="sub_thead">
|
||||
<td>중분류</td>
|
||||
<td>소분류</td>
|
||||
<td>코드</td>
|
||||
<td>명칭</td>
|
||||
<td>구분</td>
|
||||
<td>비용</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>기본진료료</td>
|
||||
<td>기본진료료</td>
|
||||
<td></td>
|
||||
<td>기본진료료</td>
|
||||
<td></td>
|
||||
<td>10,000</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>진단서</td>
|
||||
<td></td>
|
||||
<td>30,000</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>진료확인서</td>
|
||||
<td></td>
|
||||
<td>10,000</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>통원확인서</td>
|
||||
<td></td>
|
||||
<td>10,000</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>의무기록사본</td>
|
||||
<td></td>
|
||||
<td>10,000</td>
|
||||
<td>진료기록부</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>의무기록사본 추가</td>
|
||||
<td></td>
|
||||
<td>1,000</td>
|
||||
<td>진료기록부</td>
|
||||
<td>장당</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>제증명수수료</td>
|
||||
<td>제증명수수료</td>
|
||||
<td></td>
|
||||
<td>제증명발급</td>
|
||||
<td></td>
|
||||
<td>1,000</td>
|
||||
<td>처방전 포함</td>
|
||||
<td>장당</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,131 @@
|
||||
<!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/introduction/introductionStaffSelect.css?v1.0">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<main>
|
||||
<section class="main_img">
|
||||
<!-- 2025.09.03 요구사항으로 인한 주석처리 byPJS <img src="/image/web/staff_main.png" alt="staff_main"/> -->
|
||||
</section>
|
||||
<section class="content1">
|
||||
<div class="inner_wrap">
|
||||
<div class="captain_box">
|
||||
<img class="pc" src="/image/web/staff_cont1.jpg" alt="captain" />
|
||||
<img class="mb" src="/image/web/Mstaff_cont1.jpg" alt="captain" />
|
||||
<div class="text_box">
|
||||
<p class="sub_title">메이드유 강남본점 <span>대표원장 박재우</span></p>
|
||||
<p class="title">Specialist</p>
|
||||
<p class="sub_text">
|
||||
메이드유 강남본점의 전문의료진은<br class="pc"/>
|
||||
아름다움 극대화를 <br class="mb"/>위해 끊임없이 연구하고 노력합니다.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content2">
|
||||
<div class="inner_wrap">
|
||||
<p>본연의 장점을 살려주는 것이 변화의 시작!<br/><span>MADE U 전문의료진 소개</span></p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/image/web/profile1.jpg" alt="profile"/>
|
||||
<div class="text_box">
|
||||
<p class="field">
|
||||
<span>비만</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span class="name">박재우</span>
|
||||
대표원장 / <span>Chief Medical Director</span>
|
||||
</p>
|
||||
<p class="last">
|
||||
<span>Profile</span><br/>
|
||||
현) 메이드유의원 프랜차이즈 대표원장 <br/>
|
||||
현) 메이드유의원 강남본점 대표원장 <br/>
|
||||
현) 메이드유의원 비만센터 대표원장 <br/>
|
||||
대한미용외과학회 회원 <br/>
|
||||
대한미용성형레이저의학회 회원 <br/>
|
||||
대한비만치료학회 회원
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/image/web/profile2.png" alt="profile"/>
|
||||
<div class="text_box">
|
||||
<p class="field">
|
||||
<span>피부</span>
|
||||
<span>쁘띠</span>
|
||||
<span>제모</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span class="name">김종효</span>
|
||||
대표원장 / <span>Medical Director</span>
|
||||
</p>
|
||||
<p class="last">
|
||||
<span>Profile</span><br/>
|
||||
현) 메이드유의원 강남본점 원장 <br/>
|
||||
전) 메이드유의원 명동점 대표원장 <br/>
|
||||
전) 톡스앤필 홍대신촌 원장 <br/>
|
||||
대한레이저피부모발학회 회원 <br/>
|
||||
대한미용외과학회 회원 <br/>
|
||||
한국미용성형학회 회원
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li> 2025.09.03 요구사항으로 인한 주석처리 byPJS
|
||||
<img src="/image/web/profile3.png" alt="profile"/>
|
||||
<div class="text_box">
|
||||
<p class="field">
|
||||
<span>비만</span>
|
||||
<span>쁘띠</span>
|
||||
<span>피부</span>
|
||||
<span>제모</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span class="name">신다은</span>
|
||||
원장 / <span>Medical Director</span>
|
||||
</p>
|
||||
<p class="last">
|
||||
<span>Profile</span><br/>
|
||||
현) 메이드유의원 강남본점 원장<br/>
|
||||
대한레이저피부모발학회 회원<br/>
|
||||
대한미용외과학회 회원<br/>
|
||||
대한리프팅연구회 회원<br/>
|
||||
한국미용성형학회 회원
|
||||
</p>
|
||||
</div>
|
||||
</li> -->
|
||||
<li>
|
||||
<img src="/image/web/profile4.png" alt="profile"/>
|
||||
<div class="text_box">
|
||||
<p class="field">
|
||||
<span>피부</span>
|
||||
<span>쁘띠</span>
|
||||
<span>제모</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span class="name">김준혁</span>
|
||||
원장 / <span>Medical Director</span>
|
||||
</p>
|
||||
<p class="last">
|
||||
<span>Profile</span><br/>
|
||||
현) 메이드유의원 강남본점 원장<br/>
|
||||
전) JD클리닉 신사점 원장<br/>
|
||||
전) 팝루미에의원 강남점 원장<br/>
|
||||
대한리프팅연구회 회원<br/>
|
||||
대한비만치료학회 회원<br/>
|
||||
대한미용성형레이저의학회 회원
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
</th:block>
|
||||
</html>
|
||||
@@ -0,0 +1,98 @@
|
||||
<!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/introduction/introductionWaySelect.css?v1.0">
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContent">
|
||||
<main>
|
||||
<section class="main_img">
|
||||
<ul>
|
||||
<li><img src="/image/web/introduction_way_main1.jpg" alt="way"/></li>
|
||||
<li><img src="/image/web/introduction_way_main2.jpg" alt="way"/></li>
|
||||
<li><img src="/image/web/introduction_way_main3.jpg" alt="way"/></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="content1">
|
||||
<div class="inner_wrap">
|
||||
<p>7호선 논현역 / 신분당선 논현역 3번 출구<br/><span>MADE U 강남본점 위치 안내</span></p>
|
||||
<div class="top">
|
||||
<div class="img_box img_left">
|
||||
<img src="/image/web/introduction_way_con1_1.png" alt="way"/>
|
||||
</div>
|
||||
<div class="img_box img_right">
|
||||
<img src="/image/web/introduction_way_con1_2.png" alt="way"/>
|
||||
</div>
|
||||
<div class="text_box">
|
||||
<p>도보 <span>2분 거리</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btm">
|
||||
<ul>
|
||||
<li class="red">논현역 <br class="mb"/>3번 출구</li>
|
||||
<li>뚜레쥬르 <br class="mb"/>카페</li>
|
||||
<li>HOLLYS <br class="mb"/>COFFEE</li>
|
||||
<li class="red">메이드유 <br class="mb"/>빌딩</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content2">
|
||||
<div class="inner_wrap">
|
||||
<!-- * 카카오맵 - 지도퍼가기 -->
|
||||
<!-- 1. 지도 노드 -->
|
||||
<div id="daumRoughmapContainer1757836409022" class="root_daum_roughmap root_daum_roughmap_landing"></div>
|
||||
|
||||
<!--
|
||||
2. 설치 스크립트
|
||||
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
|
||||
-->
|
||||
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
|
||||
|
||||
<!-- 3. 실행 스크립트 -->
|
||||
<script charset="UTF-8">
|
||||
new daum.roughmap.Lander({
|
||||
"timestamp" : "1757836409022",
|
||||
"key" : "wao8xnsxkey",
|
||||
"mapWidth" : "1280",
|
||||
"mapHeight" : "900"
|
||||
}).render();
|
||||
</script>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content4">
|
||||
<div class="inner_wrap">
|
||||
<ul>
|
||||
<li><img src="/image/web/introduction_way_con4_1.jpg" alt="way"></li>
|
||||
<li><img src="/image/web/introduction_way_con4_2.jpg" alt="way"></li>
|
||||
<li class="pc"><img src="/image/web/introduction_way_con4_3.jpg" alt="way"></li>
|
||||
</ul>
|
||||
<div>
|
||||
<div class="left_box">
|
||||
<p>Contact <span class="red">MADE</span> U</p>
|
||||
<p>
|
||||
정보를 남겨주시면, 빠르게 확인 후 연락드리겠습니다.<br/>
|
||||
다이어트에 대한 고민을 메이드유 강남본점과 상의하세요
|
||||
</p>
|
||||
</div>
|
||||
<div class="right_box">
|
||||
<p>빠른 상담 예약 <span>02.547.4711</span></p>
|
||||
<button onclick="window.open('https://booking.naver.com/booking/6/bizes/162191')">
|
||||
<!-- <img class="naver_img" src="/image/web/naver.svg" alt="naver"/> -->
|
||||
<span>네이버 예약 </span> 바로가기
|
||||
<img src="/image/web/arrow2.svg" alt="arrow"/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</th:block>
|
||||
<th:block layout:fragment="layoutContentScript">
|
||||
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=5b8e8d554e06d9b6cd5f1fb628ed301a&libraries=services"></script>
|
||||
<script src="/js/web/introduction/introductionWaySelect.js"></script>
|
||||
</th:block>
|
||||
</html>
|
||||
Reference in New Issue
Block a user