<!DOCTYPE html>
<html ng-app="lumx-demo">
<head>
<link rel="stylesheet" href="lumx/css/lumx.css">
</head>
<body>
<div flex-container="row" flex-gutter="24">
<div flex-item>
<div class="card">
<div class="card__img card__img--top">
<img src="lumx/img/natural.jpg">
<span class="fs-headline tc-white-1 display-block">Lorem Ipsum</span>
</div>
<div class="p+">
<span class="fs-subhead tc-black-2 display-block">Lorem Ipsum</span>
<div class="paragraph fs-body-1">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tristique orci a lacinia malesuada.
</p>
</div>
</div>
<div class="card__actions">
<button class="btn btn--m btn--black btn--flat" lx-ripple>Share</button>
<button class="btn btn--m btn--orange btn--flat" lx-ripple>Learn more</button>
</div>
</div>
</div>
</div>
<!-- Libs -->
<script src="lumx/js/jquery.js"></script>
<script src="lumx/js/velocity.js"></script>
<script src="lumx/js/moment-with-locales.js"></script>
<script src="lumx/js/highlight.pack.js"></script>
<!-- Angular -->
<script src="lumx/js/angular.js"></script>
<script src="lumx/js/angular-route.js"></script>
<script src="lumx/js/angular-highlightjs.js"></script>
<!-- LumX -->
<script src="lumx/js/lumx.js"></script>
<!-- Button -->
<script src="lumx/js/button_directive.js"></script>
<script src="lumx/js/button_template.js"></script>
<!-- Checkbox -->
<script src="lumx/js/checkbox_directive.js"></script>
<script src="lumx/js/checkbox_template.js"></script>
<!-- Date picker -->
<script src="lumx/js/date-picker_directive.js"></script>
<script src="lumx/js/date-picker_template.js"></script>
<!-- Dialog -->
<script src="lumx/js/dialog_directive.js"></script>
<!-- Dropdown -->
<script src="lumx/js/dropdown_directive.js"></script>
<script src="lumx/js/dropdown_template.js"></script>
<!-- Fab -->
<script src="lumx/js/fab_directive.js"></script>
<script src="lumx/js/fab_template.js"></script>
<!-- File input -->
<script src="lumx/js/file-input_directive.js"></script>
<script src="lumx/js/file-input_template.js"></script>
<!-- Notification -->
<script src="lumx/js/notification_service.js"></script>
<!-- Progress -->
<script src="lumx/js/progress_directive.js"></script>
<script src="lumx/js/progress_service.js"></script>
<script src="lumx/js/progress_template.js"></script>
<!-- Radio -->
<script src="lumx/js/radio-button_directive.js"></script>
<script src="lumx/js/radio-button_template.js"></script>
<!-- Ripple -->
<script src="lumx/js/ripple_directive.js"></script>
<!-- Scrollbar -->
<script src="lumx/js/scrollbar_directive.js"></script>
<!-- Search filter -->
<script src="lumx/js/search-filter_directive.js"></script>
<script src="lumx/js/search-filter_template.js"></script>
<!-- Select -->
<script src="lumx/js/select_directive.js"></script>
<script src="lumx/js/select_template.js"></script>
<!-- Switch -->
<script src="lumx/js/switch_directive.js"></script>
<script src="lumx/js/switch_template.js"></script>
<!-- Tabs -->
<script src="lumx/js/tabs_directive.js"></script>
<script src="lumx/js/tabs_template.js"></script>
<!-- Text field -->
<script src="lumx/js/text-field_directive.js"></script>
<script src="lumx/js/text-field_template.js"></script>
<!-- Thumbnail -->
<script src="lumx/js/thumbnail_directive.js"></script>
<!-- Tooltip -->
<script src="lumx/js/tooltip_directive.js"></script>
<!-- Utils -->
<script src="lumx/js/event-scheduler_service.js"></script>
<script src="lumx/js/transclude_directive.js"></script>
<script src="lumx/js/transclude-replace_directive.js"></script>
<script src="lumx/js/utils_service.js"></script>
<!-- App -->
<script src="lumx/js/app.js"></script>
</body>
</html>
Tidak ada komentar:
Posting Komentar
Kritik dan saran yang membangun 😂