base tabler
This commit is contained in:
JACS
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
5
liquid/includes/cards/activity.html
Normal file
5
liquid/includes/cards/activity.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<div class="card" style="height: 28rem">
|
||||
<div class="card-body card-body-scrollable card-body-scrollable-shadow">
|
||||
{% include "parts/activity.html" %}
|
||||
</div>
|
||||
</div>
|
||||
22
liquid/includes/cards/auth-lock.html
Normal file
22
liquid/includes/cards/auth-lock.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
{% assign person = people[0] %}
|
||||
<form class="card card-md" action="{{ page | relative }}/" method="get" autocomplete="off" novalidate>
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-4">
|
||||
<h2 class="card-title">Account Locked</h2>
|
||||
<p class="text-secondary">Please enter your password to unlock your account</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
{% include "ui/avatar.html" person=person size="xl" class="mb-3" %}
|
||||
<h3>{{ person.full_name }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<input type="password" class="form-control" placeholder="Password…">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{% include "ui/button.html" color="primary" block=true icon="lock-open" text="Unlock" %}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
53
liquid/includes/cards/blog-single.html
Normal file
53
liquid/includes/cards/blog-single.html
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
{% assign article-id = include.article-id | default: 2 %}
|
||||
{% assign article = include.article | default: articles[article-id] %}
|
||||
{% assign type = include.type | default: 'none' %}
|
||||
{% assign author = people[article.author] %}
|
||||
{% assign liked = include.liked | default: false %}
|
||||
{% assign truncate = include.truncate | default: 100 %}
|
||||
{% assign avatar = article.author %}
|
||||
|
||||
{% capture card-content %}
|
||||
<h3 class="card-title"><a href="#">{{ article.title }}</a></h3>
|
||||
|
||||
<div class="text-secondary">{{ article.description | truncate: truncate }}</div>
|
||||
|
||||
<div class="d-flex align-items-center pt-4 mt-auto">
|
||||
{% include "ui/avatar.html" person-id=avatar %}
|
||||
<div class="ms-3">
|
||||
<a href="{{ page | relative }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
|
||||
<div class="text-secondary">3 days ago</div>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="icon d-none d-md-inline-block ms-3 {% if liked %}text-red{% else %}text-secondary{% endif %}">
|
||||
{% include "ui/icon.html" icon="heart" use-svg=true %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{%- endcapture %}
|
||||
|
||||
<div class="card d-flex flex-column">
|
||||
|
||||
{% if type == 'aside' %}
|
||||
<div class="row row-0 flex-fill">
|
||||
<div class="col-md-3">
|
||||
<a href="#">
|
||||
<img src="{{ page | relative }}/static/photos/{{ photos[article.image].file }}" class="w-100 h-100 object-cover" alt="Card side image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
{{ card-content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
{% if type == 'image' %}
|
||||
<a href="#">
|
||||
<img class="card-img-top" src="{{ page | relative }}/static/photos/{{ photos[article.image].file }}" alt="{{ article.title | escape}}">
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="card-body d-flex flex-column">
|
||||
{{ card-content }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
5
liquid/includes/cards/body-placeholder.html
Normal file
5
liquid/includes/cards/body-placeholder.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{% assign width = include.width | default: 400 %}
|
||||
{% assign height = include.height | default: 200 %}
|
||||
<div class="card-body{% if include.class %} {{ include.class }}{% endif %}">
|
||||
{% include "ui/svg.html" width=width height=height ratio=include.ratio class="w-100 border rounded" %}
|
||||
</div>
|
||||
12
liquid/includes/cards/card-background-icon.html
Normal file
12
liquid/includes/cards/card-background-icon.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card bg-primary text-primary-fg">
|
||||
<div class="card-stamp">
|
||||
<div class="card-stamp-icon bg-white text-primary">
|
||||
{% include "ui/icon.html" icon="star" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Card with background and icon</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
5
liquid/includes/cards/card-group.html
Normal file
5
liquid/includes/cards/card-group.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<div class="card-group">
|
||||
{% include "cards/card.html" link=true class="text-center" body="This is first card" inactive=true %}
|
||||
{% include "cards/card.html" link=true class="text-center" body="This is second card" active=true %}
|
||||
{% include "cards/card.html" link=true class="text-center" body="This is third card" %}
|
||||
</div>
|
||||
20
liquid/includes/cards/card-image.html
Normal file
20
liquid/includes/cards/card-image.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{% assign img-id = include.img-id | default: 1 %}
|
||||
<div class="card">
|
||||
<div class="row row-0">
|
||||
<div class="col-3{% if include.right %} order-md-last{% endif %}">
|
||||
{% assign class = "w-100 h-100 object-cover" %}
|
||||
{% if include.right %}{% assign class = class | append: " card-img-end" %}{% else %}{% assign class = class | append: " card-img-start" %}{% endif %}
|
||||
{% include "ui/photo.html" id=img-id class=class %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
{% if include.title %}
|
||||
<h3 class="card-title">{{ include.title }}</h3>
|
||||
{% endif %}
|
||||
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
|
||||
incidunt, iste, itaque minima
|
||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
8
liquid/includes/cards/card-ribbon-text.html
Normal file
8
liquid/includes/cards/card-ribbon-text.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div class="card">
|
||||
<div class="ribbon bg-red">NEW</div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Card with text ribbon</h3>
|
||||
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
8
liquid/includes/cards/card-ribbon-top.html
Normal file
8
liquid/includes/cards/card-ribbon-top.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div class="card">
|
||||
<div class="ribbon ribbon-top bg-yellow">{% include "ui/icon.html" icon="star" %}</div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Card with top ribbon</h3>
|
||||
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
39
liquid/includes/cards/card-tabs.html
Normal file
39
liquid/includes/cards/card-tabs.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
{% assign tabs-count = include.count | default: 3 %}
|
||||
{% assign id = include.id | default: 'top' %}
|
||||
{% assign tabs = 'Activity,Profile,Settings' | split: "," %}
|
||||
|
||||
{% capture tabs-html %}
|
||||
<!-- Cards navigation -->
|
||||
<ul class="nav nav-tabs{% if include.bottom %} nav-tabs-bottom{% endif %}">
|
||||
{% for tab in tabs %}
|
||||
<li class="nav-item"><a href="#tab-{{ id }}-{{ forloop.index }}" class="nav-link{% if forloop.first %} active{% endif %}" data-bs-toggle="tab">{{ tab }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{%- endcapture %}
|
||||
|
||||
{% capture tabs-content-html %}
|
||||
<div class="tab-content">
|
||||
{% for tab in tabs %}
|
||||
<!-- Content of card #{{ tab }} -->
|
||||
<div id="tab-{{ id }}-{{ forloop.index }}" class="card tab-pane{% if forloop.first %} active show{% endif %}">
|
||||
<div class="card-body">
|
||||
<div class="card-title">{{ tab }}</div>
|
||||
<p class="text-secondary">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{%- endcapture %}
|
||||
|
||||
<!-- Cards with tabs component -->
|
||||
<div class="card-tabs{% if include.borderless %} border-0{% endif %}">
|
||||
{% if include.bottom %}
|
||||
{{ tabs-content-html }}
|
||||
{{ tabs-html }}
|
||||
{% else %}
|
||||
{{ tabs-html }}
|
||||
{{ tabs-content-html }}
|
||||
{% endif %}
|
||||
</div>
|
||||
114
liquid/includes/cards/card.html
Normal file
114
liquid/includes/cards/card.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
{% assign link = include.link | default: false %}
|
||||
<{% if link %}a href="#"{% else %}div{% endif %} class="card{% if include.active %} card-active{% endif %}{% if include.inactive %} card-inactive{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
|
||||
|
||||
{% if include['empty'] %}
|
||||
{% include "ui/empty.html" illustration="not-found" height=160 %}
|
||||
|
||||
{% else %}
|
||||
|
||||
{% if include.img-top %}
|
||||
{% include "ui/photo.html" id=img-id class="card-img-top" ratio="21x9" id=7 %}
|
||||
{% endif %}
|
||||
|
||||
{% if include.status-top %}
|
||||
<div class="card-status-top bg-{{ include.status-top | default: 'blue' }}"></div>
|
||||
{% elsif include.status-bottom %}
|
||||
<div class="card-status-bottom bg-{{ include.status-bottom | default: 'blue' }}"></div>
|
||||
{% elsif include.status-start %}
|
||||
<div class="card-status-start bg-{{ include.status-start | default: 'blue' }}"></div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.header or include.header-title or include.header-tabs or include.header-pills %}
|
||||
<div class="card-header">
|
||||
{% if include.header-tabs or include.header-pills %}
|
||||
{% include "ui/nav.html" header=true pills=include.header-pills tabs=include.header-tabs %}
|
||||
|
||||
{% else %}
|
||||
<h3 class="card-title">{{ include.header-title | default: 'Header title' }}</h3>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.alert %}
|
||||
<div class="card-alert alert alert-{{ include.alert-type | default: 'success' }} mb-0">
|
||||
{{ include.alert }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="card-body">
|
||||
{% if include.title %}
|
||||
<h3 class="card-title">{{ include.title }}</h3>
|
||||
{% endif %}
|
||||
{% if include.subtitle %}
|
||||
<div class="card-subtitle">Card subtitle</div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.body %}
|
||||
<p class="text-secondary">{{ include.body }}</p>
|
||||
{% else %}
|
||||
<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||
neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
|
||||
{% endif %}
|
||||
|
||||
{% if include.button %}
|
||||
<div class="card-text">
|
||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if include.footer or include.footer-button or include.footer-buttons or include.footer-elements %}
|
||||
<!-- Card footer -->
|
||||
<div class="card-footer">
|
||||
{% if include.footer-elements %}
|
||||
<div class="row align-items-center">
|
||||
{% assign elements = include.footer-elements | split: "," %}
|
||||
|
||||
{% for element in elements %}
|
||||
{% assign el = element %}
|
||||
{% assign first_letter = el | slice: 0 %}
|
||||
{% if first_letter == ">" %}
|
||||
{% assign right = true %}
|
||||
{% assign el = element | slice: 1, element.size %}
|
||||
{% endif %}
|
||||
|
||||
<div class="col-auto{% if right %} ms-auto{% endif %}">
|
||||
{% case el %}
|
||||
{% when "switch" %}
|
||||
{% include "ui/form/check.html" switch=true empty=true checked=true class="m-0" %}
|
||||
{% when "check" %}
|
||||
{% include "ui/form/check.html" empty=true checked=true class="m-0" %}
|
||||
{% when "avatars" %}
|
||||
{% include "ui/avatar-list.html" stacked=true text="+3" size="sm" %}
|
||||
{% when "more" %}
|
||||
<a href="#">More information</a>
|
||||
{% endcase %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% elsif include.footer-button %}
|
||||
<a href="#" class="btn btn-primary">Go somewhere</a>
|
||||
|
||||
{% elsif include.footer-buttons %}
|
||||
<div class="d-flex">
|
||||
<a href="#" class="btn btn-link">Cancel</a>
|
||||
<a href="#" class="btn btn-primary ms-auto">Go somewhere</a>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
This is standard card footer
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.img-bottom %}
|
||||
|
||||
{% include "ui/photo.html" id=img-id class="card-img-bottom" ratio="21x9" id=11 %}
|
||||
{% endif %}
|
||||
|
||||
{% if include.progress %}
|
||||
{% include "ui/progress.html" class="progress-sm card-progress" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</{% if link %}a{% else %}div{% endif %}>
|
||||
8
liquid/includes/cards/carousel.html
Normal file
8
liquid/includes/cards/carousel.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ include.title | default: 'Carousel' }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% include "ui/carousel.html" id=include.id indicators=include.indicators indicators-thumb=include.indicators-thumb indicators-thumb-ratio=include.indicators-thumb-ratio indicators-dot=include.indicators-dot controls=include.controls offset=include.offset fade=include.fade limit=include.limit indicators-vertical=include.indicators-vertical captions=include.captions %}
|
||||
</div>
|
||||
</div>
|
||||
13
liquid/includes/cards/charts/active-users-2.html
Normal file
13
liquid/includes/cards/charts/active-users-2.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="subheader">Active Users</div>
|
||||
<div class="d-flex align-items-baseline mb-2">
|
||||
<div class="h1 mb-0 me-2">25,782</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=-1 %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/chart.html" chart-id="active-users-3" height="12" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
18
liquid/includes/cards/charts/active-users.html
Normal file
18
liquid/includes/cards/charts/active-users.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="subheader">Active subscriptions</div>
|
||||
<div class="ms-auto lh-1">
|
||||
{% include "parts/dropdown/days.html" id="active-users" label="Select time range for active users" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h1 mb-3 me-2">2,986</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=4 %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "ui/chart.html" chart-id="active-users" size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
7
liquid/includes/cards/charts/heatmap.html
Normal file
7
liquid/includes/cards/charts/heatmap.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">{{ include.title }}</h4>
|
||||
|
||||
{% include "ui/chart-heatmap.html" chart-id=include.id id=include.id colors=include.colors scale=include.scale labels=include.labels no-shades=include.no-shades count=include.count color=include.color %}
|
||||
</div>
|
||||
</div>
|
||||
18
liquid/includes/cards/charts/new-clients.html
Normal file
18
liquid/includes/cards/charts/new-clients.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="subheader">New clients</div>
|
||||
<div class="ms-auto lh-1">
|
||||
{% include "parts/dropdown/days.html" id="new-clients" label="Select time range for new clients" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h1 mb-3 me-2">6,782</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=0 %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "ui/chart.html" chart-id="new-clients" size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
17
liquid/includes/cards/charts/revenue.html
Normal file
17
liquid/includes/cards/charts/revenue.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="subheader">Revenue</div>
|
||||
<div class="ms-auto lh-1">
|
||||
{% include "parts/dropdown/days.html" id="revenue" label="Select time range for revenue" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h1 mb-0 me-2">$4,300</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=8 %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/chart.html" chart-id="revenue-bg" size="sm" class="rounded-bottom-3" %}
|
||||
</div>
|
||||
16
liquid/includes/cards/charts/sales.html
Normal file
16
liquid/includes/cards/charts/sales.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="subheader">Sales</div>
|
||||
<div class="ms-auto lh-1">
|
||||
{% include "parts/dropdown/days.html" id="sales" label="Select time range for sales data" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="h1 mb-3">75%</div>
|
||||
<div class="d-flex mb-2">
|
||||
<div>Conversion rate</div>
|
||||
<div class="ms-auto">{% include "ui/trending.html" value=7 %}</div>
|
||||
</div>
|
||||
{% include "ui/progress.html" value=75 color="primary" size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
12
liquid/includes/cards/charts/social-referrals.html
Normal file
12
liquid/includes/cards/charts/social-referrals.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex">
|
||||
<h3 class="card-title">Social referrals</h3>
|
||||
<div class="ms-auto">
|
||||
{% include "parts/dropdown/days.html" id="social-referrals" label="Select time range for sales data" %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/chart.html" chart-id="social-referrals" legend=true %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
9
liquid/includes/cards/charts/total-sales.html
Normal file
9
liquid/includes/cards/charts/total-sales.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% include "ui/card-dropdown.html" %}
|
||||
<h3 class="card-title">Total sales</h3>
|
||||
|
||||
{% include "ui/chart.html" chart-id="total-sales" height=15 %}
|
||||
{% include "ui/chart.html" chart-id="campaigns" height=15 %}
|
||||
</div>
|
||||
</div>
|
||||
14
liquid/includes/cards/charts/total-users.html
Normal file
14
liquid/includes/cards/charts/total-users.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="subheader">Total Users</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h1 mb-0 me-2">75,782</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=2 %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-secondary mt-2">24,635 users increased from last month</div>
|
||||
</div>
|
||||
{% include "ui/chart.html" chart-id="visitors" height="6" %}
|
||||
</div>
|
||||
|
||||
16
liquid/includes/cards/code.html
Normal file
16
liquid/includes/cards/code.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with code</h3>
|
||||
</div>
|
||||
<div class="card-code">
|
||||
{% highlight css %}
|
||||
.card-footer {
|
||||
background: transparent;
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 0 1 2;
|
||||
}
|
||||
}
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
</div>
|
||||
38
liquid/includes/cards/comments.html
Normal file
38
liquid/includes/cards/comments.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">Comments</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
{% for person in people limit: 3 %}
|
||||
<div class="d-flex{% unless forloop.last %} mb-5{% endunless %}">
|
||||
<div class="me-4">
|
||||
{% include "ui/avatar.html" person=person status="green" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div class="d-flex mt-n1">
|
||||
<h5 class="m-0">
|
||||
{{ person.full_name }}
|
||||
</h5>
|
||||
<div class="ms-auto small text-secondary">{{ forloop.index | random_date_ago: 23 | timeago }}</div>
|
||||
</div>
|
||||
<p class="mb-2">
|
||||
{{ comments[forloop.index] }}
|
||||
</p>
|
||||
<div class="small">
|
||||
<span class="text-success me-1">+{{ forloop.index | random_number: 20, 50 }}</span>
|
||||
<a href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Vote Up">{% include "ui/icon.html" icon="chevron-up" %}</a>
|
||||
<a href="#" class="me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Vote Down">
|
||||
{% include "ui/icon.html" icon="chevron-down" %}
|
||||
</a>
|
||||
<span class="me-1">·</span>
|
||||
<a href="#" class="me-1 text-secondary">Reply</a>
|
||||
<span class="me-1">·</span>
|
||||
<a href="#" class="text-secondary">Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
30
liquid/includes/cards/company-employees.html
Normal file
30
liquid/includes/cards/company-employees.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4 class="card-title">Company Employees</h4>
|
||||
</div>
|
||||
<table class="table card-table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2">Name</th>
|
||||
<th>Department</th>
|
||||
<th colspan="2" class="w-25">Progress</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
{% for person in people limit: 5 offset: 20 %}
|
||||
<tr>
|
||||
<td class="w-1">{% include "ui/avatar.html" src=person.photo %}</td>
|
||||
<td><a href="#" class="text-reset">{{ person.full_name }}</a></td>
|
||||
<td>{{ person.department }}</td>
|
||||
<td class="w-1 pe-0">{{ forloop.index | random_number: 30, 90 }}%</td>
|
||||
<td>
|
||||
<div class="progress progress-xs">
|
||||
<div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td><a href="{{ page | relative }}" class="text-secondary">{% include "ui/icon.html" icon="dots" %}</a></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
204
liquid/includes/cards/company-lookup.html
Normal file
204
liquid/includes/cards/company-lookup.html
Normal file
|
|
@ -0,0 +1,204 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center mb-4">
|
||||
<div class="col-auto">
|
||||
<div class="avatar avatar-lg rounded d-block"
|
||||
style="background-image: url(https://logo.clearbit.com/amazon.com?size=100)"></div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="h3 m-0 fw-normal">amazon.com</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Name</h5>
|
||||
<div class="text-secondary-dark">Amazon.com</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Legal Name</h5>
|
||||
<div class="text-secondary-dark">Amazon.com, Inc.</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Ticker</h5>
|
||||
<div class="text-secondary-dark">AMZN</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Founded Year</h5>
|
||||
<div class="text-secondary-dark">1995</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Type</h5>
|
||||
<div class="text-secondary-dark">Public</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Employees</h5>
|
||||
<div class="text-secondary-dark">341,400</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Annual Revenue</h5>
|
||||
<div class="text-secondary-dark">$135B</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row gutters-lg">
|
||||
<div class="col-7">
|
||||
<div class="row mb-5">
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Location</h5>
|
||||
<div class="text-secondary-dark">207 Boren Ave, Seattle, WA 98109, USA</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Timezone</h5>
|
||||
<div class="text-secondary-dark">America/Los_Angeles</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="map-static"
|
||||
style="background-image: url(https://maps.googleapis.com/maps/api/staticmap?center=47.620057,-122.3362675&size=640x120&scale=2&zoom=13&markers=color:blue|47.620057,-122.3362675&key={{ site.googleMapsKey }});"></div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h5 class="mb-4">Recent News</h5>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-5">
|
||||
<a href="#">Amazons Super Bowl commercial might contain a clue about where HQ2 will be</a>
|
||||
<p class="mb-1">Eagleeyed viewers of the Super Bowl spotted something most people missed in Amazons
|
||||
commercial for its Alexa voice assistant Before Alexa lo…</p>
|
||||
<div class="row">
|
||||
<div class="col text-secondary">businessinsider.com</div>
|
||||
<div class="col text-secondary text-end">2 days ago</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-5">
|
||||
<a href="#">Holiday performance propels Amazon to stellar quarter results</a>
|
||||
<p>This story was delivered to BI Intelligence ECommerce Briefing subscribers hours before appearing
|
||||
on Business Insider To be the first to kno…</p>
|
||||
<div class="row">
|
||||
<div class="col text-secondary">businessinsider.com</div>
|
||||
<div class="col text-secondary text-end">2 days ago</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-5">
|
||||
<a href="#">12 highpaying jobs Amazons HQ2 will likely bring to its future city</a>
|
||||
<p class="mb-1">These Amazon jobs all earn over 90000tanleimagesShutterstock</p>
|
||||
<div class="row">
|
||||
<div class="col text-secondary">businessinsider.com</div>
|
||||
<div class="col text-secondary text-end" title="2018-02-02T12:32:00.000Z">4 days ago</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-5">
|
||||
<a href="http://businessinsider.com/amazon-dominates-online-shopping-2018-2">Amazon is tightening its
|
||||
iron grip online</a>
|
||||
<p class="mb-1">ReutersLindsey Wasson To say Amazon is doing well would be an understatement In its
|
||||
latest earnings report the company reported 6045 billion…</p>
|
||||
<div class="row">
|
||||
<div class="col text-secondary">businessinsider.com</div>
|
||||
<div class="col text-secondary text-end" title="2018-02-02T10:45:00.000Z">5 days ago</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="mb-4">
|
||||
<a href="http://businessinsider.com/tough-amazon-interview-questions-you-should-be-prepared-to-answer-2018-1">21
|
||||
tough interview questions you may have to answer if you want to work at Amazon</a>
|
||||
<p class="mb-1">How would you answer Amazon is a peculiar company whats peculiar about youAlex
|
||||
WongGetty Images</p>
|
||||
<div class="row">
|
||||
<div class="col text-secondary">businessinsider.com</div>
|
||||
<div class="col text-secondary text-end" title="2018-02-01T11:25:00.000Z">6 days ago</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-5">
|
||||
<ul class="list-unstyled list-separated">
|
||||
<li>
|
||||
<h5>Description</h5>
|
||||
<div class="text-secondary-dark">
|
||||
Online shopping from the earth's biggest selection of books, magazines, music, DVDs, videos,
|
||||
electronics, computers, software, apparel & acc…
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5>Tags</h5>
|
||||
<div>
|
||||
<span class="tag">E-Commerce & Marketplaces</span>
|
||||
<span class="tag">E-commerce</span>
|
||||
<span class="tag">B2C</span>
|
||||
<span class="tag">Internet</span>
|
||||
<span class="tag">Consumer Discretionary</span>
|
||||
<span class="tag">Technology</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Industry</h5>
|
||||
<div>Internet Software & Services</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Sector</h5>
|
||||
<div>Information Technology</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">SIC Code</h5>
|
||||
<div>59</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">NAICS Code</h5>
|
||||
<div>45</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">EIN</h5>
|
||||
<div>911646860</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Technologies</h5>
|
||||
<div>
|
||||
<span class="tag text-uppercase">amazon associates</span>
|
||||
<span class="tag text-uppercase">amazon ses</span>
|
||||
<span class="tag text-uppercase">dyn dns</span>
|
||||
<span class="tag text-uppercase">omniture adobe analytics</span>
|
||||
<span class="tag text-uppercase">typekit by adobe</span>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Alexa US Rank</h5>
|
||||
<div>5</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Alexa Global Rank</h5>
|
||||
<div>10</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Fiscal Year End</h5>
|
||||
<div>End of December</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Phone</h5>
|
||||
<div>
|
||||
<a href="tel:+1 206-266-1000">+1 206-266-1000</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Crunchbase</h5>
|
||||
<div>
|
||||
<a href="#">crunchbase.com/organization/amazon</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Twitter</h5>
|
||||
<div>
|
||||
<a href="#">twitter.com/amazon</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<h5 class="mb-1">Facebook</h5>
|
||||
<div>
|
||||
<a href="#">facebook.com/amazon</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
33
liquid/includes/cards/configuration.html
Normal file
33
liquid/includes/cards/configuration.html
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">
|
||||
Configuration
|
||||
</h3>
|
||||
<div class="card-actions">
|
||||
<a href="#">
|
||||
Edit configuration{% include "ui/icon.html" icon="edit" class="ms-1" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<dl class="row">
|
||||
<dt class="col-5">Date:</dt>
|
||||
<dd class="col-7">2020-01-05 16:42:29 UTC</dd>
|
||||
|
||||
<dt class="col-5">Account:</dt>
|
||||
<dd class="col-7">tabler</dd>
|
||||
|
||||
<dt class="col-5">Location:</dt>
|
||||
<dd class="col-7">{% include "ui/flag.html" flag="pl" size="xxs" %} Poland</dd>
|
||||
|
||||
<dt class="col-5">IP Address:</dt>
|
||||
<dd class="col-7">46.113.11.3</dd>
|
||||
|
||||
<dt class="col-5">Operating system:</dt>
|
||||
<dd class="col-7">OS X 10.15.2 64-bit</dd>
|
||||
|
||||
<dt class="col-5">Browser:</dt>
|
||||
<dd class="col-7">Chrome</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
47
liquid/includes/cards/credit-card.html
Normal file
47
liquid/includes/cards/credit-card.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<div class="form-label">Card number</div>
|
||||
{% include "ui/form/input-mask.html" mask="0000 0000 0000 0000" visible=true %}
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-label">Card name</div>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Expiration date</label>
|
||||
<div class="row g-2">
|
||||
<div class="col">
|
||||
<select class="form-select">
|
||||
{% for month in (1..12) %}
|
||||
<option value="{{ month }}">{{ month }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="form-select">
|
||||
{% for year in (2020..2030) %}
|
||||
<option value="{{ year }}">{{ year }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="mb-3">
|
||||
<div class="form-label">CVV</div>
|
||||
<input type="number" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2">
|
||||
{% include "ui/button.html" text="Pay now" color="primary" block=true %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
12
liquid/includes/cards/delete-confirm.html
Normal file
12
liquid/includes/cards/delete-confirm.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card card-gradient card-gradient-danger">
|
||||
<div class="card-body p-5 text-center">
|
||||
<h3 class="card-title">Are you sure to delete this card?</h3>
|
||||
<p class="text-secondary">If you delete this card, you will not be able to recover it.</p>
|
||||
|
||||
<div class="btn-list btn-list-center mt-5">
|
||||
{% include "ui/button.html" text="Yes, delete it" color="danger" %}
|
||||
{% include "ui/button.html" text="Cancel" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
45
liquid/includes/cards/development-activity.html
Normal file
45
liquid/includes/cards/development-activity.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<div class="card">
|
||||
<div class="card-header border-0">
|
||||
<div class="card-title">Development activity</div>
|
||||
</div>
|
||||
<div class="position-relative">
|
||||
<div class="position-absolute top-0 left-0 px-3 mt-1 w-75">
|
||||
<div class="row g-2">
|
||||
<div class="col-auto">{% include "ui/chart-sparkline.html" id="activity" percentage=35 type="donut" %}</div>
|
||||
<div class="col">
|
||||
<div>Today's Earning: $4,262.40</div>
|
||||
<div class="text-secondary">{% include "ui/icon.html" icon="trending-up" color="green" class="icon-inline" %} +5% more than yesterday</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/chart.html" chart-id="development-activity" height=12 %}
|
||||
</div>
|
||||
|
||||
<div class="card-table table-responsive">
|
||||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>User</th>
|
||||
<th>Commit</th>
|
||||
<th>Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for commit in commits limit: 5 %}
|
||||
<tr>
|
||||
<td class="w-1">
|
||||
{% include "ui/avatar.html" person-id=forloop.index size="sm" %}
|
||||
</td>
|
||||
<td class="td-truncate">
|
||||
<div class="text-truncate">
|
||||
{{ commit.description }}
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-nowrap text-secondary">{{ commit.date | date_to_string }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
12
liquid/includes/cards/empty-team.html
Normal file
12
liquid/includes/cards/empty-team.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card card-lg card-dashed card-transparent">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
{% include "ui/avatar-list.html" stacked %}
|
||||
</div>
|
||||
<h3 class="card-title">No Team Members</h3>
|
||||
<p class="text-secondary">Invite your team to<br>collaborate on this project.</p>
|
||||
<div class="mt-4">
|
||||
{% include "ui/button.html" text="Invite Members" color="primary" icon="plus" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
18
liquid/includes/cards/forgot-password.html
Normal file
18
liquid/includes/cards/forgot-password.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<form class="card card-md" action="{{ page | relative }}/" method="get" autocomplete="off" novalidate>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title text-center mb-4">Forgot password</h2>
|
||||
|
||||
<p class="text-secondary mb-4">Enter your email address and your password will be reset and emailed to you.</p>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
{% include "ui/button.html" text="Send me new password" block=true color="primary" icon="mail" %}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="text-center text-secondary mt-3">
|
||||
Forget it, <a href="{{ page | relative }}/sign-in.html">send me back</a> to the sign in screen.
|
||||
</div>
|
||||
74
liquid/includes/cards/form/layout.html
Normal file
74
liquid/includes/cards/form/layout.html
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
{% assign horizontal = include.horizontal | default: false %}
|
||||
<form class="card h-100">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ include.title | default: 'Basic form' }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="mb-3{% if horizontal %} row{% endif %}">
|
||||
<label class="{% if horizontal %}col-3 col-form-label{% else %}form-label{% endif %} required">Email address</label>
|
||||
<div{% if horizontal %} class="col"{% endif %}>
|
||||
<input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
<small class="form-hint">We'll never share your email with anyone else.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3{% if horizontal %} row{% endif %}">
|
||||
<label class="{% if horizontal %}col-3 col-form-label{% else %}form-label{% endif %} required">Password</label>
|
||||
<div{% if horizontal %} class="col"{% endif %}>
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
<small class="form-hint">
|
||||
Your password must be 8-20 characters long, contain letters and numbers, and must not contain
|
||||
spaces, special characters, or emoji.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3{% if horizontal %} row{% endif %}">
|
||||
<label class="{% if horizontal %}col-3 col-form-label{% else %}form-label{% endif %}">Select</label>
|
||||
<div{% if horizontal %} class="col"{% endif %}>
|
||||
<select class="form-select">
|
||||
<option>Option 1</option>
|
||||
<optgroup label="Optgroup 1">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
</optgroup>
|
||||
<option>Option 2</option>
|
||||
<optgroup label="Optgroup 2">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
</optgroup>
|
||||
<optgroup label="Optgroup 3">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
</optgroup>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="{% if horizontal %}row{% else %}mb-3{% endif %}">
|
||||
<label class="{% if horizontal %}col-3 col-form-label pt-0{% else %}form-label{% endif %}">Checkboxes</label>
|
||||
<div{% if horizontal %} class="col"{% endif %}>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked>
|
||||
<span class="form-check-label">Option 1</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<span class="form-check-label">Option 2</span>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" disabled>
|
||||
<span class="form-check-label">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="text-end">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
91
liquid/includes/cards/form/payment.html
Normal file
91
liquid/includes/cards/form/payment.html
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<form class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Payment Method</h3>
|
||||
<p class="card-subtitle mb-4">All transactions are secure and encrypted</p>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Name on Card</label>
|
||||
<input type="text" class="form-control" placeholder="John Doe">
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Card Number</label>
|
||||
<input type="text" class="form-control" placeholder="1234 5678 9012 3456">
|
||||
<small class="form-hint">Enter your 16-digit number.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">CVV</label>
|
||||
<input type="text" class="form-control" placeholder="123">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Month</label>
|
||||
<select class="form-select">
|
||||
<option value="">MM</option>
|
||||
<option value="1">January</option>
|
||||
<option value="2">February</option>
|
||||
<option value="3">March</option>
|
||||
<option value="4">April</option>
|
||||
<option value="5">May</option>
|
||||
<option value="6">June</option>
|
||||
<option value="7">July</option>
|
||||
<option value="8">August</option>
|
||||
<option value="9">September</option>
|
||||
<option value="10">October</option>
|
||||
<option value="11">November</option>
|
||||
<option value="12">December</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Year</label>
|
||||
<select class="form-select">
|
||||
<option value="">YYYY</option>
|
||||
<option value="2025">2025</option>
|
||||
<option value="2026">2026</option>
|
||||
<option value="2027">2027</option>
|
||||
<option value="2028">2028</option>
|
||||
<option value="2029">2029</option>
|
||||
<option value="2030">2030</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4" />
|
||||
|
||||
<h3 class="card-title">Billing Address</h3>
|
||||
<p class="card-subtitle mb-4">The billing address associated with your payment method</p>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-check">
|
||||
<input class="form-check-input" type="checkbox" checked>
|
||||
<span class="form-check-label">Same as shipping address</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<hr class="my-4" />
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Comments</label>
|
||||
<textarea class="form-control" rows="3" placeholder="Add any additional comments"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<div class="btn-list">
|
||||
{% include "ui/button.html" text="Submit" color="primary" %}
|
||||
{% include "ui/button.html" text="Cancel" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
28
liquid/includes/cards/gallery-photo.html
Normal file
28
liquid/includes/cards/gallery-photo.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<div class="card card-sm">
|
||||
<a href="#" class="d-block"><img src="{{ page | relative }}/static/photos/{{ photo.file }}" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
{% include "ui/avatar.html" person=include.person class="me-3 rounded" %}
|
||||
<div>
|
||||
<div>{{ include.person.full_name }}</div>
|
||||
<div class="text-secondary">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
|
||||
</div>
|
||||
{% unless include.hide-likes %}
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-secondary">
|
||||
{% include "ui/icon.html" icon="eye" %}
|
||||
{{ forloop.index | random_number: 300, 600 }}
|
||||
</a>
|
||||
<a href="#" class="ms-3 text-secondary">
|
||||
{% assign class = false %}
|
||||
{% if forloop.index > 2 and forloop.index < 9 or forloop.index == 10 %}
|
||||
{% assign class = "icon-filled text-red" %}
|
||||
{% endif %}
|
||||
{% include "ui/icon.html" icon="heart" class=class %}
|
||||
{{ forloop.index | random_number: 20, 100 }}
|
||||
</a>
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
12
liquid/includes/cards/happy-birthday.html
Normal file
12
liquid/includes/cards/happy-birthday.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card card-gradient card-gradient-rainbow">
|
||||
<div class="card-body text-center p-5">
|
||||
<div class="display-5 leading-none mb-2">🍾 🎉</div>
|
||||
<h1>Happy Birthday, Andrew!</h1>
|
||||
<p class="text-secondary">We truly hope your day is brimming with joy, laughter, and countless moments that bring a smile to your face!</p>
|
||||
<p class="text-secondary">To celebrate your special day, here's a discount code just for you: <strong class="text-body">NWYR20</strong>. Enjoy <strong class="text-body">20% off</strong> your next purchase!</p>
|
||||
<div class="mt-5">
|
||||
{% include "ui/button.html" text="Grab my special deal" icon="gift" color="primary" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
27
liquid/includes/cards/icons-banner.html
Normal file
27
liquid/includes/cards/icons-banner.html
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{% assign icons-count = icons-info.count %}
|
||||
|
||||
<div class="card card-md{% if include.class %} {{ include.class }}{% endif %}">
|
||||
<div class="card-stamp card-stamp-lg">
|
||||
<div class="card-stamp-icon bg-primary">
|
||||
{% include "ui/icon.html" icon="ghost" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-10">
|
||||
<h3 class="h1">Tabler Icons</h3>
|
||||
<div class="prose">
|
||||
All icons come from the Tabler Icons set and are MIT-licensed. Visit
|
||||
<a href="{{ site.icons.link }}" target="_blank" rel="noopener">Tabler Icons Website</a>,
|
||||
download any of the {{ icons-count }} icons in SVG, PNG or React and use them in your favourite design tools.
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<a href="{{ site.icons.link }}" class="btn btn-primary" target="_blank" rel="noopener">
|
||||
{% include "ui/icon.html" icon="download" %}
|
||||
Download icons
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
liquid/includes/cards/icons.html
Normal file
29
liquid/includes/cards/icons.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{% assign type = include.type | default: "outline" %}
|
||||
|
||||
{% assign limit = Infinity %}
|
||||
{% if environment == 'development' %}
|
||||
{% assign limit = 20 %}
|
||||
{% endif %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">{{ include.title }}</div>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="demo-icons-list-wrap">
|
||||
<div class="demo-icons-list">
|
||||
{% for icon in icons limit: limit %}
|
||||
{% assign icon-name = icon[0] %}
|
||||
{% if icon[1].svg[type] %}
|
||||
<a href="https://tabler.io/icons/icon/{{ icon-name }}" target="_blank" rel="noopener" class="demo-icons-list-item" title="{{ icon-name }}" data-bs-toggle="tooltip" data-bs-placement="top">
|
||||
{% include "ui/icon.html" icon=icon-name type=type %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for icon in (0..20) %}
|
||||
<div></div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
95
liquid/includes/cards/invoice.html
Normal file
95
liquid/includes/cards/invoice.html
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<p class="h3">Company</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ltd@example.com
|
||||
</address>
|
||||
</div>
|
||||
<div class="col-6 text-end">
|
||||
<p class="h3">Client</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
State, City<br>
|
||||
Region, Postal Code<br>
|
||||
ctr@example.com
|
||||
</address>
|
||||
</div>
|
||||
|
||||
<div class="col-12 my-5">
|
||||
<h1>Invoice INV/001/15</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="table table-transparent table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center" style="width: 1%"></th>
|
||||
<th>Product</th>
|
||||
<th class="text-center" style="width: 1%">Qnt</th>
|
||||
<th class="text-end" style="width: 1%">Unit</th>
|
||||
<th class="text-end" style="width: 1%">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td class="text-center">1</td>
|
||||
<td>
|
||||
<p class="strong mb-1">Logo Creation</p>
|
||||
<div class="text-secondary">Logo and business cards design</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-end">$1.800,00</td>
|
||||
<td class="text-end">$1.800,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2</td>
|
||||
<td>
|
||||
<p class="strong mb-1">Online Store Design & Development</p>
|
||||
<div class="text-secondary">Design/Development for all popular modern browsers</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-end">$20.000,00</td>
|
||||
<td class="text-end">$20.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">3</td>
|
||||
<td>
|
||||
<p class="strong mb-1">App Design</p>
|
||||
<div class="text-secondary">Promotional mobile application</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-end">$3.200,00</td>
|
||||
<td class="text-end">$3.200,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-end">Subtotal</td>
|
||||
<td class="text-end">$25.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-end">Vat Rate</td>
|
||||
<td class="text-end">20%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-end">Vat Due</td>
|
||||
<td class="text-end">$5.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="fw-semibold text-uppercase text-end">Total Due</td>
|
||||
<td class="fw-semibold text-end">$30.000,00</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p class="text-secondary text-center mt-5">Thank you very much for doing business with us. We look forward to working with
|
||||
you again!</p>
|
||||
</div>
|
||||
</div>
|
||||
82
liquid/includes/cards/invoices.html
Normal file
82
liquid/includes/cards/invoices.html
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Invoices</h3>
|
||||
</div>
|
||||
<div class="card-body border-bottom py-3">
|
||||
|
||||
<div class="d-flex">
|
||||
<div class="text-secondary">
|
||||
Show
|
||||
<div class="mx-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm" value="8" size="3" aria-label="Invoices count">
|
||||
</div>
|
||||
entries
|
||||
</div>
|
||||
|
||||
<div class="ms-auto text-secondary">
|
||||
Search:
|
||||
<div class="ms-2 d-inline-block">
|
||||
<input type="text" class="form-control form-control-sm" aria-label="Search invoice">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-selectable card-table table-vcenter text-nowrap datatable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select all invoices"></th>
|
||||
<th class="w-1">No. {% include "ui/icon.html" icon="chevron-up" class="icon-sm icon-thick" %}</th>
|
||||
<th>Invoice Subject</th>
|
||||
<th>Client</th>
|
||||
<th>VAT No.</th>
|
||||
<th>Created</th>
|
||||
<th>Status</th>
|
||||
<th>Price</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for invoice in invoices limit: 8 %}
|
||||
<tr>
|
||||
<td><input class="form-check-input m-0 align-middle table-selectable-check" type="checkbox" aria-label="Select invoice"></td>
|
||||
<td><span class="text-secondary">00{{ forloop.index | plus: 1400 }}</span></td>
|
||||
<td><a href="invoice.html" class="text-reset" tabindex="-1">{{ invoice.name }}</a></td>
|
||||
<td>
|
||||
{% include "ui/flag.html" flag=invoice.country size="xs" class="me-2" %}{{ invoice.client }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.vat-no }}
|
||||
</td>
|
||||
<td>
|
||||
{{ invoice.date }}
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-{{ invoice.status }} me-1"></span> {{ invoice.status-name }}
|
||||
</td>
|
||||
<td>{{ invoice.price }}</td>
|
||||
|
||||
<td class="text-end">
|
||||
<span class="dropdown">
|
||||
<button class="btn dropdown-toggle align-text-top" data-bs-boundary="viewport" data-bs-toggle="dropdown">Actions</button>
|
||||
{% include "ui/dropdown-menu.html" right=true %}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="row g-2 justify-content-center justify-content-sm-between">
|
||||
<div class="col-auto d-flex align-items-center">
|
||||
<p class="m-0 text-secondary">Showing <strong>1 to 8</strong> of <strong>16 entries</strong></p>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/pagination.html" class="m-0 ms-auto" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
9
liquid/includes/cards/map-vector.html
Normal file
9
liquid/includes/cards/map-vector.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{% assign map = include.map | default: "world" %}
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% if include.title %}
|
||||
<h3 class="card-title">{{ include.title }}</h3>
|
||||
{% endif %}
|
||||
{% include "ui/map-vector.html" map-id=map color="primary" ratio="21x9" %}
|
||||
</div>
|
||||
</div>
|
||||
36
liquid/includes/cards/most-visited-pages.html
Normal file
36
liquid/includes/cards/most-visited-pages.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Most Visited Pages</h3>
|
||||
</div>
|
||||
<div class="card-table table-responsive">
|
||||
<table class="table table-vcenter">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Page name</th>
|
||||
<th>Visitors</th>
|
||||
<th>Unique</th>
|
||||
<th colspan="2">Bounce rate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
{% for url in urls limit: 6 %}
|
||||
{% assign data = url.data | join: ',' %}
|
||||
{% assign id = "bounce-rate-" | append: forloop.index %}
|
||||
<tr>
|
||||
<td>
|
||||
{{ url.uri }}
|
||||
<a href="#" class="ms-1" aria-label="Open website">{% include "ui/icon.html" icon="link" %}</a>
|
||||
</td>
|
||||
<td class="text-secondary">{{ url.visitors | format_number }}</td>
|
||||
<td class="text-secondary">{{ url.unique | format_number }}</td>
|
||||
<td class="text-secondary">{{ url.bounce }}</td>
|
||||
<td class="text-end w-1">
|
||||
{% include "ui/chart-sparkline.html" type="line" data=data id=id small=true color="primary" %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
19
liquid/includes/cards/music/track-info.html
Normal file
19
liquid/includes/cards/music/track-info.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{% assign track-id = include.track-id | default: 5 %}
|
||||
{% assign track = tracks[track-id] %}
|
||||
<div class="card">
|
||||
<div class="row row-0">
|
||||
<div class="col-auto">
|
||||
<img src="{{ page | relative }}/static/tracks/{{ track.album.images[1].path }}" class="rounded-start" alt="{{ track.name | escape }}" width="80" height="80">
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
{{ track.name }}
|
||||
<div class="text-secondary">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
38
liquid/includes/cards/music/tracks-list.html
Normal file
38
liquid/includes/cards/music/tracks-list.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<div class="card">
|
||||
<div class="list-group card-list-group">
|
||||
{% for track in tracks limit: 12 %}
|
||||
<div class="list-group-item">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-auto fs-3">
|
||||
{{ forloop.index }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<img src="{{ page | relative }}/static/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="40" height="40">
|
||||
</div>
|
||||
<div class="col">
|
||||
{{ track.name }}
|
||||
<div class="text-secondary">
|
||||
{% for artist in track.artists %}
|
||||
{{ artist.name }}{% unless forloop.last %},{% endunless %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto text-secondary">
|
||||
{{ track.duration_ms | miliseconds_to_minutes }}
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="link-secondary">
|
||||
{% include "ui/switch-icon.html" icon="heart" %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-auto lh-1">
|
||||
<div class="dropdown">
|
||||
<a href="#" class="link-secondary" data-bs-toggle="dropdown">{% include "ui/icon.html" icon="dots" %}</a>
|
||||
{% include "ui/dropdown-menu.html" right=true %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
23
liquid/includes/cards/navbar-apps.html
Normal file
23
liquid/includes/cards/navbar-apps.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="card-title">My Apps</div>
|
||||
|
||||
<div class="card-actions btn-actions">
|
||||
<a href="#" class="btn-action">
|
||||
{% include "ui/icon.html" icon="settings" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body scroll-y p-2" style="max-height: 50vh">
|
||||
<div class="row g-0">
|
||||
{% for brand in brands %}
|
||||
<div class="col-4">
|
||||
<a href="#" class="d-flex flex-column flex-center text-center text-secondary py-2 px-2 link-hoverable">
|
||||
<img src="{{ page | relative }}/static/brands/{{ brand.image }}" class="w-6 h-6 mx-auto mb-2" width="24" height="24" alt="">
|
||||
<span class="h5">{{ brand.name }}</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
78
liquid/includes/cards/navbar-notifications.html
Normal file
78
liquid/includes/cards/navbar-notifications.html
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<div class="card">
|
||||
<div class="card-header d-flex">
|
||||
<h3 class="card-title">Notifications</h3>
|
||||
<div class="btn-close ms-auto" data-bs-dismiss="dropdown"></div>
|
||||
</div>
|
||||
<div class="list-group list-group-flush list-group-hoverable">
|
||||
<div class="list-group-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block">Example 1</a>
|
||||
<div class="d-block text-secondary text-truncate mt-n1">
|
||||
Change deprecated html tags to text decoration classes (#29604)
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="list-group-item-actions">
|
||||
{% include "ui/icon.html" icon="star" color="muted" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-group-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto"><span class="status-dot d-block"></span></div>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block">Example 2</a>
|
||||
<div class="d-block text-secondary text-truncate mt-n1">
|
||||
justify-content:between ⇒ justify-content:space-between (#29734)
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="list-group-item-actions show">
|
||||
{% include "ui/icon.html" icon="star" color="yellow" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-group-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto"><span class="status-dot d-block"></span></div>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block">Example 3</a>
|
||||
<div class="d-block text-secondary text-truncate mt-n1">
|
||||
Update change-version.js (#29736)
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="list-group-item-actions">
|
||||
{% include "ui/icon.html" icon="star" color="muted" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-group-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block">Example 4</a>
|
||||
<div class="d-block text-secondary text-truncate mt-n1">
|
||||
Regenerate package-lock.json (#29730)
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="list-group-item-actions">
|
||||
{% include "ui/icon.html" icon="star" color="muted" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col">{% include "ui/button.html" block text="Archive all" %}</div>
|
||||
<div class="col">{% include "ui/button.html" block text="Mark all as read" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
liquid/includes/cards/order-statistics.html
Normal file
29
liquid/includes/cards/order-statistics.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div>Total orders</div>
|
||||
|
||||
<div class="d-flex align-items-baseline mb-3">
|
||||
<div class="h1 mb-0 me-2">2,137</div>
|
||||
<div class="me-auto">{% include "ui/trending.html" value=7 %}</div>
|
||||
</div>
|
||||
|
||||
{% include "ui/progress.html" values="40,15,25,15,5" class="mb-4" %}
|
||||
|
||||
<ul class="list-unstyled">
|
||||
{% for item in orders %}
|
||||
<li class="row g-2 align-items-center mb-2">
|
||||
<div class="col-auto"><span class="legend bg-{{ item.color }}"></span></div>
|
||||
<div class="col">
|
||||
{{ item.title }}
|
||||
<div class="fs-6 text-secondary">{{ item.subtitle }}</div>
|
||||
</div>
|
||||
<div class="col-auto small text-secondary"><strong class="text-body">{{ forloop.index | random_number: 500, 2000
|
||||
| intcomma }}</strong> orders
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
12
liquid/includes/cards/placeholder/card-1.html
Normal file
12
liquid/includes/cards/placeholder/card-1.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div class="card placeholder-glow">
|
||||
<div class="ratio ratio-21x9 card-img-top placeholder"></div>
|
||||
<div class="card-body">
|
||||
<div class="placeholder col-9 mb-3"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
<div class="placeholder placeholder-xs col-11"></div>
|
||||
|
||||
<div class="mt-3">
|
||||
<a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
14
liquid/includes/cards/placeholder/card-2.html
Normal file
14
liquid/includes/cards/placeholder/card-2.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="card">
|
||||
<div class="row g-0 align-items-center placeholder-glow">
|
||||
<div class="col-3">
|
||||
<div class="ratio ratio-1x1 card-img-start placeholder"></div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
<div class="placeholder col-9 mb-3"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
<div class="placeholder placeholder-xs col-11"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
13
liquid/includes/cards/placeholder/card-3.html
Normal file
13
liquid/includes/cards/placeholder/card-3.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<div class="avatar avatar-rounded placeholder"></div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="placeholder placeholder-xs col-9"></div>
|
||||
<div class="placeholder placeholder-xs col-7"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
11
liquid/includes/cards/placeholder/card-4.html
Normal file
11
liquid/includes/cards/placeholder/card-4.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<div class="card">
|
||||
<div class="card-body py-5 text-center">
|
||||
<div>
|
||||
<div class="avatar avatar-rounded avatar-lg placeholder mb-3"></div>
|
||||
</div>
|
||||
<div class="mt w-75 mx-auto">
|
||||
<div class="placeholder col-9 mb-3"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
10
liquid/includes/cards/placeholder/card-5.html
Normal file
10
liquid/includes/cards/placeholder/card-5.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<div class="card">
|
||||
<div class="card-body text-end placeholder-glow">
|
||||
<div class="placeholder col-9 mb-3"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
<div class="placeholder placeholder-xs col-12"></div>
|
||||
<div class="placeholder placeholder-xs col-11"></div>
|
||||
<div class="placeholder placeholder-xs col-8"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
</div>
|
||||
</div>
|
||||
21
liquid/includes/cards/placeholder/card-6.html
Normal file
21
liquid/includes/cards/placeholder/card-6.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<div class="card">
|
||||
<ul class="list-group list-group-flush placeholder-glow">
|
||||
{% for i in (1..4) %}
|
||||
<li class="list-group-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<div class="avatar avatar-rounded placeholder"></div>
|
||||
</div>
|
||||
<div class="col-7">
|
||||
<div class="placeholder placeholder-xs col-9"></div>
|
||||
<div class="placeholder placeholder-xs col-7"></div>
|
||||
</div>
|
||||
<div class="col-2 ms-auto text-end">
|
||||
<div class="placeholder placeholder-xs col-8"></div>
|
||||
<div class="placeholder placeholder-xs col-10"></div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
13
liquid/includes/cards/pricing-card-enterprise.html
Normal file
13
liquid/includes/cards/pricing-card-enterprise.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<div class="card card-md">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="h3">Enterprise-ready. Reach out for a custom quote.</h2>
|
||||
<p class="m-0 text-secondary">Tabler is designed to work great for large enterprises. Take a look at our feature comparison.</p>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/button.html" text="Book a demo" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
31
liquid/includes/cards/pricing-card.html
Normal file
31
liquid/includes/cards/pricing-card.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
{% assign features = "Sharing Tools|Design Tools|Private Messages|Twitter API" | split: '|' %}
|
||||
{% assign available-features = include.features | default: '1000' | split: '' %}
|
||||
<div class="card card-md">
|
||||
{% if include.featured-color %}
|
||||
{% include "ui/ribbon.html" color=include.featured-color bookmark=true top=true filled=true %}
|
||||
{% endif %}
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-secondary fw-medium">{{ include.category | default: 'Enterprise' }}</div>
|
||||
|
||||
<div class="display-5 fw-bold my-3">${{ include.price | default: '79' }}</div>
|
||||
|
||||
<ul class="list-unstyled lh-lg">
|
||||
<li><strong>{{ include.users | default: 10 }}</strong> Users</li>
|
||||
{% for feature in features %}
|
||||
<li>
|
||||
{% if available-features[forloop.index0] == '1' %}
|
||||
{% include "ui/icon.html" icon="check" class="me-1 text-success" %}
|
||||
{% else %}
|
||||
{% include "ui/icon.html" icon="x" class="me-1 text-danger" %}
|
||||
{% endif %}
|
||||
{{ feature }}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="#" class="btn{% if include.featured-color %} btn-{{ include.featured-color }}{% endif %} w-100">Choose plan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
37
liquid/includes/cards/pricing-plan.html
Normal file
37
liquid/includes/cards/pricing-plan.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<div class="card card-gradient card-gradient-love">
|
||||
<div class="ribbon bg-pink">
|
||||
Featured
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="h-subheader text-pink">
|
||||
Professional
|
||||
</div>
|
||||
<div class="d-flex align-items-baseline mt-5">
|
||||
<div class="display-5">$199</div>
|
||||
<div class="fs-1 text-secondary">/ month</div>
|
||||
</div>
|
||||
<ul class="list-unstyled mt-6 space-y space-y-2">
|
||||
<li class="d-flex gap-2">
|
||||
<div>{% include "ui/icon.html" icon="check" color="success" %}</div>
|
||||
<div><strong>Unlimited</strong> Target Audience</div>
|
||||
</li>
|
||||
<li class="d-flex gap-2">
|
||||
<div>{% include "ui/icon.html" icon="check" color="success" %}</div>
|
||||
<div><strong>1</strong> User Account</div>
|
||||
</li>
|
||||
<li class="d-flex gap-2">
|
||||
<div>{% include "ui/icon.html" icon="check" color="success" %}</div>
|
||||
<div><strong>100+</strong> Video Tuts</div>
|
||||
</li>
|
||||
<li class="d-flex gap-2">
|
||||
<div>{% include "ui/icon.html" icon="x" color="secondary" %}</div>
|
||||
<div class="text-secondary">Public Displays</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="mt-4 text-muted">This plan is perfect for small businesses and startups. It includes all the features you need to get started.</p>
|
||||
<div class="mt-6">
|
||||
{% include "ui/button.html" text="Purchase Now" color="pink" block %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
29
liquid/includes/cards/profile-2.html
Normal file
29
liquid/includes/cards/profile-2.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="media">
|
||||
{% include "ui/avatar.html" person-id=8 size="xl" %}
|
||||
<div class="media-body ms-4">
|
||||
<h3>{{ people[20].first_name }} {{ people[20].last_name }}</h3>
|
||||
<p class="text-secondary mb-0">{{ people[20].job_title }}</p>
|
||||
|
||||
<ul class="social-links list-inline mb-0 mt-2">
|
||||
<li class="list-inline-item">
|
||||
<a href="#" title="Facebook" data-bs-toggle="tooltip">
|
||||
{% include "ui/icon.html" icon="brand-facebook" %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" title="X" data-bs-toggle="tooltip">
|
||||
{% include "ui/icon.html" icon="brand-x" %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="#" title="1234567890" data-bs-toggle="tooltip">
|
||||
{% include "ui/icon.html" icon="phone" %}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
20
liquid/includes/cards/profile-contact.html
Normal file
20
liquid/includes/cards/profile-contact.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{% assign person = include.person | default: people[1] %}
|
||||
<div class="card card-gradient card-gradient-{{ include.color | default: 'yellow' }}">
|
||||
<div class="card-body text-center py-6">
|
||||
<div class="position-absolute top-0 end-0 p-1">
|
||||
<div class="btn btn-action">{% include "ui/icon.html" icon="star" color="yellow" type="filled" %}</div>
|
||||
</div>
|
||||
<div>
|
||||
{% include "ui/avatar.html" size="2xl" person=person shape="rounded-circle" %}
|
||||
</div>
|
||||
<div class="h1 mt-4 mb-1">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
|
||||
<div class="btn-list justify-content-center mt-3">
|
||||
<a href="#" class="btn btn-icon btn-pill" title="Message" data-bs-toggle="tooltip" data-bs-placement="top">{% include "ui/icon.html" icon="message" %}</a>
|
||||
<a href="#" class="btn btn-icon btn-pill" title="Phone" data-bs-toggle="tooltip" data-bs-placement="top">{% include "ui/icon.html" icon="phone" %}</a>
|
||||
<a href="#" class="btn btn-icon btn-pill" title="Email" data-bs-toggle="tooltip" data-bs-placement="top">{% include "ui/icon.html" icon="mail" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
76
liquid/includes/cards/profile-edit-big.html
Normal file
76
liquid/includes/cards/profile-edit-big.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<form class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Edit Profile</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Company</label>
|
||||
<input type="text" class="form-control" disabled placeholder="Company" value="Creative Code Inc.">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Username</label>
|
||||
<input type="text" class="form-control" placeholder="Username" value="michael23">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">First Name</label>
|
||||
<input type="text" class="form-control" placeholder="Company" value="Chet">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-6">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Last Name</label>
|
||||
<input type="text" class="form-control" placeholder="Last Name" value="Faker">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Address</label>
|
||||
<input type="text" class="form-control" placeholder="Home Address" value="Melbourne, Australia">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">City</label>
|
||||
<input type="text" class="form-control" placeholder="City" value="Melbourne">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-3">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Postal Code</label>
|
||||
<input type="number" class="form-control" placeholder="ZIP Code">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Country</label>
|
||||
<select class="form-select">
|
||||
<option value="">Germany</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="mb-2 mb-0">
|
||||
<label class="form-label">About Me</label>
|
||||
<textarea rows="5" class="form-control" placeholder="Here can be your description" value="Mike">Oh so, your weak rhyme
|
||||
You doubt I'll bother, reading into it
|
||||
I'll probably won't, left to my own devices
|
||||
But that's the difference in our opinions.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-end">
|
||||
<button type="submit" class="btn btn-primary">Update Profile</button>
|
||||
</div>
|
||||
</form>
|
||||
39
liquid/includes/cards/profile-edit.html
Normal file
39
liquid/includes/cards/profile-edit.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">My Profile</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="row mb-3">
|
||||
<div class="col-auto">
|
||||
<span class="avatar avatar-lg" style="background-image: url({{ people[11].photo }})"></span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email-Address</label>
|
||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Bio</label>
|
||||
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
||||
</div>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email-Address</label>
|
||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||
</div>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" value="password"/>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button class="btn btn-primary w-100">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
100
liquid/includes/cards/profile-timeline.html
Normal file
100
liquid/includes/cards/profile-timeline.html
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Message">
|
||||
{% include "ui/button.html" icon="camera" icon-only=true %}
|
||||
</div>
|
||||
</div>
|
||||
<ul class="list-group card-list-group">
|
||||
<li class="list-group-item py-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=5 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-end text-secondary">4 min</small>
|
||||
<h4>{{ people[4].first_name }} {{ people[4].last_name }}</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras
|
||||
justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes,
|
||||
nascetur ridiculus mus.
|
||||
</div>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=8 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ people[7].first_name }} {{ people[7].last_name }}: </strong>
|
||||
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
|
||||
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
|
||||
</div>
|
||||
</li>
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=10 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ people[9].first_name }} {{ people[9].last_name }}: </strong>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
|
||||
amet risus.
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item py-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=11 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-end text-secondary">12 min</small>
|
||||
<h4>{{ people[10].first_name }} {{ people[10].last_name }}</h4>
|
||||
</div>
|
||||
<div>
|
||||
Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis
|
||||
parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item py-4">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=15 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<div>
|
||||
<small class="float-end text-secondary">34 min</small>
|
||||
<h4>{{ people[14].first_name }} {{ people[14].last_name }}</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam
|
||||
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
|
||||
</div>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li class="d-flex mt-4">
|
||||
<div>
|
||||
{% include "ui/avatar.html" person-id=6 class="me-3" %}
|
||||
</div>
|
||||
<div class="flex-fill">
|
||||
<strong>{{ people[5].first_name }} {{ people[5].last_name }}: </strong>
|
||||
Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus
|
||||
auctor fringilla. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis.
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
14
liquid/includes/cards/profile.html
Normal file
14
liquid/includes/cards/profile.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<h2 class="mb-3">{{ people[4].first_name }} {{ people[4].last_name }}</h2>
|
||||
|
||||
<p class="mb-4">
|
||||
Big belly rude boy, million dollar hustler. Unemployed.
|
||||
</p>
|
||||
|
||||
<button class="btn btn-outline-primary btn-sm">
|
||||
{% include "ui/icon.html" icon="brand-x" %}
|
||||
Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
25
liquid/includes/cards/project-kanban.html
Normal file
25
liquid/includes/cards/project-kanban.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{% assign offset = include.offset | default: 40 %}
|
||||
{% assign limit = include.limit | default: 7 %}
|
||||
{% assign percentage = include.percentage | default: 20 %}
|
||||
{% assign percentage-color = include.percentage-color | default: "green" %}
|
||||
{% assign due = include.due | default: "2 days" %}
|
||||
<div class="card">
|
||||
{% include "ui/progress.html" value=percentage class="card-progress" color=percentage-color %}
|
||||
<div class="card-body">
|
||||
|
||||
<h3 class="card-title">
|
||||
<a href="#">{{ include.title | default: 'Task Title' }}</a>
|
||||
{% if include.badge %} <span class="badge ms-2">{{ include.badge }}</span>{% endif %}
|
||||
</h3>
|
||||
|
||||
{% include "ui/avatar-list.html" offset=offset limit=limit stacked=true class="mb-3" %}
|
||||
|
||||
<div class="card-meta d-flex justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
{% include "ui/icon.html" icon="check" class="me-2" %}
|
||||
<span>5/10</span>
|
||||
</div>
|
||||
<span>Due {{ due }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
36
liquid/includes/cards/project-progress.html
Normal file
36
liquid/includes/cards/project-progress.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
{% assign project-id = include.project-id | default: 0 %}
|
||||
{% assign project = projects[project-id] %}
|
||||
{% assign progress = include.progress | default: 25 %}
|
||||
{% assign days-ago = include.days-ago | default: 2 %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-3">
|
||||
<img src="{{ project.image }}" alt="{{ project.title | escape }}" class="rounded">
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3 class="card-title mb-1">
|
||||
<a href="#" class="text-reset">{{ project.title }}</a>
|
||||
</h3>
|
||||
<div class="text-secondary">
|
||||
Updated 2 hours ago
|
||||
</div>
|
||||
|
||||
<div class="mt-3">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-auto">
|
||||
{{ progress }}%
|
||||
</div>
|
||||
<div class="col">
|
||||
{% include "ui/progress.html" value=progress size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/card-dropdown.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
14
liquid/includes/cards/project-summary.html
Normal file
14
liquid/includes/cards/project-summary.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="card">
|
||||
<div class="card-body p-4 py-5 text-center">
|
||||
{% include "ui/avatar.html" size="xl" placeholder="W" class="mb-4" color=include.project-color rounded=true %}
|
||||
<h3 class="mb-0">{{ include.title | default: "New website" }}</h3>
|
||||
<p class="text-secondary">Due to: {{ include.date | default: '28 Aug 2019' }}</p>
|
||||
<p class="mb-3">
|
||||
<span class="badge bg-{{ include.stage-color | default: 'green' }}-lt">{{ include.stage | default: 'Waiting' }}</span>
|
||||
</p>
|
||||
<div>
|
||||
{% include "ui/avatar-list.html" stacked=true offset=include.avatar-offset limit=include.avatar-limit %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/progress.html" class="card-progress" value=include.percentage color=include.percentage-color %}
|
||||
</div>
|
||||
13
liquid/includes/cards/ribbon.html
Normal file
13
liquid/includes/cards/ribbon.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{% assign product-id = include.product-id | default: 0 %}
|
||||
{% assign product = products[product-id] %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body"{% unless include.lorem %} style="height: 5rem"{% endunless %}>
|
||||
{% if include.lorem %}
|
||||
<h3 class="card-title">Card with ribbon</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% include "ui/ribbon.html" color=include.color top=include.top left=include.left bottom=include.bottom bookmark=include.bookmark %}
|
||||
</div>
|
||||
20
liquid/includes/cards/sign-in.html
Normal file
20
liquid/includes/cards/sign-in.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<div class="card card-md">
|
||||
<div class="card-body">
|
||||
<h2 class="h2 text-center mb-4">Login to your account</h2>
|
||||
|
||||
{% include "forms/sign-in.html" %}
|
||||
</div>
|
||||
|
||||
{% include "ui/hr.html" text="or" %}
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col">{% include "ui/button.html" block=true icon="brand-github" icon-color="github" text="Login with Github" %}</div>
|
||||
<div class="col">{% include "ui/button.html" block=true icon="brand-x" icon-color="x" text="Login with X" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center text-secondary mt-3">
|
||||
Don't have account yet? <a href="{{ page | relative }}/sign-up.html" tabindex="-1">Sign up</a>
|
||||
</div>
|
||||
32
liquid/includes/cards/sign-up.html
Normal file
32
liquid/includes/cards/sign-up.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<form class="card card-md" action="{{ page | relative }}/" method="get" autocomplete="off" novalidate>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title text-center mb-4">Create new account</h2>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Name</label>
|
||||
<input type="text" class="form-control" placeholder="Enter name">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Password</label>
|
||||
{% include "ui/form/input-group.html" type="password" append-button="eye:Show password" flat=true placeholder="Password" %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-check">
|
||||
<input type="checkbox" class="form-check-input"/>
|
||||
<span class="form-check-label">Agree the <a href="{{ page | relative }}/terms-of-service.html" tabindex="-1">terms and policy</a>.</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary w-100">Create new account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-secondary mt-3">
|
||||
Already have account? <a href="{{ page | relative }}/sign-in.html" tabindex="-1">Sign in</a>
|
||||
</div>
|
||||
26
liquid/includes/cards/small-stats-2.html
Normal file
26
liquid/includes/cards/small-stats-2.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
{% assign icon = include.icon | default: "user" %}
|
||||
{% if include.growth > 0 %}
|
||||
{% assign color="green" %}
|
||||
{% assign arrow="arrow-up" %}
|
||||
{% elsif include.growth < 0 %}
|
||||
{% assign color="red" %}
|
||||
{% assign arrow="arrow-down" %}
|
||||
{% else %}
|
||||
{% assign color="grey" %}
|
||||
{% assign arrow="clock" %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
<div class="card" data-color={{color}}>
|
||||
<div class="card-body">
|
||||
<div class="float-end avatar{% if include.color %} bg-{{ include.color }}{% if include.light %}-lt{% else %} text-white{% endif %}{% endif %}">
|
||||
{% include "ui/icon.html" icon=icon %}
|
||||
</div>
|
||||
<div class="text-secondary fw-normal mt-0">{{ include.title | default: 'Customers' }}</div>
|
||||
<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>
|
||||
<p class="mb-0 text-secondary">
|
||||
{% include "ui/trending.html" value=include.growth %}
|
||||
<span class="text-nowrap">{{ include.description | default: 'Since last month' }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
9
liquid/includes/cards/small-stats-3.html
Normal file
9
liquid/includes/cards/small-stats-3.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<div class="card">
|
||||
<div class="card-body p-2 text-center">
|
||||
<div class="text-end {% if include.percentage > 0 %}text-green{% elsif include.percentage < 0 %}text-red{% endif %}">
|
||||
{% include "ui/trending.html" value=include.percentage %}
|
||||
</div>
|
||||
<div class="h1 m-0">{{ include.number }}</div>
|
||||
<div class="text-secondary mb-3">{{ include.title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
56
liquid/includes/cards/small-stats.html
Normal file
56
liquid/includes/cards/small-stats.html
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
{% assign chart-type = include.chart-type | default: 'line' %}
|
||||
{% assign chart-position = include.chart-position | default: 'right' %}
|
||||
{% assign chart-color = include.color | default: 'primary' %}
|
||||
<div class="card card-sm{% if include.class %} {{ include.class }}{% endif %}">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
{% if include.icon %}
|
||||
<div class="col-auto">
|
||||
<span class="{% if include.color %}bg-{{ include.color }}{% if include.lt %}-lt{% else %} text-white{% endif %}{% endif %} avatar avatar-square">{% include "ui/icon.html" icon=include.icon %}</span>
|
||||
</div>
|
||||
{% elsif include.person-id %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" person-id=include.person-id %}
|
||||
</div>
|
||||
{% elsif include.chart-data and chart-position == "left" %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/chart-sparkline.html" id=include.id data=include.chart-data type=chart-type color=include.color label=include.chart-label label-icon=include.chart-label-icon %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<div class="col">
|
||||
<div class="fw-medium">
|
||||
{{ include.title | default: 1700 }}
|
||||
{% if include.small-icon %}
|
||||
{% include "ui/icon.html" icon=include.small-icon color=include.color class="icon-sm ms-1" %}
|
||||
{% endif %}
|
||||
{% if include.description-value %}
|
||||
<span class="float-end fw-medium text-{{ include.description-value-color | default: 'green' }}">{{ include.description-value }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="text-secondary">
|
||||
{{ include.description | default: "Users" }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if include.chart-data and chart-position=="right" %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/chart-sparkline.html" id=include.id data=include.chart-data type=chart-type color=chart-color label=include.chart-label label-icon=include.chart-label-icon %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.trending %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/trending.html" value=include.trending %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if include.button %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/button.html" text=include.button size="sm" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
29
liquid/includes/cards/social-traffic.html
Normal file
29
liquid/includes/cards/social-traffic.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{% assign services = 'Instagram:3550,Twitter:1798,Facebook:1245,TikTok:986,Pinterest:854,VK:650,Pinterest:420' | split: ',' %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Social Media Traffic</h3>
|
||||
</div>
|
||||
<table class="table card-table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Network</th>
|
||||
<th colspan="2">Visitors</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for service in services %}
|
||||
{% assign s = service | split: ':' %}
|
||||
<tr>
|
||||
<td>{{ s[0] }}</td>
|
||||
<td>{{ s[1] | format_number }}</td>
|
||||
<td class="w-50">
|
||||
<div class="progress progress-xs">
|
||||
|
||||
<div class="progress-bar bg-primary" style="width: {{ s[1] | divided_by: 5000.0 | times: 100 }}%"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
79
liquid/includes/cards/sponsor.html
Normal file
79
liquid/includes/cards/sponsor.html
Normal file
File diff suppressed because one or more lines are too long
17
liquid/includes/cards/stat-card.html
Normal file
17
liquid/includes/cards/stat-card.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{% assign title = include.title | default: "Title" %}
|
||||
{% assign value = include.value | default: "" %}
|
||||
{% assign icon = include.icon | default: "user" %}
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h4 class="subheader mb-1">{{ title }}</h4>
|
||||
<div class="h3 m-0">{{ value }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" icon=icon size="lg" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
23
liquid/includes/cards/stat-gradient.html
Normal file
23
liquid/includes/cards/stat-gradient.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{% assign card-color = include.color | default: 'primary' %}
|
||||
{% assign card-icon = include.icon | default: 'trending-up' %}
|
||||
{% assign card-title = include.title | default: 'Total' %}
|
||||
{% assign card-value = include.value | default: '0' %}
|
||||
{% assign card-progress = include.progress | default: 0 %}
|
||||
|
||||
<div class="card card-gradient card-gradient-{{ card-color }} card-gradient-start">
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col">
|
||||
<h4 class="subheader mb-1">{{ card-title }}</h4>
|
||||
<div class="h3 m-0">{{ card-value }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" icon=card-icon color=card-color %}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
{% include "ui/progress.html" value=card-progress color=card-color size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
33
liquid/includes/cards/storage-usage.html
Normal file
33
liquid/includes/cards/storage-usage.html
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<p class="mb-3">Using Storage <strong>6854.45 MB </strong>of 8 GB</p>
|
||||
<div class="progress progress-separated mb-3">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 44%" aria-label="Regular"></div>
|
||||
<div class="progress-bar bg-info" role="progressbar" style="width: 19%" aria-label="System"></div>
|
||||
<div class="progress-bar bg-success" role="progressbar" style="width: 9%" aria-label="Shared"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-auto d-flex align-items-center pe-2">
|
||||
<span class="legend me-2 bg-primary"></span>
|
||||
<span>Regular</span>
|
||||
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">915MB</span>
|
||||
</div>
|
||||
<div class="col-auto d-flex align-items-center px-2">
|
||||
<span class="legend me-2 bg-info"></span>
|
||||
<span>System</span>
|
||||
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">415MB</span>
|
||||
</div>
|
||||
<div class="col-auto d-flex align-items-center px-2">
|
||||
<span class="legend me-2 bg-success"></span>
|
||||
<span>Shared</span>
|
||||
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">201MB</span>
|
||||
</div>
|
||||
<div class="col-auto d-flex align-items-center ps-2">
|
||||
<span class="legend me-2"></span>
|
||||
<span>Free</span>
|
||||
<span class="d-none d-md-inline d-lg-none d-xxl-inline ms-2 text-secondary">612MB</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
22
liquid/includes/cards/store-list.html
Normal file
22
liquid/includes/cards/store-list.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<div class="card">
|
||||
<table class="table card-table table-vcenter">
|
||||
{% for product in products %}
|
||||
<tr>
|
||||
<td><img src="{{ page | relative }}/img/products/{{ product.image }}" alt="" class="h-16"></td>
|
||||
<td>
|
||||
{{ product.name }}
|
||||
|
||||
{% assign mod = forloop.index | modulo: 2 %}
|
||||
{% if mod == 0 %}
|
||||
<span class="badge badge-secondary-lt">New</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="text-end text-secondary d-none d-md-table-cell text-nowrap">{{ forloop.index | random_number: 4, 100 }} reviews</td>
|
||||
<td class="text-end text-secondary d-none d-md-table-cell text-nowrap">{{ forloop.index | random_number: 4, 50 }} offers</td>
|
||||
<td class="text-end">
|
||||
<strong>{{ product.price }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
20
liquid/includes/cards/store-product-grid.html
Normal file
20
liquid/includes/cards/store-product-grid.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<div class="row">
|
||||
{% for product in products%}
|
||||
<div class="col-lg-3">
|
||||
<div class="card p-3">
|
||||
<img src="{{ page | relative }}/img/products/{{ product.image }}" alt="" class="mb-3">
|
||||
<h3 class="mb-0">{{product.name}}</h3>
|
||||
<div class="text-secondary mb-2">{{product.producer}}</div>
|
||||
<h1 class="text-azure">{{product.price}}$</h1>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
{% include "ui/stars.html" %}
|
||||
|
||||
<a href="#" class="btn btn-primary">Add to cart</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
{% include "ui/pagination.html" class="ms-auto" %}
|
||||
</div>
|
||||
18
liquid/includes/cards/store-product.html
Normal file
18
liquid/includes/cards/store-product.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{% assign product-id = include.product-id | default: 1 %}
|
||||
{% assign product = products[product-id] %}
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-4 text-center">
|
||||
<img src="{{ page | relative }}/static/products/{{ product.image }}" alt="{{ product.name }}" class="img-fluid">
|
||||
</div>
|
||||
<h4 class="card-title"><a href="#">{{ product.name }}</a></h4>
|
||||
<div class="mt-5 d-flex align-items-center">
|
||||
<div class="h3 mb-0">
|
||||
<strong>{{ product.price }}</strong>
|
||||
</div>
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="btn btn-primary">{% include "ui/icon.html" icon='shopping-cart' %} Buy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
30
liquid/includes/cards/subscribe.html
Normal file
30
liquid/includes/cards/subscribe.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = people[person-id] %}
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row g-2 align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" person=person size="lg" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<h4 class="card-title m-0">
|
||||
<a href="#">{{ person.full_name }}</a>
|
||||
</h4>
|
||||
<div class="text-secondary">
|
||||
Working in {{ person.company }}
|
||||
</div>
|
||||
<div class="small mt-1">
|
||||
<span class="badge bg-green"></span> Online
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="#" class="btn">
|
||||
Subscribe
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/card-dropdown.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
14
liquid/includes/cards/success-message.html
Normal file
14
liquid/includes/cards/success-message.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<div class="card card-gradient card-gradient-success">
|
||||
<div class="card-body p-5 text-center">
|
||||
<div class="mb-3">
|
||||
{% include "ui/icon.html" icon="circle-check" class="icon-lg" color="success" %}
|
||||
</div>
|
||||
<h3 class="card-title">Success!</h3>
|
||||
<p class="text-secondary">Your changes have been saved successfully.</p>
|
||||
|
||||
<div class="btn-list btn-list-center mt-5">
|
||||
{% include "ui/button.html" text="Continue" color="success" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
67
liquid/includes/cards/table-users.html
Normal file
67
liquid/includes/cards/table-users.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<div class="card">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2">User</th>
|
||||
<th>Usage</th>
|
||||
<th class="text-center">Payment</th>
|
||||
<th>Activity</th>
|
||||
<th class="w-1">Satisfaction</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
{% for person in people limit: 8 offset: 50 %}
|
||||
{% assign percentage = forloop.index | random_number %}
|
||||
{% assign time_offset = forloop.index | random_number: 0, 800 %}
|
||||
{% assign register_offset = forloop.index | random_number: 0, 8000000 %}
|
||||
{% assign percentage_color = percentage | number_color %}
|
||||
|
||||
<tr>
|
||||
<td class="text-center w-1">
|
||||
{% include "ui/avatar.html" person-id=person.id %}
|
||||
</td>
|
||||
<td>
|
||||
<div>{{ person.full_name }}</div>
|
||||
<div class="small text-secondary">
|
||||
Registered: {{ 'now' | date: "%s" | minus: register_offset | date: '%b %-d, %Y' }}
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="clearfix">
|
||||
<div class="float-start">
|
||||
<strong>{{ percentage }}%</strong>
|
||||
</div>
|
||||
<div class="float-end">
|
||||
<small class="text-secondary">Jun 11, 2015 - Jul 10, 2015</small>
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/progress.html" value=percentage size="sm" color=percentage_color %}
|
||||
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{% capture payment %}
|
||||
{%- cycle 'visa', 'googlewallet', 'mastercard', 'shopify', 'ebay', 'paypal' -%}
|
||||
{%- endcapture %}
|
||||
{% include "ui/payment.html" payment=payment %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="small text-secondary">Last login</div>
|
||||
<div>{{ 'now' | date: "%s" | minus: time_offset | to_pretty_time }}</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{% assign percentage = forloop.index | random_number: 0, 100 %}
|
||||
<!-- <div class="mx-auto" data-value="{{ circle-percentage | divide: 100 }}"-->
|
||||
<!-- data-thickness="3" data-color="primary">-->
|
||||
<!-- <div class="chart-circle-value">{{ percentage }}%</div>-->
|
||||
<!-- </div>-->
|
||||
{% include "ui/chart-sparkline.html" percentage=percentage type="donut" %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
24
liquid/includes/cards/tables/progressbg.html
Normal file
24
liquid/includes/cards/tables/progressbg.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Top Pages</h3>
|
||||
|
||||
<table class="table table-sm table-borderless">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Page</th>
|
||||
<th class="text-end">Visitors</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for url in urls limit: 8 %}
|
||||
<tr>
|
||||
<td>
|
||||
{% include "ui/progressbg.html" value=url.bounce text=url.uri %}
|
||||
</td>
|
||||
<td class="w-1 fw-medium text-end">{{ url.visitors }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
67
liquid/includes/cards/tabs.html
Normal file
67
liquid/includes/cards/tabs.html
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
{% assign id = include.id %}
|
||||
{% assign icon-class = "me-2" %}
|
||||
{% if include.hide-text %}
|
||||
{% assign icon-class = "" %}
|
||||
{% endif %}
|
||||
{% assign reverse = include.reverse | default: false %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<ul class="nav nav-tabs card-header-tabs{% if reverse %} flex-row-reverse{% endif %}{% if include.justified %} nav-fill{% endif %}" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-{{ id }}" class="nav-link active" data-bs-toggle="tab">{% if include.icons %}{% include "ui/icon.html" icon="home" class=icon-class %}{% endif %}{% unless include.hide-text %}Home{% endunless %}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-{{ id }}" class="nav-link" data-bs-toggle="tab">{% if include.icons %}{% include "ui/icon.html" icon="user" class=icon-class %}{% endif %}{% unless include.hide-text %}Profile{% endunless %}</a>
|
||||
</li>
|
||||
|
||||
{% if include.activity %}
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-activity-{{ id }}" class="nav-link" data-bs-toggle="tab">{% if include.icons %}{% include "ui/icon.html" icon="activity" class=icon-class %}{% endif %}{% unless include.hide-text %}Activity{% endunless %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if include.disabled %}
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-activity-{{ id }}" class="nav-link disabled" data-bs-toggle="tab">{% if include.icons %}{% include "ui/icon.html" icon="x" class=icon-class %}{% endif %}{% unless include.hide-text %}Disabled{% endunless %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if include.dropdown %}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
{% include "ui/dropdown-menu.html" %}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if include.settings %}
|
||||
<li class="nav-item {% if reverse %}me-auto{% else %}ms-auto{% endif %}">
|
||||
<a href="#tabs-settings-{{ id }}" class="nav-link" title="Settings" data-bs-toggle="tab">{% include "ui/icon.html" icon="settings" %}</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane{% if include.animation %} fade{% endif %} active show" id="tabs-home-{{ id }}">
|
||||
<h4>Home tab</h4>
|
||||
<div>Cursus turpis vestibulum, dui in pharetra vulputate id sed non turpis ultricies fringilla at sed facilisis lacus pellentesque purus nibh</div>
|
||||
</div>
|
||||
<div class="tab-pane{% if include.animation %} fade{% endif %}" id="tabs-profile-{{ id }}">
|
||||
<h4>Profile tab</h4>
|
||||
<div>Fringilla egestas nunc quis tellus diam rhoncus ultricies tristique enim at diam, sem nunc amet, pellentesque id egestas velit sed</div>
|
||||
</div>
|
||||
{% if include.settings %}
|
||||
<div class="tab-pane{% if include.animation %} fade{% endif %}" id="tabs-settings-{{ id }}">
|
||||
<h4>Settings tab</h4>
|
||||
<div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if include.activity %}
|
||||
<div class="tab-pane{% if include.animation %} fade{% endif %}" id="tabs-activity-{{ id }}">
|
||||
<h4>Activity tab</h4>
|
||||
<div>Donec ac vitae diam amet vel leo egestas consequat rhoncus in luctus amet, facilisi sit mauris accumsan nibh habitant senectus</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
36
liquid/includes/cards/tasks.html
Normal file
36
liquid/includes/cards/tasks.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Tasks</h3>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-selectable card-table table-vcenter">
|
||||
{% for task in tasks-list %}
|
||||
<tr>
|
||||
<td class="w-1 pe-0">
|
||||
<input type="checkbox" class="form-check-input m-0 align-middle table-selectable-check" aria-label="Select task"{% if task.checked %} checked{% endif %} >
|
||||
</td>
|
||||
<td class="w-100">
|
||||
<a href="#" class="text-reset">{{ task.name }}</a>
|
||||
</td>
|
||||
<td class="text-nowrap text-secondary">
|
||||
{% include "ui/icon.html" icon="calendar" %}
|
||||
{{ forloop.index | random_date | date: '%B %d, %Y' }}
|
||||
</td>
|
||||
<td class="text-nowrap">
|
||||
<a href="#" class="text-secondary">
|
||||
{% include "ui/icon.html" icon="check" %}
|
||||
{{ forloop.index | random_number: 0, 6 }}/{{ forloop.index | random_number: 5, 10 }}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-nowrap">
|
||||
<a href="#" class="text-secondary">
|
||||
{% include "ui/icon.html" icon="message" %} {{ forloop.index | random_number: 0, 12 }}</a>
|
||||
</td>
|
||||
<td>
|
||||
{% include "ui/avatar.html" size="sm" person-id=forloop.index %}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
11
liquid/includes/cards/user-card-bg.html
Normal file
11
liquid/includes/cards/user-card-bg.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = people[person-id] %}
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-cover card-cover-blurred text-center{% if include.blurred %} card-cover-blurred{% endif %}" style="background-image: url({{ page | relative }}/static/photos/{{ photos[person-id].file }})">
|
||||
{% include "ui/avatar.html" size="xl" person=person thumb=true rounded=true %}
|
||||
</div>
|
||||
<div class="card-body text-center">
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
</div>
|
||||
</a>
|
||||
12
liquid/includes/cards/user-card-big.html
Normal file
12
liquid/includes/cards/user-card-big.html
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = people[person-id] %}
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
{% include "ui/avatar.html" size="xl" person=person rounded=true %}
|
||||
</div>
|
||||
<div class="card-title mb-1">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
</div>
|
||||
<a href="#" class="card-btn">View full profile</a>
|
||||
</div>
|
||||
20
liquid/includes/cards/user-card.html
Normal file
20
liquid/includes/cards/user-card.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
{% assign person-id = include.person-id | default: 0 %}
|
||||
{% assign person = people[person-id] %}
|
||||
{% capture col-avatar %}
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" person=person class="rounded" %}
|
||||
</div>
|
||||
{%- endcapture %}
|
||||
|
||||
<a class="card card-link" href="#">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
{% unless include.right %}{{ col-avatar }}{% endunless %}
|
||||
<div class="col">
|
||||
<div class="fw-medium">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
</div>
|
||||
{% if include.right %}{{ col-avatar }}{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
32
liquid/includes/cards/user-info.html
Normal file
32
liquid/includes/cards/user-info.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{% assign person-id = include.person-id | default: 25 | minus: 1 %}
|
||||
{% assign person = people[person-id] %}
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-title">{{ include.title | default: 'Basic info' }}</div>
|
||||
<div class="mb-2">
|
||||
{% include "ui/icon.html" icon="book" class="me-2 text-secondary" %}
|
||||
Went to: <strong>{{ person.university }}</strong>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
{% include "ui/icon.html" icon="briefcase" class="me-2 text-secondary" %}
|
||||
Worked at: <strong>{{ person.company }}</strong>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
{% include "ui/icon.html" icon="home" class="me-2 text-secondary" %}
|
||||
Lives in: <strong>{{ person.city }}, {{ person.country }}</strong>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
{% include "ui/icon.html" icon="map-pin" class="me-2 text-secondary" %}
|
||||
From: <strong>{% include "ui/flag.html" size="xs" flag=person.country_code %} {{ person.country }}</strong>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
{% include "ui/icon.html" icon="calendar" class="me-2 text-secondary" %}
|
||||
Birth date: <strong>{{ person.birth_date }}</strong>
|
||||
</div>
|
||||
<div>
|
||||
{% include "ui/icon.html" icon="clock" class="me-2 text-secondary" %}
|
||||
Time zone: <strong>{{ person.time_zone }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
26
liquid/includes/cards/users-list-2.html
Normal file
26
liquid/includes/cards/users-list-2.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
{% assign limit = include.limit | default: 10 %}
|
||||
{% assign offset = include.offset | default: 0 %}
|
||||
<div class="card{% if include.class %} {{ include.class }}{% endif %}">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ include.title | default: 'Top users' }}</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
{% assign colors = 'green,red,yellow,x,x' | split: ',' %}
|
||||
{% for person in people limit: limit offset: offset %}
|
||||
{% assign color = forloop.index | plus: 5 | random_item: colors %}
|
||||
<div class="col-6">
|
||||
<div class="row g-3 align-items-center">
|
||||
<a href="#" class="col-auto">
|
||||
{% include "ui/avatar.html" person=person status=color %}
|
||||
</a>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-reset d-block text-truncate">{{ person.full_name }}</a>
|
||||
<div class="text-secondary text-truncate mt-n1">{{ forloop.index | random_date_ago: 6 | timeago }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
32
liquid/includes/cards/users-list-headers.html
Normal file
32
liquid/includes/cards/users-list-headers.html
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ include.title | default: 'People' }}</h3>
|
||||
</div>
|
||||
|
||||
<div class="list-group list-group-flush overflow-auto" style="max-height: 35rem">
|
||||
{% assign prev-letter = '' %}
|
||||
{% assign people = people | sort: 'last_name' %}
|
||||
|
||||
{% for person in people %}
|
||||
{% assign first-letter = person.last_name | slice: 0 %}
|
||||
{% if prev-letter != first-letter %}
|
||||
{% assign prev-letter = first-letter %}
|
||||
<div class="list-group-header sticky-top">{{ prev-letter }}</div>
|
||||
{% endif %}
|
||||
<div class="list-group-item">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<a href="#">
|
||||
{% include "ui/avatar.html" person=person %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-body d-block">{{ person.full_name }}</a>
|
||||
{% assign i = forloop.index | plus: offset %}
|
||||
<div class="text-secondary text-truncate mt-n1">{{ commits[i].description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
46
liquid/includes/cards/users-list.html
Normal file
46
liquid/includes/cards/users-list.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
{% assign limit = include.limit | default: 8 %}
|
||||
{% assign offset = include.offset | default: 0 %}
|
||||
{% assign hoverable = include.hoverable | default: false %}
|
||||
{% assign checked-ids = include.checked-ids | default: '' | split: ',' %}
|
||||
<div class="card{% if include.class %} {{ include.class }}{% endif %}">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ include.title | default: 'Last commits' }}</h3>
|
||||
</div>
|
||||
<div class="list-group list-group-flush{% if hoverable %} list-group-hoverable{% endif %}">
|
||||
{% assign colors = 'green,red,yellow,x,x' | split: ',' %}
|
||||
{% for person in people limit: limit offset: offset %}
|
||||
{% assign color = forloop.index | plus: 5 | random_item: colors %}
|
||||
{% assign index = '' | append: forloop.index %}
|
||||
<div class="list-group-item{% if checked-ids contains index %} active{% endif %}">
|
||||
<div class="row align-items-center">
|
||||
{% if include.checkbox %}
|
||||
<div class="col-auto"><input type="checkbox" class="form-check-input"{% if checked-ids contains index %} checked{% endif %}></div>
|
||||
{% else %}
|
||||
<div class="col-auto"><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
|
||||
{% endif %}
|
||||
<div class="col-auto">
|
||||
<a href="#">
|
||||
{% include "ui/avatar.html" person=person %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col text-truncate">
|
||||
<a href="#" class="text-reset d-block">{{ person.full_name }}</a>
|
||||
{% assign i = forloop.index | plus: offset %}
|
||||
<div class="d-block text-secondary text-truncate mt-n1">{{ commits[i].description }}</div>
|
||||
</div>
|
||||
{% if hoverable %}
|
||||
{% if checked-ids contains index %}
|
||||
{% assign star-color = 'text-yellow' %}
|
||||
{% else %}
|
||||
{% assign star-color = 'text-secondary' %}
|
||||
{% endif %}
|
||||
<div class="col-auto">
|
||||
<a href="#" class="list-group-item-actions{% if checked-ids contains index %} show{% endif %}">{% include "ui/icon.html" icon="star" class=star-color %}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
24
liquid/includes/cards/weather.html
Normal file
24
liquid/includes/cards/weather.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{% assign icon = include.icon | default: 'cloud-rain' %}
|
||||
<div class="card card-gradient card-gradient-{{ include.color | default: 'blue' }} card-gradient-end">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<h3 class="card-title mb-2">{{ include.city | default: 'Warsaw' }}</h3>
|
||||
</div>
|
||||
<div class="col">
|
||||
{% include "ui/icon.html" icon=icon %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-secondary">
|
||||
{{ include.description | default: 'Cloudy morning' }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="display-5 lh-1 fw-lighter">{{ include.temperature | default: 20 }}°</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
258
liquid/includes/cards/welcome.html
Normal file
258
liquid/includes/cards/welcome.html
Normal file
|
|
@ -0,0 +1,258 @@
|
|||
<div class="card card-gradient">
|
||||
<div class="card-body">
|
||||
<div class="row gy-3">
|
||||
<div class="col-12 col-sm-6 d-flex flex-column">
|
||||
<h3 class="h2">Welcome back, Paweł</h3>
|
||||
<p class="text-secondary">You have 5 new messages and 2 new notifications.</p>
|
||||
|
||||
<div class="row g-5 mt-auto">
|
||||
<div class="col-auto">
|
||||
<div class="subheader">Today's Sales</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h3 me-2">6,782</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=7 %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/progress.html" value=75 color="success" size="sm" %}
|
||||
</div>
|
||||
|
||||
<div class="col-auto">
|
||||
<div class="subheader">Growth Rate</div>
|
||||
<div class="d-flex align-items-baseline">
|
||||
<div class="h3 me-2">78,4%</div>
|
||||
<div class="me-auto">
|
||||
{% include "ui/trending.html" value=-1 %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "ui/progress.html" value=78 color="danger" size="sm" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 d-flex justify-content-center">
|
||||
<a href="{{ page | relative }}/illustrations.html">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="200" fill="none" viewBox="0 0 800 600">
|
||||
<style>
|
||||
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-info-a {
|
||||
fill: black;
|
||||
opacity: 0.07;
|
||||
}
|
||||
|
||||
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-info-b {
|
||||
fill: #1D2535;
|
||||
}
|
||||
|
||||
:where(.theme-dark, [data-theme="dark"]) .tblr-illustrations-good-info-c {
|
||||
fill: #454C5E;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.tblr-illustrations-good-info-a {
|
||||
fill: black;
|
||||
opacity: 0.07;
|
||||
}
|
||||
|
||||
.tblr-illustrations-good-info-b {
|
||||
fill: #1D2535;
|
||||
}
|
||||
|
||||
.tblr-illustrations-good-info-c {
|
||||
fill: #454C5E;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<path
|
||||
d="M125.93 300.392C125.93 346.056 174.224 379.274 195.614 416.213C217.61 454.339 222.991 512.425 260.996 534.543C297.935 555.933 350.519 532.034 396.183 532.034C441.848 532.034 494.432 555.945 531.371 534.543C569.376 512.547 574.757 454.339 596.753 416.213C618.143 379.274 666.437 346.165 666.437 300.392C666.437 254.618 618.034 221.509 596.753 184.57C574.757 146.444 569.376 88.2364 531.371 66.2405C494.432 44.8504 441.848 68.7491 396.183 68.7491C350.519 68.7491 297.935 44.8383 260.996 66.2405C222.87 88.2364 217.61 146.444 195.614 184.57C174.224 221.618 125.93 254.727 125.93 300.392Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));"
|
||||
opacity="0.02" class="tblr-illustrations-good-info-a" />
|
||||
<path
|
||||
d="M349.061 413.013C349.679 413.886 350.237 414.831 350.673 415.776C350.891 416.31 351.061 416.916 351.231 417.509C352.6 422.927 350.285 428.247 346.08 429.277C342.287 430.222 338.288 427.447 336.494 423.048C336.276 422.515 336.046 421.981 335.949 421.436C335.852 420.891 335.743 420.345 335.646 419.8C335.112 415.001 337.306 410.614 341.099 409.656C343.911 408.784 346.965 410.274 349.061 413.001V413.013Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M349.061 413.013C349.679 413.886 350.237 414.831 350.673 415.776C345.801 417.849 341.002 420.212 336.494 423.048C336.276 422.515 336.046 421.981 335.949 421.436C335.852 420.891 335.743 420.345 335.646 419.8C335.112 415.001 337.306 410.614 341.099 409.656C343.911 408.784 346.965 410.274 349.061 413.001V413.013Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M400.06 327.284C399.236 326.968 397.939 326.508 396.303 326.144C392.825 325.357 381.47 323.539 356.129 341.56C342.349 351.352 335.454 356.248 330.146 365.119C323.953 375.457 322.486 385.54 321.02 395.598C319.432 406.493 319.626 415.667 320.099 421.921C331.333 419 342.58 416.067 353.814 413.147C347.064 398.64 349.342 382.074 359.352 371.578C369.738 360.696 384.075 360.938 386.56 361.023C389.298 357.799 392.825 352.939 395.6 346.395C398.86 338.736 399.793 331.852 400.048 327.284H400.06Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M106.902 506.196C106.902 508.753 238.333 510.862 399.952 510.862C561.571 510.862 693.001 508.753 693.001 506.196C693.001 503.639 561.571 501.53 399.952 501.53C238.333 501.53 106.902 503.639 106.902 506.196Z"
|
||||
fill="#D6D8E2" opacity="0.5" class="tblr-illustrations-good-info-b" />
|
||||
<path
|
||||
d="M528.573 243.069C535.25 230.441 535.905 217.51 530.439 208.687C533.76 205.391 535.59 201.513 536.426 199.404C537.104 197.695 539.153 192.508 537.953 186.388C537.492 183.989 536.571 181.722 535.371 179.614C539.419 171.555 539.795 157.424 535.965 140.772L532.839 141.512C536.171 155.982 536.183 168.901 533.275 176.475C530.172 172.5 526.064 169.373 522.21 167.604C517.641 165.483 513.472 165.144 510.685 166.683C507.231 168.585 505.983 173.227 506.734 176.62C507.461 179.783 510.055 182.607 514.066 184.631C519.156 187.188 525.228 187.746 529.191 186.013C530.766 185.322 532.16 184.219 533.372 182.753C533.99 184.086 534.487 185.516 534.766 186.994C535.796 192.205 534.05 196.58 533.384 198.204C532.669 199.998 531.154 203.209 528.464 206.021C524.392 201.246 517.811 197.404 512.358 196.726C509.703 196.399 507.474 196.859 505.922 198.071C502.638 200.664 502.468 206.494 504.517 209.935C507.946 215.74 516.793 215.159 521.471 213.898C523.967 213.22 526.1 212.117 527.906 210.772C532.463 218.601 531.699 230.126 525.688 241.53L528.536 243.032L528.585 243.069H528.573ZM526.1 208.178C524.561 209.305 522.768 210.251 520.659 210.82C516.551 211.923 509.594 212.177 507.328 208.324C505.874 205.9 506.189 202.01 507.946 200.604C508.807 199.925 510.188 199.683 511.982 199.913C516.684 200.483 522.55 203.973 526.1 208.178ZM531.639 179.662C530.584 181.25 529.36 182.377 527.906 183.007C524.816 184.352 519.738 183.819 515.508 181.71C512.406 180.159 510.358 178.026 509.885 175.857C509.388 173.688 510.212 170.597 512.236 169.47C514.078 168.452 517.266 168.84 520.829 170.5C524.658 172.294 528.803 175.53 531.639 179.686V179.662Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M343.464 252.376C346.784 252.376 349.475 249.685 349.475 246.365C349.475 243.045 346.784 240.354 343.464 240.354C340.144 240.354 337.453 243.045 337.453 246.365C337.453 249.685 340.144 252.376 343.464 252.376Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M288.651 157.727C281.271 153.958 273.006 148.759 267.637 138.688C266.437 136.458 265.552 133.901 265.08 131.223C259.881 133.028 254.136 133.574 248.901 132.41C239.994 130.847 233.134 125.49 228.953 121.273L231.474 118.788C236.855 124.242 243.29 127.841 249.592 128.944C254.451 130.011 259.881 129.393 264.704 127.575C264.547 122.376 266.037 117.104 269.867 113.226C271.515 111.493 274.448 109.542 277.211 109.869C278.702 110.039 279.913 110.838 280.701 112.171L280.774 112.305C281.78 114.389 281.283 117.334 279.417 120.388C277.029 124.375 273.078 127.647 268.437 129.865C268.812 132.422 269.624 134.907 270.764 137.04C275.66 146.238 283.367 151.073 290.263 154.588L288.651 157.739V157.727ZM276.629 113.359C275.49 113.359 273.696 114.341 272.424 115.674C269.673 118.461 268.4 122.158 268.243 125.951C271.697 124.072 274.605 121.527 276.399 118.534C277.708 116.389 277.962 114.68 277.623 113.88C277.369 113.48 277.09 113.395 276.823 113.371C276.763 113.371 276.69 113.371 276.629 113.371V113.359Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M485.903 255.435C487.577 251.217 485.515 246.441 481.298 244.766C477.08 243.092 472.303 245.154 470.629 249.372C468.955 253.59 471.017 258.366 475.235 260.04C479.453 261.715 484.229 259.653 485.903 255.435Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M416.244 71.4486C417.881 67.3241 415.865 62.6533 411.741 61.0161C407.616 59.379 402.945 61.3953 401.308 65.5198C399.671 69.6443 401.687 74.3151 405.812 75.9523C409.936 77.5894 414.607 75.5731 416.244 71.4486Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M318.074 87.6425L336.749 62.6532C337.61 61.5019 336.907 59.8537 335.465 59.684L304.488 56.0119C303.07 55.8544 301.992 57.2844 302.561 58.6054L314.862 87.2668C315.432 88.5757 317.213 88.8059 318.062 87.6546L318.074 87.6425Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M485.475 127.223L499.63 118.898C500.285 118.51 500.273 117.577 499.618 117.201L485.33 109.105C484.675 108.73 483.851 109.214 483.863 109.966L483.997 126.387C483.997 127.138 484.833 127.611 485.475 127.223Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M243.905 364.15C244.269 381.225 244.633 398.313 244.996 415.389L180.184 447.831L176.984 443.032L215.232 405.778L210.057 365.834L243.918 364.15H243.905Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M243.905 364.15C244.269 381.225 244.633 398.313 244.996 415.389L180.184 447.831L176.984 443.032L215.232 405.778L210.057 365.834L243.918 364.15H243.905Z"
|
||||
fill="black" opacity="0.15" />
|
||||
<path
|
||||
d="M239.095 271.294C242.791 274.954 249.262 281.365 253.31 285.012C253.553 284.6 253.783 284.176 254.013 283.752C254.425 283.013 254.522 282.783 254.667 282.516C255.31 281.474 256.279 280.977 256.558 280.819C259.83 278.905 265.211 269.282 265.211 269.282C265.259 269.173 265.332 269.064 265.393 268.967C270.107 260.641 272.034 260.278 275.27 254.267C278.506 248.243 279.184 237.179 280.505 215.074C280.554 214.274 281.378 198.786 275.694 193.647C275.355 193.344 275.003 193.078 274.967 193.066C270.701 189.927 263.672 189.575 260.254 192.823C257.249 195.671 258.364 200.155 259.297 212.068C260.727 230.586 261.454 239.845 257.77 245.444C256.146 247.904 247.59 259.466 246.439 261.005C246.427 261.017 246.366 261.09 246.293 261.187C246.208 261.308 246.111 261.429 246.051 261.562C245.081 262.956 244.318 264.022 243.676 264.871C242.258 266.798 242.245 266.676 240.828 268.7C240.052 269.815 239.446 270.736 239.07 271.318L239.095 271.294Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M206.433 506.451L190.375 501.882C190.375 501.882 190.436 497.507 193.32 496.428C196.204 495.35 204.421 502.1 206.433 506.439"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M224.538 371.057C225.447 388.606 226.356 406.142 227.277 423.69C218.03 446.147 208.784 468.603 199.537 491.06C197.343 490.854 195.138 490.648 192.944 490.442C195.15 468.191 197.355 445.941 199.561 423.69C194.883 406.142 190.205 388.606 185.527 371.057H224.538Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M169.641 462.713L170.647 446.05C170.647 446.05 174.937 445.165 176.621 447.77C178.294 450.364 173.458 459.829 169.665 462.725"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M185.614 338.36C186.038 346.941 185.771 355.557 184.802 364.101C184.268 368.888 183.553 373.263 182.79 377.226L246.257 368.815C244.403 359.144 242.864 349.425 241.712 339.657C240.67 331.04 239.907 322.424 239.446 313.783C239.361 312.595 239.289 311.42 239.24 310.22C239.107 307.566 238.998 304.876 238.913 302.149C238.816 298.44 238.755 294.793 238.755 291.217V291.145C238.755 284.031 238.913 277.147 239.216 270.53C236.804 271.669 234.344 272.724 231.86 273.718C227.642 275.366 223.328 276.832 218.953 278.056L218.565 278.141L217.814 278.347C216.59 278.686 215.341 279.014 214.081 279.317L212.978 279.571C212.603 279.668 212.215 279.741 211.839 279.838L210.615 280.08C207.719 280.698 204.689 281.207 201.526 281.631C198.787 282.007 196.109 282.261 193.564 282.443L192 282.54C188.037 282.407 184.899 282.116 182.693 281.874C179.93 281.546 177.651 281.195 175.252 282.419C174.197 282.964 173.434 283.643 172.949 284.14C178.173 296.041 181.057 306.633 182.693 314.716C183.359 317.928 185.044 326.738 185.626 338.348L185.614 338.36Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M231.18 274.53C234.513 280.201 236.743 286.418 237.785 292.841C238.173 295.156 238.415 297.519 238.488 299.895V300.258C238.67 306.996 239.082 311.238 239.421 313.832C239.421 313.819 239.433 313.795 239.433 313.783C240.875 309.117 243.723 302.076 249.286 294.865C254.497 288.139 260.096 283.801 264.047 281.207C262.92 279.559 261.272 277.39 258.957 275.148C258.666 274.857 258.363 274.566 258.036 274.275C257.866 274.105 256.351 272.748 254.461 271.342C249.989 268.058 244.959 265.586 239.627 264.022C239.457 264.228 236.355 268.058 236.185 268.264C235.919 268.628 233.143 272.094 231.847 273.718C231.495 274.142 231.253 274.445 231.168 274.53H231.18Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M111.895 251.964C122.584 272.53 128.074 282.928 134.472 287.873C139.429 291.702 142.495 294.053 145.586 295.447C146.543 295.907 147.5 296.247 148.506 296.526C148.506 296.526 157.268 298.901 161.098 301.991C161.401 302.221 161.837 302.573 162.722 303.288C163.425 303.858 164.188 304.476 164.988 305.021C167.218 300.052 170.563 291.581 172.466 286.733C171.896 286.346 170.975 285.74 169.811 285.049C167.666 283.752 167.703 283.861 165.667 282.698C164.661 282.128 163.437 281.401 161.777 280.383C161.692 280.335 161.595 280.298 161.583 280.274C161.352 280.153 161.037 279.959 160.625 279.729C157.256 277.814 148.421 272.748 147.113 271.936C139.732 267.416 135.345 255.212 130.122 240.669C126.135 229.604 125.468 224.878 121.481 223.448C117.033 221.86 110.768 225.011 108.102 229.592C107.98 229.823 107.835 230.089 107.689 230.429C104.551 237.688 111.907 251.976 111.907 251.976L111.895 251.964Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M145.582 295.447C146.539 295.907 147.497 296.247 148.503 296.525C148.503 296.525 157.265 298.901 161.094 301.991C161.397 302.221 161.834 302.573 162.718 303.288C163.421 303.857 164.185 304.475 164.985 305.021C167.214 300.052 170.559 291.581 172.462 286.733C171.892 286.345 170.971 285.74 169.808 285.049C167.663 283.752 167.699 283.861 165.663 282.698C164.657 282.128 163.433 281.401 161.773 280.383C161.688 280.334 161.591 280.298 161.579 280.274C161.349 280.153 161.034 279.959 160.622 279.729C155.023 284.37 149.981 289.666 145.594 295.447H145.582Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M180.586 284.213C179.761 290.745 180.173 297.325 181.773 303.651C182.331 305.93 183.046 308.196 183.918 310.402L184.064 310.729C186.56 316.994 187.869 321.042 188.572 323.563C188.572 323.551 188.548 323.539 188.536 323.527C185.36 319.818 179.955 314.474 171.993 310.062C164.552 305.954 157.681 304.185 153.039 303.373C153.415 301.409 154.081 298.768 155.317 295.786C155.463 295.411 155.633 295.023 155.814 294.623C155.899 294.405 156.76 292.55 157.935 290.515C160.747 285.728 164.382 281.474 168.648 277.923C168.891 278.044 173.241 280.335 173.484 280.456C173.872 280.674 177.798 282.77 179.628 283.74C180.125 283.994 180.464 284.176 180.573 284.225L180.586 284.213Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M193.454 282.407H193.502C198.083 284.261 208.3 287.909 214.274 285.934C215.595 285.485 217.971 284.71 218.831 282.552C219.316 281.086 219.207 279.498 218.516 278.117L217.752 278.323C216.698 278.602 215.438 278.929 214.02 279.292L212.917 279.547L211.766 279.813L210.554 280.068C207.56 280.783 204.519 281.292 201.452 281.619C198.714 281.983 196.047 282.249 193.478 282.431H193.43V282.407H193.454Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M193.454 282.407H193.502C198.083 284.261 208.3 287.909 214.274 285.934C215.595 285.485 217.971 284.71 218.831 282.552C219.316 281.086 219.207 279.498 218.516 278.117L217.752 278.323C216.698 278.602 215.438 278.929 214.02 279.292L212.917 279.547L211.766 279.813L210.554 280.068C207.56 280.783 204.519 281.292 201.452 281.619C198.714 281.983 196.047 282.249 193.478 282.431H193.43V282.407H193.454Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M241.7 339.633C240.658 331.041 239.894 322.424 239.434 313.771C240.876 309.105 243.724 302.064 249.286 294.853C254.498 288.127 260.097 283.789 264.047 281.195C262.92 279.547 261.272 277.378 258.957 275.136C251.104 278.323 243.59 283.267 238.755 291.133C238.755 291.145 238.743 291.145 238.743 291.169C238.391 291.751 238.064 292.296 237.785 292.841C236.392 295.496 235.798 297.628 235.398 298.44C225.097 320.182 208.191 348.492 184.789 364.089C184.256 368.876 183.541 373.251 182.777 377.214L246.245 368.803C244.39 359.132 242.851 349.413 241.7 339.645V339.633Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M213.67 266.943C204.533 271.851 192.074 272.712 189.42 270.385C188.729 269.767 188.063 269.112 187.384 268.409C187.36 268.385 187.348 268.373 187.324 268.349C183.882 264.653 180.913 260.544 178.501 256.109C178.368 255.854 177.968 255.054 177.495 254.145C175.532 250.255 174.017 247.007 172.963 244.717C172.902 244.584 172.854 244.45 172.793 244.329C172.975 244.487 173.629 244.996 174.308 245.262C174.78 245.444 175.265 245.517 175.629 245.274C176.514 244.705 176.465 242.269 175.035 239.324L193.08 232.04L203.224 235.506C203.224 235.506 203.89 236.476 205.005 237.87C206.884 240.354 208.944 242.705 211.162 244.911L211.186 244.935C212.786 246.62 214.664 248.013 216.761 249.031C222.505 251.346 222.808 262.035 213.67 266.943Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M190.485 256.69C190.861 258.23 190.994 259.805 190.885 261.38C190.74 262.859 190.303 264.301 189.612 265.61C189.031 266.676 188.279 267.634 187.383 268.409C187.358 268.385 187.346 268.373 187.322 268.349C183.88 264.653 180.911 260.544 178.499 256.109C178.366 255.854 177.966 255.054 177.493 254.145C175.53 250.255 174.015 247.007 172.961 244.717C173.373 244.971 173.858 245.214 174.306 245.262C174.779 245.444 175.264 245.517 175.627 245.274C176.512 244.705 176.463 242.269 175.033 239.324L193.078 232.04L203.222 235.506C203.222 235.506 203.889 236.476 205.004 237.87C206.882 240.354 208.942 242.705 211.16 244.911L211.184 244.935C205.197 250.146 197.659 253.237 189.734 253.721C190.037 254.691 190.291 255.685 190.485 256.69Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M213.234 229.168C213.174 230.622 212.956 232.065 212.58 233.483C212.156 235.3 211.465 237.058 210.544 238.669C206.387 246.001 196.971 250.11 186.645 248.922C184.888 248.716 183.155 248.377 181.458 247.892H181.41C181.41 247.892 181.41 247.965 181.422 247.989C181.761 248.995 182.185 249.964 182.682 250.91C182.925 251.346 182.973 251.467 183.131 251.758L183.312 252.037C183.591 252.546 186.015 255.878 186.754 257.951C187.203 259.332 187.215 260.811 186.779 262.192C185.591 260.387 183.967 258.908 182.064 257.89C181.349 257.563 180.61 257.272 179.859 257.042C176.077 255.406 173.036 252.437 171.278 248.704C170.575 247.165 170.127 245.529 169.921 243.856C169.739 242.778 169.279 238.779 170.745 235.894C173.763 229.932 185.821 227.556 192.111 227.193C193.214 227.144 195.153 227.084 196.413 226.126C196.655 225.945 196.862 225.714 197.019 225.46C198.073 223.787 197.164 221.23 196.098 219.812C194.05 217.049 189.748 216.152 185.13 217.413C193.735 211.353 204.46 212.468 209.805 218.516C212.313 221.473 213.549 225.302 213.246 229.168H213.234Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M213.233 229.168C213.173 230.622 212.955 232.065 212.579 233.483C212.155 235.3 211.464 237.058 210.543 238.67C206.386 246.002 196.97 250.11 186.644 248.922C184.051 248.389 181.833 247.953 181.457 247.892H181.409L177.543 246.523C183.045 246.91 188.583 246.304 193.867 244.717C198.545 243.311 205.041 241.372 209.767 235.337C211.222 233.47 212.385 231.386 213.233 229.168Z"
|
||||
fill="black" opacity="0.5" />
|
||||
<path
|
||||
d="M582.157 280.868L605.365 340.772C609.606 351.716 616.345 361.593 625.288 369.179C631.796 374.693 637.044 381.868 640.352 390.375C640.776 391.478 641.164 392.593 641.504 393.708C649.454 419.024 637.31 446.401 613.194 457.526C583.647 471.124 548.539 454.751 539.971 423.387C539.498 421.678 539.122 419.958 538.831 418.212C537.971 413.11 537.886 407.996 538.504 403.003C539.91 391.732 538.735 380.28 534.626 369.7L510.885 308.475C509.079 303.833 511.382 298.622 516.023 296.841L570.498 275.729C575.128 273.936 580.327 276.226 582.133 280.868H582.157Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M585.746 269.306L589.309 278.456C590.363 281.159 589.006 284.188 586.303 285.231L527.538 308.014L510.777 314.51C508.075 315.565 505.045 314.207 504.003 311.517L500.452 302.343C499.41 299.652 500.743 296.623 503.445 295.568L568.403 270.385L578.971 266.289C581.674 265.234 584.715 266.58 585.746 269.294V269.306Z"
|
||||
fill="#A6A9B3" />
|
||||
<path
|
||||
d="M598.388 312.45L602.108 322.036C603.114 324.617 601.817 327.526 599.236 328.52L546.821 348.831L530.424 355.194C527.843 356.2 524.934 354.903 523.928 352.334L520.22 342.76C519.214 340.178 520.511 337.27 523.08 336.264L589.638 310.475H589.65L591.88 309.59C594.473 308.596 597.37 309.881 598.375 312.45H598.388Z"
|
||||
fill="#A6A9B3" />
|
||||
<path
|
||||
d="M598.387 312.45L602.107 322.036C603.113 324.617 601.816 327.526 599.235 328.52L546.82 348.831C562.599 338.894 580.148 325.478 589.661 310.475H589.673L591.903 309.59C594.496 308.596 597.393 309.881 598.399 312.45H598.387Z"
|
||||
fill="black" opacity="0.15" />
|
||||
<path
|
||||
d="M585.747 269.306L589.31 278.456C590.364 281.159 589.007 284.189 586.304 285.231L527.539 308.014C542.664 298.234 558.867 285.437 567.871 271.221C568.065 270.942 568.223 270.664 568.392 270.397L578.96 266.301C581.662 265.247 584.704 266.592 585.734 269.306H585.747Z"
|
||||
fill="black" opacity="0.15" />
|
||||
<path
|
||||
d="M641.531 393.72C649.482 419.037 637.338 446.413 613.221 457.539C583.675 471.136 548.567 454.763 539.999 423.399C539.526 421.691 539.15 419.97 538.859 418.225C566.891 431.325 614.882 443.759 641.531 393.72Z"
|
||||
fill="black" opacity="0.3" />
|
||||
<path
|
||||
d="M626.045 424.534C626.051 424.281 626.054 424.029 626.054 423.775C626.054 407.203 612.619 393.768 596.047 393.768C579.475 393.768 566.041 407.203 566.041 423.775L566.031 423.775V504.706H626.045V424.534Z"
|
||||
fill="#A6A9B3" />
|
||||
<path
|
||||
d="M596.048 439.19C604.562 439.19 611.464 432.289 611.464 423.775C611.464 415.261 604.562 408.36 596.048 408.36C587.535 408.36 580.633 415.261 580.633 423.775C580.633 432.289 587.535 439.19 596.048 439.19Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M596.049 410.005C588.444 410.005 582.278 416.17 582.278 423.775C582.278 431.38 588.444 437.545 596.049 437.545C603.654 437.545 609.819 431.38 609.819 423.775C609.819 416.17 603.654 410.005 596.049 410.005ZM578.988 423.775C578.988 414.353 586.627 406.715 596.049 406.715C605.471 406.715 613.109 414.353 613.109 423.775C613.109 433.197 605.471 440.835 596.049 440.835C586.627 440.835 578.988 433.197 578.988 423.775Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M461.831 359.629C458.135 365.458 454.439 371.288 450.73 377.117C443.544 388.363 436.369 399.61 429.183 410.856C423.559 419.63 418.082 428.344 412.458 437.118C395.019 435.918 377.58 434.718 360.141 433.519C363.098 422.393 366.818 410.577 371.52 398.264C373.423 393.271 375.386 388.46 377.386 383.831L383.979 367.409C389.372 354.042 394.656 340.626 400.048 327.271L461.819 359.617L461.831 359.629Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M429.194 410.868C423.571 419.642 417.996 428.307 412.47 437.13C395.031 435.93 377.592 434.731 360.152 433.531C361.595 426.974 364.127 417.17 368.575 405.548C370.005 401.827 371.169 399.113 371.52 398.289C374.162 392.12 379.894 378.05 392.316 346.625C392.316 353.727 393.249 372.015 405.756 389.696C413.743 400.979 423.244 407.487 429.182 410.88L429.194 410.868Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M473.041 307.251C472.036 309.905 470.424 313.734 468.376 318.558C467.939 319.539 467.503 320.521 467.321 320.848C465.746 324.096 463.916 327.211 461.843 330.168C460.68 331.84 459.456 333.476 458.147 335.052C458.062 335.137 457.99 335.221 457.905 335.306C457.238 336.021 456.547 336.736 455.881 337.439C453.057 340.202 439.072 339.996 428.54 335.015C418.009 330.022 417.803 318.085 424.093 315.201C426.323 313.916 428.262 312.341 429.958 310.39C429.995 310.341 430.043 310.281 430.092 310.232C432.406 307.602 434.612 304.948 436.515 302.003C437.69 300.343 438.369 299.289 438.369 299.289L449.494 294.877L470.06 302.003C468.654 305.409 468.703 308.16 469.769 308.729C470.812 309.275 472.593 307.772 472.993 307.299C473.017 307.287 473.029 307.263 473.041 307.251Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M472.992 307.299C471.961 309.99 470.362 313.807 468.338 318.558C467.889 319.564 467.453 320.557 467.259 320.885C465.696 324.133 463.878 327.223 461.842 330.168C460.679 331.84 459.455 333.476 458.146 335.052C458.085 335.149 458 335.234 457.928 335.33C457.928 335.33 457.928 335.318 457.903 335.306C456.752 334.482 455.674 333.295 454.959 332.071C454.147 330.701 453.492 329.113 453.359 327.393C453.104 325.647 453.225 323.854 453.553 322.23C453.674 321.042 453.892 320 454.244 318.861C445.457 318.752 436.889 315.758 429.957 310.39C429.993 310.341 430.042 310.281 430.09 310.232C432.405 307.602 434.611 304.948 436.513 302.003C437.689 300.343 438.368 299.289 438.368 299.289L449.493 294.877L470.059 302.003C468.653 305.409 468.701 308.16 469.768 308.729C470.81 309.275 472.592 307.772 472.992 307.299Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M463.331 424.054C460.798 446.025 458.265 468.021 455.744 489.993C452.678 490.114 449.612 490.26 446.546 490.393C443.213 478.795 439.892 467.209 436.548 455.624C423.895 458.423 411.243 461.211 398.591 464.022C392.059 477.608 385.539 491.205 379.007 504.79C358.368 501.324 337.717 497.858 317.066 494.392V485.994C332.518 483.328 347.97 480.662 363.422 477.995C362.331 463.174 361.252 448.34 360.149 433.531L414.176 432.84C430.561 429.907 446.946 426.974 463.331 424.042V424.054Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M463.33 424.054C460.797 446.025 458.264 468.021 455.743 489.993C452.677 490.114 449.611 490.26 446.545 490.393C443.212 478.795 439.891 467.209 436.547 455.624C423.894 458.423 411.242 461.211 398.59 464.022L414.175 432.852C430.56 429.919 446.945 426.987 463.33 424.054Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M299.328 504.645L303.691 485.061C303.691 485.061 308.866 484.927 310.381 488.26C311.896 491.593 304.551 501.93 299.328 504.645Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M465.821 506.608L445.921 504.039C445.921 504.039 445.315 498.901 448.49 497.083C451.666 495.277 462.755 501.652 465.821 506.596"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M430.113 342.747C431.495 346.504 434.016 349.74 437.324 352.006L437.785 352.333L448.534 352.212L430.113 342.759V342.747Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M430.113 342.747C431.495 346.504 434.016 349.74 437.324 352.006L437.785 352.333L448.534 352.212L430.113 342.759V342.747Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path d="M437.797 352.334L452.376 349.28L453.745 353.049L441.263 361.023L437.797 352.334Z" fill="#DADCE0" />
|
||||
<path d="M437.291 352.115L425.063 334.094L419.73 335.997L424.59 355.86L437.291 352.115Z" fill="#DADCE0" />
|
||||
<path d="M437.797 352.334L452.376 349.28L453.745 353.049L441.263 361.023L437.797 352.334Z" fill="black"
|
||||
opacity="0.11" />
|
||||
<path
|
||||
d="M427.264 359.435C423.762 375.372 420.272 391.308 416.66 407.208C424.065 392.872 431.579 378.571 439.044 364.38C438.547 360.272 438.111 356.321 437.565 352.2L437.02 352.079C433.869 354.636 430.633 357.06 427.264 359.447V359.435Z"
|
||||
fill="#DADCE0" />
|
||||
<path
|
||||
d="M437.703 352.285L416.762 407.293C424.179 392.944 431.68 378.644 439.145 364.453C438.649 360.356 438.249 356.284 437.703 352.297V352.285Z"
|
||||
fill="black" opacity="0.11" />
|
||||
<path
|
||||
d="M479.901 438.621C474.471 438.621 469.442 437.639 464.776 435.676C463.964 435.336 455.881 431.252 422.19 393.696C421.208 392.605 421.305 390.92 422.396 389.951C423.487 388.969 425.171 389.066 426.141 390.157C458.692 426.441 466.606 430.659 466.933 430.828C484.906 438.39 511.216 428.38 545.052 401.04C546.192 400.119 547.864 400.288 548.785 401.44C549.706 402.579 549.524 404.251 548.385 405.172C520.681 427.556 498.091 438.633 479.901 438.633V438.621Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M438.197 414.225C437.203 414.613 436.149 414.928 435.131 415.122C434.561 415.207 433.931 415.231 433.313 415.243C427.726 415.28 423.121 411.765 423.121 407.414C423.109 403.5 426.757 400.288 431.471 399.598C432.041 399.513 432.622 399.416 433.168 399.452C433.713 399.489 434.271 399.513 434.828 399.549C439.615 400.179 443.36 403.367 443.372 407.269C443.554 410.214 441.372 412.819 438.221 414.201L438.197 414.225Z"
|
||||
fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);" />
|
||||
<path
|
||||
d="M438.199 414.225C437.205 414.613 436.151 414.928 435.133 415.122C434.297 409.887 433.133 404.675 431.461 399.61C432.031 399.525 432.612 399.428 433.158 399.464C433.715 399.501 434.26 399.525 434.818 399.561C439.605 400.191 443.35 403.379 443.362 407.281C443.544 410.226 441.362 412.832 438.211 414.213L438.199 414.225Z"
|
||||
fill="black" opacity="0.1" />
|
||||
<path
|
||||
d="M455.615 356.599C451.009 360.502 446.622 365.555 447.398 370.657C448.949 380.91 470.218 383.94 469.745 388.157C469.479 390.569 462.183 392.811 436.963 393.538C436.309 398.374 435.812 407.172 439.387 417.122C441.435 422.818 444.198 427.193 446.513 430.247C454.439 426.987 506.466 405.184 503.424 387.697C502.503 382.377 495.716 378.232 482.373 369.93C471.733 363.301 462.207 359.132 455.602 356.587L455.615 356.599Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M392.025 219.546C423.215 219.546 448.5 194.261 448.5 163.071C448.5 131.881 423.215 106.597 392.025 106.597C360.835 106.597 335.551 131.881 335.551 163.071C335.551 194.261 360.835 219.546 392.025 219.546Z"
|
||||
fill="#066FD1" style="fill: #066FD1; fill: var(--tblr-illustrations-primary, var(--tblr-primary, #066FD1));" />
|
||||
<path
|
||||
d="M415.925 136.567L383.179 169.313C382.452 170.04 381.289 170.04 380.562 169.313L366.298 155.048C364.48 153.231 361.523 153.231 359.705 155.048L354.567 160.187C352.749 162.005 352.749 164.962 354.567 166.78L378.574 190.787C380.392 192.605 383.349 192.605 385.167 190.787L427.656 148.298C429.474 146.48 429.474 143.523 427.656 141.705L422.518 136.567C420.7 134.749 417.743 134.749 415.925 136.567Z"
|
||||
fill="white" />
|
||||
<path
|
||||
d="M570.952 241.19C570.758 241.19 570.564 241.166 570.37 241.117C569.195 240.802 568.504 239.591 568.831 238.415L580.902 194.229C581.217 193.054 582.429 192.363 583.604 192.69C584.78 193.005 585.471 194.217 585.143 195.393L573.073 239.578C572.806 240.56 571.922 241.202 570.952 241.202V241.19Z"
|
||||
fill="#A6A9B3" />
|
||||
<path
|
||||
d="M580.633 246.389C580.196 246.389 579.76 246.256 579.372 245.989C578.378 245.299 578.136 243.929 578.827 242.935L598.29 215.11C598.981 214.116 600.35 213.874 601.344 214.565C602.338 215.256 602.58 216.625 601.889 217.619L582.426 245.444C582.002 246.05 581.311 246.377 580.621 246.377L580.633 246.389Z"
|
||||
fill="#A6A9B3" />
|
||||
<path
|
||||
d="M473.668 298.78C475.304 302.828 475.328 307.445 475.328 307.445C475.328 308.935 475.328 310.681 474.649 312.838C473.716 315.807 472.116 317.71 471.268 318.667C469.414 320.8 467.426 322.097 465.996 322.86C465.136 323.2 464.385 323.575 463.645 323.951C461.634 325.236 459.973 327.017 458.822 329.101C458.204 327.647 458.071 326.023 458.458 324.496C459.089 322.206 461.512 318.267 461.694 317.698L461.815 317.358C461.924 317.019 462.07 316.704 462.264 316.389C462.736 315.298 463.112 314.159 463.367 312.995V312.886C463.367 312.886 463.318 312.898 463.294 312.898C456.519 314.365 451.005 313.904 447.648 313.383C439.104 312.014 433.639 308.354 431.809 306.294C429.676 303.894 428.803 301.216 428.803 301.216C428.658 300.743 428.561 300.355 428.5 300.101C428.185 298.962 427.87 297.325 428.04 295.374C428.064 295.096 428.1 294.829 428.137 294.574C428.209 294.126 428.306 293.714 428.403 293.326C428.464 293.084 428.561 292.732 428.731 292.308C429.833 289.642 432.233 288.285 433.505 287.642C437.396 285.679 442.243 285.388 444.897 285.267C453.09 284.891 469.681 288.854 473.668 298.768V298.78Z"
|
||||
fill="#232B41" class="tblr-illustrations-good-info-c" />
|
||||
<path
|
||||
d="M463.286 316.91C456.512 318.377 450.997 317.916 447.64 317.395C439.097 316.026 433.631 312.366 431.801 310.306C429.668 307.906 428.795 305.228 428.795 305.228C428.65 304.755 428.553 304.367 428.492 304.113C428.177 302.973 427.862 301.337 428.032 299.386C428.056 299.108 428.093 298.841 428.129 298.586C430.819 303.725 434.019 306.743 436.043 308.366C436.043 308.366 442.029 313.19 458.863 316.462C461.02 316.886 463.056 316.91 463.056 316.91C463.129 316.91 463.201 316.91 463.286 316.91Z"
|
||||
fill="black" opacity="0.5" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
11
liquid/includes/cards/you-win.html
Normal file
11
liquid/includes/cards/you-win.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<div class="card card-gradient card-gradient-gold">
|
||||
<div class="card-body text-center p-5">
|
||||
<div class="display-3 leading-none mb-2">🏆</div>
|
||||
<h1>You are winner!</h1>
|
||||
<p class="text-secondary">You've been selected as our lucky winner for completing <strong class="text-body">100 orders</strong> this month! Click below to claim your exclusive prize and enjoy the benefits!</p>
|
||||
<div class="mt-5">
|
||||
{% include "ui/button.html" text="Claim Your Prize" icon="gift" color="primary" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
8
liquid/includes/docs/colors.html
Normal file
8
liquid/includes/docs/colors.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<div class="row row-cols-4 row-cols-md-6 g-3 g-md-4">
|
||||
{%- for color in include.colors -%}
|
||||
<div class="col-2 text-center">
|
||||
<div class="p-6 rounded border" style="background-color: var({{ color[1].prop }});"></div>
|
||||
<div class="small">{{ color[1].title }}</div>
|
||||
</div>
|
||||
{% endfor -%}
|
||||
</div>
|
||||
17
liquid/includes/docs/docs-card.html
Normal file
17
liquid/includes/docs/docs-card.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<div class="col-md-6">
|
||||
<a href="{{ include.href }}" class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
{%- if include.icon -%}
|
||||
<div class="col-auto">
|
||||
{%- include "ui/icon.html" icon=include.icon class="text-secondary" -%}
|
||||
</div>
|
||||
{%- endif -%}
|
||||
<div class="col">
|
||||
<div class="h3">{{ include.title }}</div>
|
||||
<p class="text-secondary m-0 fs-4 lh-base">{{ include.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
3
liquid/includes/docs/download-button.html
Normal file
3
liquid/includes/docs/download-button.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="my-6 text-center">
|
||||
<a href="{{ include.href }}" class="btn btn btn-primary" target="_blank">{{ include.title }}</a>
|
||||
</div>
|
||||
22
liquid/includes/docs/example.html
Normal file
22
liquid/includes/docs/example.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!--EXAMPLE-->
|
||||
<div
|
||||
class="example fs-base border rounded my-5{% unless include.raw %} d-flex flex-wrap justify-content-center{% endunless %} overflow-{{ include.overflow | default: 'auto' }} position-relative {% if include.bg %}bg-{{ include.bg }}{% else %}bg-pattern-rectangles{% endif %}{% if include.class %} {{ include.class }}{% endif %}"{% if include.height %} style="height: {{ include.height }}"{% endif %}>
|
||||
{%- unless include.raw -%}<div class="p-6 w-full{% if include.column %} d-flex gap-3 flex-column{% elsif include.centered %} d-flex flex-fill flex-wrap gap-2 justify-content-center{% if include.vertical %} align-items-center flex-column{% else %} justify-content-center{% endif %}{% endif %}" {% if include.column %}style="max-width: 25rem;"{% endif %}>{%- endunless -%}
|
||||
{{ include.html | remove-href }}
|
||||
{%- unless include.raw -%}</div>{%- endunless -%}
|
||||
</div>
|
||||
|
||||
{% unless include.hide-code %}
|
||||
<div class="position-relative">
|
||||
<a class="btn btn-icon btn-dark position-absolute m-2 top-0 end-0 z-3" data-clipboard-text="{{ include.html | escape_attribute }}">
|
||||
{% include "ui/icon.html" icon="clipboard" %}
|
||||
{% include "ui/icon.html" icon="check" class="d-none" %}
|
||||
</a>
|
||||
|
||||
```html
|
||||
{{ include.code | default: include.html }}
|
||||
```
|
||||
|
||||
</div>
|
||||
{% endunless %}
|
||||
<!--/EXAMPLE-->
|
||||
22
liquid/includes/docs/flags.html
Normal file
22
liquid/includes/docs/flags.html
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<table class="table table-vcenter">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-1">Flag</th>
|
||||
<th>Name</th>
|
||||
<th class="w-1">Country code</th>
|
||||
<th>CSS class</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for flag in flags %}
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flag flag-sm flag-country-{{ flag.flag }}"></div>
|
||||
</td>
|
||||
<td>{{ flag.name }}</td>
|
||||
<td><code>{{ flag.flag }}</code></td>
|
||||
<td><code>.flag-country-{{ flag.flag }}</code></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
8
liquid/includes/docs/logo.html
Normal file
8
liquid/includes/docs/logo.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="32" fill="none">
|
||||
<path fill="currentColor"
|
||||
d="M78.263 10.957a5.96 5.96 0 0 1 3.158.895c.947.632 1.737 1.474 2.21 2.474.58 1.105.843 2.368.843 3.631 0 1.369-.264 2.527-.79 3.632-.474 1-1.263 1.895-2.21 2.526-.948.58-2 .895-3.106.895a5.45 5.45 0 0 1-2.263-.474c-.684-.316-1.263-.684-1.79-1.21v.158c0 .42-.157.79-.42 1.105-.263.316-.632.421-1.105.421-.79 0-1.474-.632-1.527-1.421V7.536c0-.42.158-.79.421-1.105a1.24 1.24 0 0 1 1.106-.421c.42 0 .789.158 1.105.421.263.316.42.684.42 1.105V12.8c.475-.579 1.053-1 1.685-1.315.684-.369 1.474-.527 2.263-.527ZM51.737 21.852a.82.82 0 0 1 .631.316c.21.21.316.526.316.895 0 .473-.263.842-.737 1.158-.473.315-1.052.473-1.684.473-.947.053-1.842-.21-2.631-.684-.737-.421-1.053-1.421-1.053-2.842V14.22H45.42c-.737.052-1.368-.58-1.421-1.316v-.106c0-.368.158-.736.421-1 .263-.263.632-.368 1-.368h1.158V9.799c0-.42.158-.789.421-1.105a1.24 1.24 0 0 1 1.105-.42c.421 0 .79.157 1.053.42.263.316.42.684.42 1.105v1.632h1.79c.737-.053 1.369.579 1.421 1.316v.105c0 .737-.631 1.368-1.368 1.368h-1.84v6.843c0 .368.105.631.263.79.21.157.421.262.737.262.108 0 .217-.024.359-.057.065-.015.137-.032.22-.048.21-.105.368-.158.579-.158Zm14.737-10.895c.79 0 1.473.632 1.526 1.421v10.79c0 .42-.158.79-.421 1.105-.263.316-.632.421-1.105.421a1.47 1.47 0 0 1-1.053-.42c-.263-.317-.421-.685-.421-1.106a5.664 5.664 0 0 1-1.684 1.263c-.684.316-1.474.526-2.263.526a5.959 5.959 0 0 1-3.158-.894c-.948-.632-1.737-1.474-2.21-2.474a7.842 7.842 0 0 1-.843-3.632c0-1.368.263-2.526.79-3.631.473-1 1.263-1.895 2.21-2.527.947-.579 2-.894 3.105-.894 1.527 0 2.948.526 4.053 1.579 0-.421.158-.79.421-1.106a1.144 1.144 0 0 1 1.053-.42Zm-2.421 10a4.737 4.737 0 0 0 1.052-3c0-1.21-.368-2.21-1.052-3.052a3.316 3.316 0 0 0-2.685-1.21c-1.105 0-1.947.42-2.631 1.21-.684.842-1.053 1.947-1.053 3.052 0 1.21.369 2.21 1 3 .684.79 1.684 1.264 2.684 1.21 1.106 0 2-.42 2.685-1.21Zm16.473 0c.684-.842 1.053-1.947 1.053-3.052 0-1.21-.316-2.21-1-3a3.405 3.405 0 0 0-2.684-1.21c-1.105 0-2 .42-2.684 1.21a4.842 4.842 0 0 0-1.053 3c0 1.21.316 2.21 1.052 3.052.685.79 1.685 1.264 2.685 1.21 1.105 0 1.947-.42 2.631-1.21Zm9.79 2.21c0 .422-.158.79-.421 1.106-.263.316-.684.421-1.105.421a1.47 1.47 0 0 1-1.053-.42c-.263-.317-.421-.685-.421-1.106V7.536c0-.42.158-.79.42-1.105.317-.316.685-.474 1.106-.421.421 0 .79.158 1.053.421.316.316.42.684.42 1.105v15.632Zm14.947-4.525c.316-.264.474-.58.474-1 0-2.369-1.263-4.58-3.105-5.843-1-.579-2.053-.894-3.158-.894-1.158 0-2.21.316-3.21.894a6.563 6.563 0 0 0-2.422 2.527c-.579 1.052-.895 2.316-.895 3.79a6.729 6.729 0 0 0 .843 3.526c.578 1 1.368 1.842 2.42 2.42 1.053.58 2.264.895 3.685.895.842 0 1.631-.158 2.421-.42a6.38 6.38 0 0 0 1.895-1c.473-.316.684-.738.684-1.211 0-.369-.106-.632-.369-.895a1.153 1.153 0 0 0-.894-.368 1.67 1.67 0 0 0-.843.21l-.473.263c-.316.21-.632.316-.948.421-.421.158-.947.21-1.631.21a3.805 3.805 0 0 1-3.842-3.157h8.316c.421 0 .736-.105 1.052-.368Zm-5.947-4.948c.789 0 1.526.263 2.105.737s1 1.105 1.053 1.842v.158h-6.632c.368-1.842 1.526-2.737 3.474-2.737Zm17.21-2.316c-.315-.263-.737-.42-1.263-.42-.789 0-1.579.157-2.263.526-.737.368-1.316.894-1.684 1.579v-.316c0-.421-.105-.79-.421-1.105a1.695 1.695 0 0 0-1.106-.421 1.239 1.239 0 0 0-1.105.42c-.263.316-.421.685-.421 1.106v10.368c0 .421.158.79.421 1.106.316.263.632.42 1.105.42.474 0 .843-.105 1.106-.42.263-.316.421-.685.421-1.106v-6c-.053-.684.105-1.316.368-1.947.211-.474.579-.895 1-1.21.527-.37 1.211-.474 1.842-.316l.316.105c.316.105.579.158.842.158.369.052.684-.106.948-.369.315-.263.421-.631.421-1.158 0-.368-.211-.736-.527-1Z" />
|
||||
<path fill="#066FD1"
|
||||
d="M31.288 7.107A8.833 8.833 0 0 0 24.893.712a55.899 55.899 0 0 0-17.786 0A8.833 8.833 0 0 0 .712 7.107a55.899 55.899 0 0 0 0 17.786 8.833 8.833 0 0 0 6.395 6.395c5.895.95 11.89.95 17.786 0a8.833 8.833 0 0 0 6.395-6.395c.95-5.895.95-11.89 0-17.786Z" />
|
||||
<path fill="#fff"
|
||||
d="M10.019 22.452a17.5 17.5 0 0 0 5.498-5.449 2.193 2.193 0 0 0 0-2.328c-1.436-2.18-3.27-4.013-5.498-5.4-1.09-.693-2.527-.297-3.22.793-.05 0-.05.05-.05.05a2.278 2.278 0 0 0 .842 3.12c1.14.743 2.13 1.585 3.022 2.626a11.782 11.782 0 0 1-3.022 2.625c-.743.396-1.189 1.189-1.189 2.031a2.397 2.397 0 0 0 3.617 1.932Zm7.727-.644h5.647c1.04 0 1.883-.495 1.883-1.486 0-.99-.843-1.486-1.883-1.486h-5.647c-1.04 0-1.882.495-1.882 1.486 0 .99.842 1.486 1.882 1.486Z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue