orbit-basic/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 %>
<% content_for :page_specific_javascript do %>
  <%= javascript_include_tag "jquery.cycle" %>
  <%= javascript_include_tag "modules" %>
<% 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="<%= asset_path "f1.jpg"%>" alt="Thumbnail 1" width="228" height="67"></a></li>
        <li><a href=""><img class="item-thumb" src="<%= asset_path "f2.jpg"%>" alt="Thumbnail 2" width="228" height="67"></a></li>
        <li><a href=""><img class="item-thumb" src="<%= asset_path "f3.jpg"%>" alt="Thumbnail 3" width="228" height="67"></a></li>
      </ul>
    </div>
    <div class="holder">
      <ul>
        <li><a href=""><img class="item-thumb" src="<%= asset_path "f1.jpg"%>" alt="Thumbnail 1" width="740" height="220"></a></li>
        <li><a href=""><img class="item-thumb" src="<%= asset_path "f2.jpg"%>" alt="Thumbnail 2" width="740" height="220"></a></li>
        <li><a href=""><img class="item-thumb" src="<%= asset_path "f3.jpg"%>" alt="Thumbnail 3" width="740" height="220"></a></li>
      </ul>
    </div>
  </div>
  <div id="item-list">
  <ul class="clearfix">
    <% 12.times do |i| %>
      <li><a href="module_store/show?m=<%= i + 1 %>"><img src="/assets/module/thumb/mt<%= i + 1 %>.jpg" alt="" class="item-thumb"><span class="item-info"><b class="item-name">Module <%= i + 1 %></b><span class="item-price">Free</span></span></a></li>
    <% end %>
  </ul>
</div>
</div>