Sabtu, 08 Juli 2017

HTML lumx profil

<!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 flex-container="row">
          <div class="card__img card__img--left" style="height: 160px">
            <img src="lumx/img/f1.jpg">
          </div>

          <div flex-item flex-container="column">
            <div flex-item>
              <div class="p+">
                <strong class="fs-headline display-block">Lorem Ipsum</strong>
                <span class="fs-subhead tc-black-2 display-block">Lorem Ipsum</span>
              </div>
            </div>

            <div class="card__actions">
              <button class="btn btn--m btn--black btn--flat" lx-ripple>Free sample</button>
              <button class="btn btn--m btn--orange btn--flat" lx-ripple>Review</button>
            </div>
          </div>
        </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 😂