riix

<div class="section-form"><!-- section-form-a -->

	<p>
		<label class="label">글 제목</label>
		<span class="field">
			<input type="text" class="text long" name="input" />
		</span>
	</p>

	<p>

riix

<div class="section-list"><!-- 글 목록 -->
	<table class="core">
		<colgroup>
			<col style="width: 40px;" />
			<col style="width: 80px;" />
			<col style="width: auto;" />
			<col style="width: 120px;" />
			<col style="width: 100px;" />
			<col style="width: 100px;" />
		</colgroup>

riix

<div class="section-view"><!-- section view -->

	<div class="author"><!-- avatar -->
		<div class="avatar">
			<img src="http://lorempixel.com/50/50/sports/" class="avatar" />
		</div>
		<div class="wrote">
			<p>
				<span class="date">작성일:</span>
				<strong class="date">2012-11-11 19:00</strong>

riix

<div id="breadcrumb"><!-- breadcrumb -->
	<div class="core">
		<a href="#" class="home">Home</a>
		&gt;
		<a href="#">UI</a>
		&gt;
		<strong>엘리먼트</strong>
	</div>
</div><!-- // breadcrumb -->

riix

<div class="section-button"><!-- section button -->
	<button class="button button-notify"><i class="ico" data-icon="&#x7a;"></i>알림 메시지</button>
	<button class="button button-notify button-notify-long"><i class="ico" data-icon="&#x7a;"></i>알림 메시지 (Long)</button>
</div><!-- // section button -->

riix

<div class="tab-a tab-toggle"><!-- tab toggle -->
	<ul class="tab">
		<li class="active"><a href="#tab1">탭 1</a></li>
		<li><a href="#tab2">탭 2</a></li>
		<li><a href="#tab3">탭 3</a></li>
	</ul>
	<div class="tab-container">
		<div id="tab1" class="tab-contents active">
			내용1
		</div>

riix

<div class="tab-a"><!-- tab -->
	<ul class="tab">
		<li class="active"><a href="#tab1">탭 1</a></li>
		<li><a href="#tab2">탭 2</a></li>
		<li><a href="#tab3">탭 3</a></li>
	</ul>
	<div class="tab-container">
		<div id="tab4" class="tab-contents active">
			내용1
		</div>

riix

<div class="section-button"><!-- section button -->
	<button class="button" data-type="default"><i class="ico" data-icon="&#x79;"></i>일반</button>
	<button class="button" data-type="confirm"><i class="ico" data-icon="&#x79;"></i>확인</button>
	<button class="button" data-type="prompt"><i class="ico" data-icon="&#x79;"></i>프롬프트</button>
</div><!-- // section button -->

riix

<div class="pagination"><!-- pagination -->
	<ul class="core">
    	<li class="first"><a class="disable" href="#">«</a></li>
        <li class="prev"><a class="disable" href="#">‹</a></li>
    	<li><a class="current" href="">1</a></li>
        <li><a href="">2</a></li>
        <li><a href="">3</a></li>
        <li><a href="">4</a></li>
        <li><a href="">5</a></li>
        <li class="next"><a href="">›</a></li>

riix

function targetfunction(){ 

  //ToDo 

}

function timerFunction(){

    if(index <20 ){
    	//20회 미만이면 실행