orbit4-5/app/views/admin/groups/members.html.erb

<% content_for :page_specific_css do -%>
    <%= stylesheet_link_tag "lib/group/group-main" %>
    <%= stylesheet_link_tag "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" %>
    <%= stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css" %>
<% end -%>
<% content_for :page_specific_javascript do -%>
    <%= javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" %>
    <%= javascript_include_tag "group.js" %>
<% end -%>
<div class="group-member">
  <div class="group-member-banner-wrap">
    <div class="group-member-banner-image-wrap">
      <img class="group-member-banner-image" src="<%= @group.image.url %>" alt="<%= @group.title %>">
    </div>
    <div class="group-member-bar">
      <h2 class="group-member-page-title"><%= @group.title %> - Members</h2>
    </div>
  </div>
  <div class="group-member-section wrapper">
    <div class="group-member-detail">
      <ul class="group-member-pagenation breadcrumb">
        <li><a href="<%= admin_groups_path %>">My Groups</a> <span class="divider">/</span></li>
        <li><a href="<%= admin_group_path(@group) %>"><%=  @group.title %></a><span class="divider">/</span></li>
        <li class="active">Members</li>
      </ul>
    </div>
    <div class="group-member-dropdown btn-group">
      <button class="btn">All members <span class="badge">20</span></button>
      <button class="btn dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="#">All members <span class="badge">20</span></a></li>
        <li><a href="#">Admins <span class="badge">8</span></a></li>
        <li><a href="#">members <span class="badge">12</span></a></li>
      </ul>
    </div>
      <ul class="group-member-list clearfix">
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
        <li class="group-member-item card">
          <div class="group-member-photo-wrap">
            <img class="group-member-photo" src="http://lorempixel.com/100/100" alt="Member Photo">
          </div>
          <div class="group-member-meta-wrap">
            <div class="group-member-name">
              <a href="#">Joshua Lin</a>
            </div>
          </div>
        </li>
      </ul>
  </div>
</div>