orbit-basic/app/views/admin/template_store/index.html.erb

<% content_for :side_bar do %>
  <%= render :partial => 'layouts/side_bar', :locals => {:link_name => t('site.settings'), :link_url => admin_site_site_info_path(@site), :icon => 'icons-cog', :side_bar_content => 'admin/sites/side_bar'} %>
<% end %>

<% content_for :page_specific_css do %>
  <%= stylesheet_link_tag 'normalize' %>
  <%= stylesheet_link_tag 'bootstrap-responsive' %>
  <%= stylesheet_link_tag 'rulingorbit' %>
  <%= stylesheet_link_tag 'template-store' %>
<% end %>


  <div class="wrapper">
    <div id="toolbar">
      <div class="filter fn">
        <span class="label">Price</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">All</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">All</a></li>
            <li><a class="option-item" href="">15,000</a></li>
            <li><a class="option-item" href="">20,000</a></li>
            <li><a class="option-item" href="">25,000</a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Color</span>
        <div class="select single-select" id="color-filter">
          <ul class="option-list">
            <li><a href="" class="ui btn option-default">All</a></li>
            <li><a class="ui btn" href=""><span class="color-tag red"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag yellow"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag green"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag blue"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag purple"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag white"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag gray"></span></a></li>
            <li><a class="ui btn" href=""><span class="color-tag black"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Category</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">All</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">All</a></li>
            <li><a class="option-item" href="">National Taiwan University</a></li>
            <li><a class="option-item" href="">Category 1</a></li>
            <li><a class="option-item" href="">Category 2</a></li>
            <li><a class="option-item" href="">Category 3</a></li>
          </ul>
        </div>
      </div>
      <div class="filter fn">
        <span class="label">Sort by</span>
        <div class="drop-menu ui">
          <a href="" class="controller">
            <span class="option-default">Date</span>
            <span class="arrow down"></span>
          </a>
          <ul class="option-list">
            <li><a class="option-item" href="">Date</a></li>
            <li><a class="option-item" href="">Popular</a></li>
            <li><a class="option-item" href="">Recent Upload</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div id="item-list">
      <ul class="clearfix">
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 1</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 2</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 3</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 4</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 5</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 6</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 7</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 8</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 9</b><span class="item-price">Free</span></span></a></li>
        <li><a href="template_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 10</b><span class="item-price">Free</template_store/showspan></span></a></li>
        <li><a href=""><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 11</b><span class="item-price">Free</template_store/showspan></span></a></li>
        <li><a href=""><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Template 12</b><span class="item-price">Free</span></span></a></li>
      </ul>
    </div>
  </div>