Skip to content

Instantly share code, notes, and snippets.

@kwarodom
Created March 27, 2018 04:00
Show Gist options
  • Save kwarodom/61b3ba500fc2e553943021e0d0e10089 to your computer and use it in GitHub Desktop.
Save kwarodom/61b3ba500fc2e553943021e0d0e10089 to your computer and use it in GitHub Desktop.
mobirize section
<section class="header12 cid-qNk5IbnRmx mbr-fullscreen mbr-parallax-background" id="header12-3">
<div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(15, 118, 153);">
</div>
<div class="container ">
<div class="m-portlet">
<div class="m-portlet__body m-portlet__body--no-padding">
<div class="row m-row--no-padding m-row--col-separator-xl">
<div class="col-md-12 col-lg-12 col-xl-4">
<!--begin:: Widgets/Stats2-1 -->
<div class="m-widget1">
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Member Profit
</h3>
<span class="m-widget1__desc">
Awerage Weekly Profit
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-brand" id="member">
+$17,800
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Orders
</h3>
<span class="m-widget1__desc">
Weekly Customer Orders
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-danger">
+1,800
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Issue Reports
</h3>
<span class="m-widget1__desc">
System bugs and issues
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-success">
-27,49%
</span>
</div>
</div>
</div>
</div>
<!--end:: Widgets/Stats2-1 -->
</div>
<div class="col-md-12 col-lg-12 col-xl-4">
<!--begin:: Widgets/Stats2-2 -->
<div class="m-widget1">
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
IPO Margin
</h3>
<span class="m-widget1__desc">
Awerage IPO Margin
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-accent">
+24%
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Payments
</h3>
<span class="m-widget1__desc">
Yearly Expenses
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-info">
+$560,800
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Logistics
</h3>
<span class="m-widget1__desc">
Overall Regional Logistics
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-warning">
-10%
</span>
</div>
</div>
</div>
</div>
<!--begin:: Widgets/Stats2-2 -->
</div>
<div class="col-md-12 col-lg-12 col-xl-4">
<!--begin:: Widgets/Stats2-3 -->
<div class="m-widget1">
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Orders
</h3>
<span class="m-widget1__desc">
Awerage Weekly Orders
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-success">
+15%
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Transactions
</h3>
<span class="m-widget1__desc">
Daily Transaction Increase
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-danger">
+80%
</span>
</div>
</div>
</div>
<div class="m-widget1__item">
<div class="row m-row--no-padding align-items-center">
<div class="col">
<h3 class="m-widget1__title">
Revenue
</h3>
<span class="m-widget1__desc">
Overall Revenue Increase
</span>
</div>
<div class="col m--align-right">
<span class="m-widget1__number m--font-primary">
+60%
</span>
</div>
</div>
</div>
</div>
<!--begin:: Widgets/Stats2-3 -->
</div>
</div>
</div>
</div>
</div>
<div class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment