Hopiu/djLint
1
0
Fork 0
mirror of https://github.com/Hopiu/djLint.git synced 2026-05-25 13:03:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
djLint/tests/jinja_adminlte/examples-contacts.html
Christopher Pickering 9120f70147
updated formatter and docs
2021-07-29 13:41:34 -05:00

572 lines
43 KiB
HTML
Raw Blame History

{% extends "layouts/base.html" %}
{% block title %}Contacts {% endblock %}
<!-- Element injected in the BODY element -->
{% block body_class %}
sidebar-mini
{% endblock body_class %}
<!-- Specific Page CSS goes HERE -->
{% block stylesheets %}
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" href="/static/assets/plugins/fontawesome-free/css/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/static/assets/css/adminlte.min.css">
{% endblock stylesheets %}
{% block content %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Contacts</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item">
<a href="#">Home</a>
</li>
<li class="breadcrumb-item active">
Contacts
</li>
</ol>
</div>
</div>
</div>
<!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<!-- Default box -->
<div class="card card-solid">
<div class="card-body pb-0">
<div class="row d-flex align-items-stretch">
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user2-160x160.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user2-160x160.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user1-128x128.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 d-flex align-items-stretch">
<div class="card bg-light">
<div class="card-header text-muted border-bottom-0">
Digital Strategist
</div>
<div class="card-body pt-0">
<div class="row">
<div class="col-7">
<h2 class="lead">
<b>
Nicole Pearson
</b>
</h2>
<p class="text-muted text-sm">
<b>
About:
</b>
Web Designer / UX / Graphic Artist / Coffee Lover
</p>
<ul class="ml-4 mb-0 fa-ul text-muted">
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-building"></i>
</span>
Address: Demo Street 123, Demo City 04312, NJ
</li>
<li class="small">
<span class="fa-li">
<i class="fas fa-lg fa-phone"></i>
</span>
Phone #: + 800 - 12 12 23 52
</li>
</ul>
</div>
<div class="col-5 text-center">
<img src="/static/assets/img/user2-160x160.jpg"
alt="user-avatar"
class="img-circle img-fluid">
</div>
</div>
</div>
<div class="card-footer">
<div class="text-right">
<a href="#" class="btn btn-sm bg-teal">
<i class="fas fa-comments"></i>
</a>
<a href="#" class="btn btn-sm btn-primary">
<i class="fas fa-user"></i>
View Profile
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
<div class="card-footer">
<nav aria-label="Contacts Page Navigation">
<ul class="pagination justify-content-center m-0">
<li class="page-item active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item">
<a class="page-link" href="#">3</a>
</li>
<li class="page-item">
<a class="page-link" href="#">4</a>
</li>
<li class="page-item">
<a class="page-link" href="#">5</a>
</li>
<li class="page-item">
<a class="page-link" href="#">6</a>
</li>
<li class="page-item">
<a class="page-link" href="#">7</a>
</li>
<li class="page-item">
<a class="page-link" href="#">8</a>
</li>
</ul>
</nav>
</div>
<!-- /.card-footer -->
</div>
<!-- /.card -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
{% endblock content %}
<!-- Specific Page JS goes HERE -->
{% block javascripts %}
<!-- jQuery -->
<script src="/static/assets/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="/static/assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/assets/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/assets/js/demo.js"></script>
{% endblock javascripts %}
Reference in a new issue View git blame Copy permalink