외부스크립트 소스 > HTML

본문 바로가기
사이트 내 전체검색


HTML

외부스크립트 소스

페이지 정보

작성자 최고관리자 작성일17-04-05 19:48 조회356회 댓글0건

본문

----------------------------------------------------------------------------------------------------------------------------------------------------
외부스크립트 소스로 넣으실때 사용하세요~^^!
----------------------------------------------------------------------------------------------------------------------------------------------------

<script src="https://use.fontawesome.com/a4101d17ac.js"></script><!-- 아이콘관련 -->
<style>
@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

@media all and (min-width:1025px) {
  .container {
    width:100%;
  }
  table{
    width:1100px;
    margin :auto;
  }

  .a {
color:#FF7012;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        font-weight: bold;
        font-size:3em;
}
.b {
color:#353535;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        line-height:1;
        font-size:5em;
}
.c {
color:#353535;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        line-height:1;
        font-size: 2em;
}

}


@media all and (max-width:767px) {
  .container {
    width: 200px;
  }
  .a {
color:#FF7012;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        font-weight: bold;
        font-size: 1em;
}
.b {
color:#353535;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        line-height:0.9;
        font-size: 2em;
}
.c {
color:#353535;
font-family: 'Nanum Brush Script', cursive;
text-align:center;
        line-height:0.9;
        font-size: 1em;
}

}
</style>


<div class="container">
<br><br><table>
<tbody><tr>
    <th class="a">주문접수</th>
    <th rowspan="3"><i class="fa fa-arrow-circle-right" style=" color:#FFC19E;"></i></th>
    <th class="a">입금확인</th>
    <th rowspan="3"><i class="fa fa-arrow-circle-right" style=" color:#FFC19E;"></i></th>
    <th class="a">배송준비중</th>
    <th rowspan="3"><i class="fa fa-arrow-circle-right" style=" color:#FFC19E;"></i></th>
    <th class="a">발송완료</th>
    <th rowspan="3"><i class="fa fa-arrow-circle-right" style="color:#FFC19E;"></i></th>
    <th class="a">거래완료</th>
  </tr>

  <tr class="b">
    <td><i class="fa fa-shopping-cart" style="color:#005766;"></i><br></td>
    <td><i class="fa fa-check-square-o" style="color:#005766;"></i><br></td>
    <td><i class="fa fa-cube" style="color:#005766;"></i><br></td>
    <td><i class="fa fa-truck" style="color:#005766;"></i><br></td>
    <td><i class="fa fa-home" style="color:#005766;;"></i><br></td>
  </tr>

  <tr>
    <td class="c">주문완료 및<br>무통장 입금<br>확인 전 입니다.</td>
    <td class="c">결제완료 및<br>입금확인 후<br>상품을 준비중입니다.</td>
    <td class="c">상품을 포장하여<br>배송을 준비중입니다.<br>(교환 및 환불 요청불가)</td>
    <td class="c">상품이 택배사로<br>전달되어 배송중입니다.<br>(운송장번호로 배송조회)</td>
    <td class="c">상품이 고객님께<br>배송완료되어<br>구매가 확정되었습니다.</td>
  </tr>
</tbody></table>
</div>
<br><br>

댓글목록

등록된 댓글이 없습니다.

상단으로

e-mail : happykwy@naver.com
kang wooyoung

Copyright © www.blessday.co.kr All rights reserved.

모바일 버전으로 보기