orbit-4-1/app/views/admin/module_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 'module-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="">3000</a></li>
          <li><a class="option-item" href="">4000</a></li>
          <li><a class="option-item" href="">5000</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="feature" class="clearfix">
    <div id="feature-nav">
      <ul>
        <li><a href=""><img class="item-thumb" src="assets/image/f_sample.jpg" alt="Thumbnail 1" width="228" height="67"></a></li>
        <li><a href=""><img class="item-thumb" src="" alt="Thumbnail 2" width="228" height="67"></a></li>
        <li><a href=""><img class="item-thumb" src="" alt="Thumbnail 3" width="228" height="67"></a></li>
      </ul>
    </div>
    <div class="holder">
      <ul>
        <li><a href=""><img class="item-thumb" src="assets/image/f_sample.jpg" alt="Thumbnail 1" width="740" height="220"></a></li>
        <li><a href=""><img class="item-thumb" src="" alt="Thumbnail 2" width="740" height="220"></a></li>
        <li><a href=""><img class="item-thumb" src="" alt="Thumbnail 3" width="740" height="220"></a></li>
      </ul>
    </div>
  </div>
  <div id="item-list">
    <ul class="clearfix">
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 1</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 2</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 3</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 4</b><span class="item-price">Free</span></module_store/showspan></a></li>
      <li><a href=""><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 5</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 6</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 7</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 8</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 9</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 10</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 11</b><span class="item-price">Free</span></span></a></li>
      <li><a href="module_store/show"><img src="" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module 12</b><span class="item-price">Free</span></span></a></li>
    </ul>
  </div>
</div>