diff --git a/pagure/templates/user_info.html b/pagure/templates/user_info.html
index 5fedba3..0960cb0 100644
--- a/pagure/templates/user_info.html
+++ b/pagure/templates/user_info.html
@@ -2,6 +2,7 @@
 
 {% block title %}User {{username}}{% endblock %}
 {% set tag = "users" %}
+{% from "_browseheader.html" import browse_header %}
 
 
 {% block header %}
@@ -10,45 +11,40 @@
 {% endblock %}
 
 
-{% from "_render_repo.html" import render_repos %}
-{% from "_render_repo.html" import repos_switch %}
+{% from "_render_repo.html" import render_repos_as_card %}
 
 
 {% block content %}
+<div class="repo-header p-t-1">
+  <div class="container">
+    {{browse_header(select=tag)}}
+  </div>
+</div>
+<div class="p-t-2">
+  <div class="container">
     <h2>
         {{ username | avatar(36) | safe }} {{ username }}
 
     </h2>
-    {{ repos_switch(False, hide=False) }}
     <p title="{{ user.created.strftime('%Y-%m-%d') }}">
       Joined {{ user.created | humanize }}
     </p>
 
-    {{ render_repos(
-            repos, total_page_repos, 'repopage', repopage,
-            'Projects', repos_length, 'repos', hide=False) }}
-    {{ render_repos(
-            forks, total_page_forks, 'forkpage', forkpage,
-            'Forks', forks_length, 'forks', hide=False) }}
+    {{ render_repos_as_card(repos, repos_length, 'Projects') }}
+    {{ render_repos_as_card(forks, forks_length,'Forks',) }}
     <section class="project_list" id="group_list">
         <header>
             <h2>Groups ({{ user.groups | length }})</h2>
         </header>
         {% for group in user.groups %}
-            {% if loop.index == 1 %}
-        <div class="project_row">
-            {% endif %}
-            <a class="project_link logo_link"
-                href="{{ url_for('view_group', group=group) }}"
-                style="background-image: url({{ url_for('static', filename='placebo.png') }})">
-                <span class="repo_name">{{ group }}</span>
-            </a>
-            {% if loop.last %}
-        </div>
-            {% elif loop.index is divisibleby(3) or loop.last %}
-        </div>
-        <div class="project_row">
-            {% endif %}
+          <div class="col-lg-4 col-md-6">
+            <div class="project_wrapper m-b-1">
+                <div class="projecticon pull-xs-left"><span class="oi" data-glyph="people"></span></div>
+                <a class="project_link logo_link" href="{{ url_for('view_group', group=group.group_name)}}">
+                    <div class="repo_name"><strong>{{ group }}</strong></div>
+               </a>
+            </div>
+          </div>
         {% else %}
         <p>No group found</p>
         {% endfor %}
@@ -64,7 +60,8 @@
         </a>
     </section>
     {% endif %}
-
+  </div>
+</div>
 {% endblock %}
 
 {% block jscripts %}