anchor.diff:              <div class="row">
                   <% i = 0 %>
                   <% @user.following.each do |f| %>
  -                    <div class="panel col-md-2" id="userPanel">
  -                        <a href="/users/<%= f.id %>" >
  -                            <div class="row">
  -                                <%= image_tag f.avatar.url(:medium),:width => "120px"%>
  -                            </div>
  -                            <div class="row">
  -                                <%= f.name%>
  -                            </div>
  -                        </a>
  -                    </div>
  +                  <div class="user-heading round">
  +                    <a href="/users/<%= f.id %>"><%= image_tag f.avatar.url(:medium),:width => "120%"%></a>
  +                  </div>
   
  -                    <%i+1%>
  -                    <% if i > 6 %>
  +                    <% i = i+1%>
  +                    <% if i > 12 %>
                           <%break%>
                       <% end %>
                   <% end %>
  
positive.code:             </div>
          </div>
      </section>
  
  
      <!--<section class="panel" style="margin-right:15px;">
          <div class="row" style="margin-right:0px;">
              <div class="col-lg-6">
                  <div class="panel">
                      <div class="panel-body">
                          <div class="bio-chart">
                              <div style="display:inline;width:100px;height:100px;"><canvas width="100" height="100px"></canvas><input class="knob" data-width="100" data-height="100" data-displayprevious="true" data-thickness=".2" value="35" data-fgcolor="#e06b7d" data-bgcolor="#e8e8e8" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(224, 107, 125); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;"></div>
                          </div>
                          <div class="bio-desk">
                              <h4 class="red">Envato Website</h4>
                              <p>Started : 15 July</p>
                              <p>Deadline : 15 August</p>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-lg-6">
                  <div class="panel">
                      <div class="panel-body">
                          <div class="bio-chart">
                              <div style="display:inline;width:100px;height:100px;"><canvas width="100" height="100px"></canvas><input class="knob" data-width="100" data-height="100" data-displayprevious="true" data-thickness=".2" value="63" data-fgcolor="#4CC5CD" data-bgcolor="#e8e8e8" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(76, 197, 205); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;"></div>
                          </div>
                          <div class="bio-desk">
                              <h4 class="terques">ThemeForest CMS </h4>
                              <p>Started : 15 July</p>
                              <p>Deadline : 15 August</p>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-lg-6">
                  <div class="panel">
                      <div class="panel-body">
                          <div class="bio-chart">
                              <div style="display:inline;width:100px;height:100px;"><canvas width="100" height="100px"></canvas><input class="knob" data-width="100" data-height="100" data-displayprevious="true" data-thickness=".2" value="75" data-fgcolor="#96be4b" data-bgcolor="#e8e8e8" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(150, 190, 75); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;"></div>
                          </div>
                          <div class="bio-desk">
                              <h4 class="green">VectorLab Portfolio</h4>
                              <p>Started : 15 July</p>
                              <p>Deadline : 15 August</p>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-lg-6">
                  <div class="panel">
                      <div class="panel-body">
                          <div class="bio-chart">
                              <div style="display:inline;width:100px;height:100px;"><canvas width="100" height="100px"></canvas><input class="knob" data-width="100" data-height="100" data-displayprevious="true" data-thickness=".2" value="50" data-fgcolor="#cba4db" data-bgcolor="#e8e8e8" style="width: 54px; height: 33px; position: absolute; vertical-align: middle; margin-top: 33px; margin-left: -77px; border: 0px; background-image: none; font-weight: bold; font-style: normal; font-variant: normal; font-size: 20px; line-height: normal; font-family: Arial; text-align: center; color: rgb(203, 164, 219); padding: 0px; -webkit-appearance: none; background-position: initial initial; background-repeat: initial initial;"></div>
                          </div>
                          <div class="bio-desk">
                              <h4 class="purple">Adobe Muse Template</h4>
                              <p>Started : 15 July</p>
                              <p>Deadline : 15 August</p>
                          </div>
                      </div>
                  </div>
              </div>
  
          </div>
      </section>-->
  
      <% if  user_signed_in? && current_user!=@user %>
        <div class="button_msg">
  
negative.code:             <div class="row">
                  <% i = 0 %>
                  <% @user.followers.each do |f| %>
                    <div class="user-heading round">
                      <a href="/users/<%= f.id %>"><%= image_tag f.avatar.url(:medium),:width => "120%"%></a>
                    </div>
  
                      <%i = i+1%>
                      <% if i > 6 %>
                          <%break%>
                      <% end %>
  