<!DOCTYPE html>
<html ng-app="lumx-demo">
<head>
<link rel="stylesheet" href="lumx/css/font.css">
<link rel="stylesheet" href="lumx/css/lumx.css">
</head>
<body>
<div flex-container="row" flex-gutter="24" flex-wrap>
<div flex-item="12" class="mt++">
<span class="fs-title display-block mb">Avatar with text and icon</span>
<div class="divider divider--dark"></div>
<ul class="list mt++">
<li class="list-row list-row--has-separator">
<div class="list-row__primary">
<img src="lumx/img/f1.jpg" width="40" height="40" class="img-round">
</div>
<div class="list-row__content">
<span>Single-line item</span>
</div>
<div class="list-row__secondary">
<i class="icon icon--xs icon--grey icon--flat mdi mdi-information"></i>
</div>
</li>
<li class="list-row list-row--has-separator">
<div class="list-row__primary">
<img src="lumx/img/f2.jpg" width="40" height="40" class="img-round">
</div>
<div class="list-row__content">
<span>Single-line item</span>
</div>
<div class="list-row__secondary">
<i class="icon icon--xs icon--grey icon--flat mdi mdi-information"></i>
</div>
</li>
<li class="list-row list-row--has-separator">
<div class="list-row__primary">
<img src="lumx/img/f3.jpg" width="40" height="40" class="img-round">
</div>
<div class="list-row__content">
<span>Single-line item</span>
</div>
<div class="list-row__secondary">
<i class="icon icon--xs icon--grey icon--flat mdi mdi-information"></i>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar
Kritik dan saran yang membangun 😂