base tabler
This commit is contained in:
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
29
liquid/includes/layout/headers/page-header-1.html
Normal file
29
liquid/includes/layout/headers/page-header-1.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{% assign person = people[0] %}
|
||||
<div class="page-header">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" person=person size="md" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<h2 class="page-title">{{ person.full_name }}</h2>
|
||||
<div class="page-subtitle">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
{% include "ui/icon.html" icon="building-skyscraper" %}
|
||||
<a href="#" class="text-reset">{{ person.job_title }} at {{ person.company }}</a>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
{% include "ui/icon.html" icon="users" %}
|
||||
<a href="#" class="text-reset">194 friends</a>
|
||||
</div>
|
||||
<div class="col-auto text-success">
|
||||
{% include "ui/icon.html" icon="check" color="green" %} Verified
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto d-none d-md-flex">
|
||||
{% include "ui/button.html" icon="plus" color="primary" icon="message" text="Send message" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
24
liquid/includes/layout/headers/page-header-2.html
Normal file
24
liquid/includes/layout/headers/page-header-2.html
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<div class="page-header">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">Gallery</h2>
|
||||
<div class="text-secondary mt-1">1-12 of 241 photos</div>
|
||||
</div>
|
||||
<div class="col-auto ms-auto d-print-none">
|
||||
<div class="d-flex">
|
||||
<div class="me-3 d-none d-md-block">
|
||||
<div class="input-icon">
|
||||
<input type="text" class="form-control" placeholder="Search…">
|
||||
<span class="input-icon-addon">
|
||||
{% include "ui/icon.html" icon="plus" %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">
|
||||
{% include "ui/icon.html" icon="plus" %}
|
||||
Add photo
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
19
liquid/includes/layout/headers/page-header-3.html
Normal file
19
liquid/includes/layout/headers/page-header-3.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{% assign person = people[1] %}
|
||||
<div class="page-header page-header-border">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">Improve cards with no border</h2>
|
||||
<div class="text-secondary mt-1">
|
||||
<a href="#" class="text-reset">#693</a>
|
||||
opened by <a href="#" class="text-body">{{ person.full_name }}</a>
|
||||
in <a href="#" class="text-body">Calendar Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="btn-list">
|
||||
{% include "ui/button.html" icon="plus" icon="edit" text="Edit" %}
|
||||
{% include "ui/button.html" icon="plus" icon="bell" text="Subscribe" class="d-none d-md-inline-flex" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
18
liquid/includes/layout/headers/page-header-4.html
Normal file
18
liquid/includes/layout/headers/page-header-4.html
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<div class="page-header">
|
||||
<div class="row align-items-center mw-100">
|
||||
<div class="col">
|
||||
<div class="mb-1">
|
||||
{% include "ui/breadcrumb.html" pages="Home,Library,Articles" %}
|
||||
</div>
|
||||
<h2 class="page-title">
|
||||
<span class="text-truncate">Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods.</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="btn-list">
|
||||
{% include "ui/button.html" icon="plus" icon="edit" text="Edit" class="d-none d-md-inline-flex" %}
|
||||
{% include "ui/button.html" color="primary" text="Publish" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
15
liquid/includes/layout/headers/page-header-5.html
Normal file
15
liquid/includes/layout/headers/page-header-5.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<div class="page-header">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<div class="page-pretitle">
|
||||
Overview
|
||||
</div>
|
||||
<h2 class="page-title">
|
||||
Dashboard
|
||||
</h2>
|
||||
</div>
|
||||
<div class="col-auto ms-auto">
|
||||
{% include "layout/header-actions/buttons.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
38
liquid/includes/layout/headers/profile.html
Normal file
38
liquid/includes/layout/headers/profile.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
{% assign person = people[3] %}
|
||||
|
||||
<div class="page-header">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include "ui/avatar.html" person=person rounded=true size="lg" %}
|
||||
</div>
|
||||
<div class="col">
|
||||
<h1 class="fw-bold m-0">{{ person.full_name }}</h1>
|
||||
<div class="my-2">Unemployed. Building a $1M solo business while traveling the world. Currently at $400k/yr.
|
||||
</div>
|
||||
|
||||
<div class="list-inline list-inline-dots text-secondary">
|
||||
<div class="list-inline-item">
|
||||
{% include "ui/icon.html" icon="map" inline=true %}
|
||||
{{ person.university }}, {{ person.country }}
|
||||
</div>
|
||||
<div class="list-inline-item">
|
||||
{% include "ui/icon.html" icon="mail" inline=true %}
|
||||
<a href="#" class="text-reset">{{ person.email }}</a>
|
||||
</div>
|
||||
<div class="list-inline-item">
|
||||
{% include "ui/icon.html" icon="cake" inline=true %}
|
||||
{{ person.birth_date }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto ms-auto">
|
||||
<div class="btn-list">
|
||||
{% include "ui/button.html" icon="dots" icon-only=true %}
|
||||
{% include "ui/button.html" icon="message" icon-only=true %}
|
||||
{% include "ui/button.html" icon="check" color="primary" text="Following" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
28
liquid/includes/layout/headers/uptime.html
Normal file
28
liquid/includes/layout/headers/uptime.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<div class="page-header d-print-none">
|
||||
<div class="container">
|
||||
<div class="row g-3 align-items-center">
|
||||
<div class="col-auto">
|
||||
{% include "ui/status-indicator.html" animated=true color="green" %}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<h2 class="page-title">
|
||||
tabler.io/icons
|
||||
</h2>
|
||||
<div class="text-secondary">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><span class="text-green">Up</span></li>
|
||||
<li class="list-inline-item">Checked every 3 minutes</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-auto ms-auto d-print-none">
|
||||
<div class="btn-list">
|
||||
{% include "ui/button.html" text="Configure" icon="settings" %}
|
||||
{% include "ui/button.html" color="primary" text="Pause this monitor" icon="player-pause" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue