Personnel Info Page

The Design is in progress

app/components/personelinfo/personelinfo.html

 <div ng-app="ulakbus.personelinfo">
     <div class="starter-template">
         
-        <!-- table view -->
-         <table class="table table-bordered" style="background-color:#fff;">
-          <thead>
-            <tr>
-              <th colspan="2">
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-                    Hepsini Seç2
-              	</label>
-              </th>
-              <th>First Name</th>
-              <th>Last Name</th>
-              <th>Username</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td width="60">
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-                </label>
-              </td>
-              <th scope="row" style="text-align:center">1</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <td>
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-              	</label>
-              </td>
-              <th scope="row" style="text-align:center">2</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <td>
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-              	</label>
-              </td>
-              <th scope="row" style="text-align:center">3</th>
-              <td>Larry</td>
-              <td>the Bird</td>
-              <td>@twitter</td>
-            </tr>
-            <tr>
-              <td width="60">
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-                </label>
-              </td>
-              <th scope="row" style="text-align:center">4</th>
-              <td>Mark</td>
-              <td>Otto</td>
-              <td>@mdo</td>
-            </tr>
-            <tr>
-              <td>
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-              	</label>
-              </td>
-              <th scope="row" style="text-align:center">5</th>
-              <td>Jacob</td>
-              <td>Thornton</td>
-              <td>@fat</td>
-            </tr>
-            <tr>
-              <td>
-              	<label>
-                	<input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-              	</label>
-              </td>
-              <th scope="row" style="text-align:center">6</th>
-              <td>Larry</td>
-              <td>the Bird</td>
-              <td>@twitter</td>
-            </tr>
-          </tbody>
-        </table>
-        <!-- end of table view -->
-        
-       <div class="btn-group">
-          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            İşlemler <span class="caret"></span>
-          </button>
-          <ul class="dropdown-menu">
-            <li><a href="">İşlem 1</a></li>
-            <li><a href="">İşlem 2</a></li>
-            <li><a href="">İşlem 3</a></li>
-            <li role="separator" class="divider"></li>
-            <li><a href="">İşlem 4</a></li>
-          </ul>
+        <div class="personnel-info-container">
+        	<div class="personnel-info-left">
+            	<div class="generic-profile-picture">
+                	<img src="../../img/empty-profile-pic.jpg" />
                 </div>
+            </div>
+        <div class="personnel-info-right">b</div>
 
 
-        <hr>
-
     </div>
 </div>
\ No newline at end of file