<![CDATA[
<style>
@import‎ url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
</style>
<style>
#article{
padding: 0px !important;
}
body>*>*>*>*{
padding-left: 0px !important;
padding-right: 0px !important;
}
</style>
<div id="dnaContent">
<div class="dnaImgBox" style="max-width: 100%;">
<img style="max-width: 100%; margin-left: -20px !important;" src="https://t1.daumcdn.net/cfile/cafe/253F1F5058CFCB3A0A" alt="">
</div>
<div class="dnaSection dnaYellow">
<div class="dnaTitle">DNA 무료 라인 댄스 강습 안내</div>
<div class="dnaText">라인 댄스 무료 강습이 열렸습니다</div>
</div>
<div class="guideBox">
<div class="dnaBox dnaBlue dnaBoxImg" style="background-image: url('http://cfile288.uf.daum.net/image/2744B43C58CFD6AE1C6312')">
<div class="dnaTriangle"></div>
</div>
<div class="dnaBox">
<div class="dnaBoxTextWrap">
<div class="dnaBoxTitle">강습 내용</div>
<div class="dnaBoxText">이번에 배울 라인 댄스는</div>
<div class="dnaBoxText"><b>찰스턴 라인</b>입니다</div>
<a href="https://youtu.be/7NOpgG8P408" class="dnaColorButton" target="_blank">영상 보기</a>
</div>
</div>
<div class="dnaBox">
<div class="dnaBoxTextWrap">
<div class="dnaBoxTitle">강습 시간</div>
<div class="dnaBoxText">3월 21일 (내일)</div>
<div class="dnaBoxText">오후 9시부터!</div>
</div>
</div>
<div class="dnaBox dnaPink dnaBoxImg" style="background-image: url('http://cfile250.uf.daum.net/image/215A2B4B58CFD6321666EB')">
<div class="dnaTriangle"></div>
</div>
<div class="dnaBox dnaBlack dnaBoxImg" style="background-image: url('http://cfile292.uf.daum.net/image/277C8E3A58CFD83A15AEEE')">
<div class="dnaTriangle"></div>
</div>
<div class="dnaBox">
<div class="dnaBoxTextWrap">
<div class="dnaBoxTitle">강사</div>
<div class="dnaBoxText">매니저 랄라라!</div>
</div>
</div>
<div class="dnaBox">
<div class="dnaBoxTextWrap">
<div class="dnaBoxTitle">장소</div>
<div class="dnaBoxText">ann.a swing (앤빠)</div>
<a href="http://cafe.daum.net/dnaswing/aOvc/20" class="dnaColorButton" >자세히 보기</a>
</div>
</div>
<div class="dnaBox dnaYellow dnaBoxImg" style="background-image: url('http://cfile246.uf.daum.net/image/2465663D58CFD99C117DF2')">
<div class="dnaTriangle"></div>
</div>
</div>
<div class="dnaSection dnaBlue">
<div class="dnaTitle">갑자기 강습이 열린 이유?</div>
<div class="dnaText">연합 야외 스윙 행사를 위해서입니다</div>
</div>
<div class="dnaImgBox">
<img src="https://t1.daumcdn.net/cfile/cafe/2450024E58C02FE422" alt="">
</div>
<div class="dnaSection dnaYellow">
<div class="dnaTitle">연합 야외 스윙 행사</div>
<div class="dnaText">3개의 동호회가 함께 보는 글이</div>
<div class="dnaText">수요일에 업로드됩니다</div>
<div class="dnaText">해당 내용을 확인해보세요</div>
</div>
</div>
<style>
#dnaContent{
display: block;
font-family: "Jeju Gothic", "굴림", sans-serif !important;
letter-spacing: 0px;
word-spacing: 0px;
margin: 0px 0px !important;
max-width: 100% !important;
width: 500px;
text-align: center;
}
#dnaContent *{
font-family: "Jeju Gothic", "굴림", sans-serif !important;
max-width: 100%;
}
#dnaContent img{
display: block;
border: none;
margin: 0px 0px;
}
.dnaColorButton{
display: inline-block;
font-size: 13px;
margin-top: 20px;
display: inline-block;
color: #333;
font-weight: bold;
border: 2px solid rgba(0,0,0,0.8);
padding: 10px 25px;
line-height: 1em;
text-decoration: none;
-webkit-transition: color, background-color, border-color 0.3s ease-out;
-moz-transition: color, background-color, border-color 0.3s ease-out;
-o-transition: color, background-color, border-color 0.3s ease-out;
transition: color, background-color, border-color 0.3s ease-out;
}
.dnaBlack .dnaColorButton{
color: #34314c;
}
.dnaPink .dnaColorButton{
color: #ff7473;
}
.dnaBlue .dnaColorButton{
color: #47b8e0;
}
.dnaImgBox{
display: block;
position: relative;
width: 100%;
line-height: 0px;
}
.dnaImgBox img{
display: block;
width: 100%;
margin: 0px 0px !important;
}
.dnaSection{
line-height: 0px;
padding: 20px 10px !important;
}
.dnaYellow{
background-color: #ffc952;
}
.dnaPink{
background-color: #ff7473;
}
.dnaBlue{
background-color: #47b8e0;
}
.dnaBlack{
background-color: #34314c;
}
.dnaSection .dnaTitle{
text-align: center;
width: 100%;
font-size: 25px;
margin-bottom: 10px;
font-weight: bold;
line-height: 35px;
color: #fff;
}
.dnaSection .dnaText{
line-height: 28px;
font-size: 18px;
color: rgba(255, 255, 255, 0.9);
text-align: center;
}
.guideBox{
line-height: 0px;
letter-spacing: 0px !important;
word-spacing: 0px !important;
}
.guideBox:after{
content: "";
display: block;
clear: left;
}
.dnaLogo{
transform: translate(-55%, -50%) !important;
}
.guideBox .dnaBlue .dnaTriangle{
display: block;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #47b8e0;
z-index: 100;
}
.guideBox .dnaBlack .dnaTriangle{
display: block;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #34314c;
z-index: 100;
}
.guideBox .dnaPink .dnaTriangle{
display: block;
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #ff7473;
z-index: 100;
}
.guideBox .dnaYellow .dnaTriangle{
display: block;
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #ffc952;
z-index: 100;
}
.guideBox .dnaBox{
display: block;
position: relative;
float: left;
width: 50%;
padding-top: 50% !important;
}
.guideBox .dnaBox.dnaBoxImg{
background-repeat: no-repeat;
background-position: center center;
background-size: 30%;
border: none;
}
.guideBox .dnaBox img{
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 80%;
transform: translate(-50%, -50%);
}
.dnaWhiteLogo{
transform: translate(-57.5%, -40%) !important;
}
.dnaBoxTextWrap{
display: block;
position: absolute;
left: 0px;
top: 50%;
width: 100%;
transform: translateY(-50%);
line-height: 1.4em;
text-align: center;
box-sizing: border-box;
padding: 20px 0px !important;
}
.dnaBoxTextWrap .dnaBoxTitle{
font-weight: bold;
color: #000;
font-size: 20px;
margin-bottom: 10px;
}
.dnaBoxTextWrap .dnaBoxText{
color: #545454;
font-size: 16px;
}
.dnaVideoBox{
padding: 30px 0px !important;
background-color: #ff7473;
color: #fff;
width: 100%;
text-align: center;
word-spacing: 0px;
text-align: center;
line-height: 1.2em;
}
.dnaVideoBox:after{
content: "";
display: block;
clear: both;
}
.dnaVideoBox b{
color: rgba(255, 255, 255, 0.9) !important;
}
.dnaVideoBox .dnaBox{
float: left;
width: 50%;
max-width: 100%;
box-sizing: border-box;
}
.dnaVideoBox .dnaBox.left{
padding: 20px 20px 30px 20px;
}
.dnaVideoBox .dnaBox.left .dnaTitle{
font-weight: bold;
color: white;
font-weight: bold;
font-size: 19px;
text-align: left;
margin-bottom: 10px;
}
.dnaVideoBox .dnaBox.left .dnaText{
color: #ddd;
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
text-align: left;
}
</style>
<!-- -->
]]>
카페 게시글
▣공지사항▣
강습
DNA 라인 댄스 무료 강습 - 대구 스윙 댄스 동호회 DNA
우리안
추천 0
조회 273
17.03.20 22:46
댓글 13
다음검색
첫댓글 연합 야외 스윙 행사 공지가 늦어지는 점 죄송합니다.
오오 이번엔 9시네용! 연데이 시간변동 없나요?
네~ 변동 없어서 내용이 따로 없어요
야호~~~~~!!!
유후~~~~~!!!
아ㅋㅋㅋ쒼나ㅋㅋㅋㅋㅋ
재밌겠다 ㅋㅋㅋ
예쓰!!!!
찰스턴 라인은 별칭이고 머스켓 럼블이 정식 명칭이네요
'Muskrat Ramble'이니깐, '머스크랫 램블'이라고 해야겠지~
아직 안 익숙한 분들은 이 영상 두세번 보고 가면 재밌게 배우는데 도움될 듯 합니다! 😊
https://youtu.be/h1kPsk3YLgY
PLAY
강사는 영백님으로 변경되었습니다
저는 회식이라는 연장근무..
수고가 많네~