<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="layouts/layout.html">
<body>
<div layout:fragment="content">
<img src="/img/abadalogo.jpg" style="display: block; margin: 0 auto;width:250px; height:200px;"><br>
<div style="text-align: center;">
<h2>ABADA 부천센터</h2>
</div>
<p style="text-align: center;">
<!-- 아바다 카포에이라 동영상 추가 -->
<iframe width="560" height="315" src="/video/abadacapoeira_.mp4"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</p>
<div style="text-align: center;">
<p>지도자-Melancia</p>
<p> ( 이규호 )</p>
<p><img src="/img/Melancia.jpg"
width="217" height="307"
style="cursor: pointer; rwidth: 217px; rheight: 307px;"
id="20141106_163/lkh860808_1415250822447aNR2v_JPEG/%C1%A4%BC%BA%C1%D6.jpg"
onclick="popview(this, '90000003_0000000000000033435A414A')"
alt="" class="_photoImage egjs-visible" data-lazy-src="">
</p>
<p>
ABADÁ-CAPOEIRA 부천지부 대표
</p>
<p>
E-mail : 00000000@naver.com<br>
Youtube : http//www.youtube.com/channel/UC4QBGN8VUE-gnnxpir9dKUw<br>
Tel : 010 0000 0000
</p>
</div>
<div style="text-align: center;">
<p>< 위치 ></p>
</div>
<!-- 지도추가 -->
<div class="map-content" style="text-align: center;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.5711130437426!2d126.75864514088144!3d37.49444612837394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7d51a3862983%3A0xb2e96815dc585201!2z7JWE67CU64ukIOy5tO2PrOyXkOudvCDrtoDsspzshLzthLA!5e0!3m2!1sko!2skr!4v1682657389347!5m2!1sko!2skr"
width="600" height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<a href="https://blog.naver.com/lkh860808"><img src="/img/blog.png" width="50" height="50"></a>
</div>
</body>
</html>드롭다운 추가(2)
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="layouts/layout.html">
<body>
<div layout:fragment="content">
<div style="text-align: center;">
<h2>ABADA 부천 센터 수업 시간</h2><br>
<img src="/img/buabada.jpg" width="886" height="694"><<br>
<p>
<h2>문의 : 010 0000 0000</h2><br>
<h2>-Melancia 멜란시아 (이규호) 선생님</h2>
</p>
</div>
<div class="map-content" style="text-align: center;">
<h2>위치</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.5711130437426!2d126.75864514088144!3d37.49444612837394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7d51a3862983%3A0xb2e96815dc585201!2z7JWE67CU64ukIOy5tO2PrOyXkOudvCDrtoDsspzshLzthLA!5e0!3m2!1sko!2skr!4v1682657389347!5m2!1sko!2skr"
width="886" height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe><br>
<img src="/img/buabadahome.jpg" width="886" height="498">
</div>
</div>
</body>
</html>
비전공 신입 개발자