STRONA GŁÓWNA

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 
<div class="userbar-admin"><span class="kwadrat"><i class="fa fa-home"></i></span>&nbsp&nbspORGANIZACJA FORUM</div>
<br />
<div class="userbar-admin"><span class="kwadrat"><i class="fa fa-shopping-cart"></i></span>&nbsp&nbspCENTRUM ZAMÓWIEŃ</div>
<br />
<div class="userbar-admin"><span class="kwadrat"><i class="fa fa-gamepad"></i></span>&nbsp&nbspCOUNTER STRIKE</div>
<br />
<div class="userbar-admin"><span class="kwadrat"><i class="fa fa-shopping-bag"></i></span>&nbsp&nbspTARGOWISKO</div>
<br />
<div class="userbar-admin"><span class="kwadrat"><i class="fa fa-wechat"></i></span>&nbsp&nbspCZAT</div>






body {
   background-color: #1c1c1c;
   font-family: "Segoe UI", sans-serif;
   font-size: 14px;
}

.userbar-admin {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   height: 16px;
   padding: 15px;
   border-radius: 2px;
  font-weight: 500;
   line-height: 5px;
   color: #fff;
   background-color: #8587fe;
}

.kwadrat {
   padding: 10px 12px 10px 12px;
   background-color: #929ee0;
   margin-left: -11px;
   color: white;
   border-radius: 3px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

i.fa {
   font-size: 16px;
}