should work

BeHub/Hub/static/css/dashboard.css

-
-html{
-overflow-x: hidden;
-}
-
-
-body {
-  height: 100%;
-
-  background-color :white;
-  /* The html and body elements cannot have any padding or margin. */
-}
-
-#wrap {
-  min-height: 100%;
-  height: auto;
-  /* Negative indent footer by its height */
-  margin: 0 auto -60px;
-  /* Pad bottom by footer height */
-  padding: 25 0 60px;
-}
-
-
-
-.activity-list img {
-  width: 25px;
-  height: 25px;
-  margin-right:6px;
-  position:relative;
-  top:-2px;
-}
-.time-line {
-  margin-left:10px;
-  cursor:default;
-}
-.icon-activity {
-  margin-right:8px;
-  margin-left:6px;
-}
-
-
-.notice {
-    padding: 15px;
-    background-color: #fafafa;
-    border-left: 6px solid #7f7f84;
-    margin-bottom: 10px;
-    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
-       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
-            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
-}
-.notice-sm {
-    padding: 10px;
-    font-size: 80%;
-}
-.notice-lg {
-    padding: 35px;
-    font-size: large;
-}
-.notice-success {
-    border-color: #80D651;
-}
-.notice-success>strong {
-    color: #80D651;
-}
-.notice-info {
-    border-color: #45ABCD;
-}
-.notice-info>strong {
-    color: #45ABCD;
-}
-.notice-warning {
-    border-color: #FEAF20;
-}
-.notice-warning>strong {
-    color: #FEAF20;
-}
-.notice-danger {
-    border-color: #d73814;
-}
-.notice-danger>strong {
-    color: #d73814;
+@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
+
+body {padding-top:50px;}
+
+.box {
+    border-radius: 3px;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+    padding: 10px 25px;
+    text-align: right;
+    display: block;
+    margin-top: 60px;
+}
+.box-icon {
+    background-color: #57a544;
+    border-radius: 50%;
+    display: table;
+    height: 100px;
+    margin: 0 auto;
+    width: 100px;
+    margin-top: -61px;
+}
+.box-icon span {
+    color: #fff;
+    display: table-cell;
+    text-align: center;
+    vertical-align: middle;
+}
+.info h4 {
+    font-size: 26px;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+}
+.info > p {
+    color: #717171;
+    font-size: 16px;
+    padding-top: 10px;
+    text-align: justify;
+}
+.info > a {
+    background-color: #03a9f4;
+    border-radius: 2px;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+    color: #fff;
+    transition: all 0.5s ease 0s;
+}
+.info > a:hover {
+    background-color: #0288d1;
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
+    color: #fff;
+    transition: all 0.5s ease 0s;
 }
\ No newline at end of file

BeHub/Hub/templates/user_panel/content/dashboard.html

@@ -5,19 +5,21 @@
 
 
 <div class="container">
-
-<div class="row">
-<div class="col-md-6">
-    <h2>Twoje projekty</h2>
-{% for user_activity in activity_data.taken_activity %}
-    {% with template="user_panel/content/activity//"|add:user_activity.activity.kind|add:".html" activity=user_activity.activity %}
-    {% include template %}
-    {% endwith %}
-{% endfor %}
-
+    <div class="row">
+        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-lg-offset-3" >
+            <div class="box">
+                <div class="box-icon">
+                    <span class="fa fa-4x fa-html5"></span>
+                </div>
+                <div class="info">
+                    <h4 class="text-center">Gra miejska</h4>
+                    <p>Gra miejska Juwenalia 2015</p>
+                    <a href="" class="btn">Link</a>
+                </div>
+            </div>
         </div>
 
-</div>
+	</div>
 </div>
 
 

BeHub/Hub/templates/user_panel/default/base.html

@@ -12,6 +12,7 @@
         <link rel="stylesheet" type="text/css" href="{% static 'css/footer.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'css/left_bar.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}" />
+
         <title>Activy</title>
     </head>
 

BeHub/Hub/templates/user_panel/default/user_bar.html

@@ -5,7 +5,7 @@
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
       </button>
 
-      <a class="navbar-brand" href="/">Activy</a>
+      <a class="navbar-brand" href="/">FreeBeacon</a>
     </div>