preloader.html

<div data-page="preloader" class="page" style="padding: 5px 9px;">

	<!--HEADER開始-->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="back link"><i class="icon icon-back"></i><span>上一頁</span></a>
			</div>
			<div class="center">
				preloader
			</div>
			<div class="right">
				<a href="#" data-panel="right" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
			</div>
		</div>
	</div>
	<!--HEADER結束-->

	<!--要捲動的頁面區塊開始-->
	<div class="page-content">
	<style>
    .col-25 {
      padding:5px;
      text-align:center;
    }
    .col-dark {
      background:#222;
    }
  </style>
	<div class="content-block row">
<div class="col-25">Default<br><span class="preloader"></span></div>
<div class="col-25 col-dark">White<br><span class="preloader preloader-white"></span></div>
<div class="col-25">Big<br><span style="width:42px; height:42px" class="preloader"></span></div>
<div class="col-25 col-dark">White<br><span style="width:42px; height:42px" class="preloader preloader-white"></span></div>
</div>
<div class="content-block row">
<div class="col-25">Red<br><span class="preloader preloader-red"></span></div>
<div class="col-25">Blue<br><span class="preloader preloader-blue"></span></div>
<div class="col-25">Yellow<br><span class="preloader preloader-yellow"></span></div>
<div class="col-25">Green<br><span class="preloader preloader-green"></span></div>
</div>
	</div>
	<!--要捲動的頁面區塊開始-->
  
</div>