j1-template 2022.0.9 → 2022.0.13

data/lib/starter_web/pages/_test_pages/_includes/attributes.asciidoc

@@ -1,110 +0,0 @@
-// ~/document_base_folder/000_includes
-//  Asciidoc attribute includes:                 attributes.asciidoc
-// -----------------------------------------------------------------------------
-
-// URLs - Internal references and/or sources on the Internet
-// -----------------------------------------------------------------------------
-tag::urls[]
-
-:bootstrap-home:                                  https://getbootstrap.com/
-:bs_doc_components_modal:                         https://getbootstrap.com/docs/4.3/components/modal/
-
-:bootswatch-home:                                 https://bootswatch.com/
-:bootswatch-api:                                  https://bootswatch.com/help/#api
-
-:mdb-home:                                        https://mdbootstrap.com/
-:mdb-bs-modals:                                   https://mdbootstrap.com/docs/jquery/modals/basic/
-:mdb-bs-modals-legacy:                            https://mdbootstrap.com/legacy/4.3.2/?page=javascript/modals
-
-:w3org-css-spec:                                  https://www.w3.org/Style/CSS/specs.en.html
-:w3schools-css-tutorial:                          https://www.w3schools.com/css/default.asp
-
-:fontawesome-home:                                https://fontawesome.com/
-:fontawesome-icons:                               https://fontawesome.com/icons?d=gallery
-:fontawesome-get-started:                         https://fontawesome.com/get-started
-
-:mdi-home:                                        https://materialdesignicons.com/
-:mdi-icons-cheatsheet:                            https://cdn.materialdesignicons.com/3.3.92/
-
-:iconify-home:                                    https://iconify.design/
-:iconify-icon-sets:                               https://iconify.design/icon-sets/
-:iconify-medical-icons:                           https://iconify.design/icon-sets/medical-icon/
-:iconify-brand-icons:                             https://iconify.design/icon-sets/logos/
-
-:jekyll-one-core-doc-color-scheme:                https://support.jekyll-one.com/user_guide/core/color_scheme
-
-:light-gallery-license:                           http://sachinchoolur.github.io/lightGallery/docs/license.html
-
-:asciidoctor-extensions-lab:                      https://github.com/asciidoctor/asciidoctor-extensions-lab
-:asciidoctor-extensions-use-extension:            https://github.com/asciidoctor/asciidoctor-extensions-lab#using-an-extension
-:asciidoctor-user-manual-extensions:              http://asciidoctor.org/docs/user-manual/#extensions
-
-:roundtrip_data_slider_picker:                    /pages/public/learn/roundtrip/data_slider_picker
-:roundtrip_image_headers:                         /pages/public/learn/roundtrip/image_header
-:roundtrip_image_headers:                         /pages/public/learn/roundtrip/image_header
-
-:roundtrip-readme-first:                          /pages/public/learn/read_me_first/
-:roundtrip-present-images:                        /pages/public/learn/roundtrip/present_images/
-:roundtrip-present-videos:                        /pages/public/learn/roundtrip/present_videos/
-:roundtrip-cards:                                 /pages/public/learn/roundtrip/cards/
-:roundtrip-typography:                            /pages/public/learn/roundtrip/typography/
-:roundtrip-asciidoc-extensions:                   /pages/public/learn/roundtrip/asciidoc_extensions/
-:roundtrip-extended-modals:                       /pages/public/learn/roundtrip/modals/
-:roundtrip-icon-fonts:                            /pages/public/learn/roundtrip/mdi_icon_font/
-:roundtrip-responsive-tables:                     /pages/public/learn/roundtrip/responsive_tables/
-:roundtrip-themes:                                /pages/public/learn/roundtrip/themes/
-:roundtrip-quicksearch:                           /pages/public/learn/roundtrip/quicksearch/
-
-:github-gist-home:                                https://gist.github.com/
-:asciidoc-extensions-gist-example:                https://gist.github.com/mojavelinux/5546622
-
-:previewer-emoji:                                 /pages/public/previewer/twitter_emoji/
-:previewer-mdi:                                   /pages/public/previewer/mdi_font/
-
-:previewer-theme:                                 /pages/public/previewer/theme/
-
-:kickstarter-web-in-a-day:                        https://jekyll.one/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-end::urls[]
-
-
-// FOOTNOTES, global asciidoc attributes (variables)
-// -----------------------------------------------------------------------------
-tag::footnotes[]
-end::footnotes[]
-
-
-// Tags - Asciidoc attributes used internally
-// -----------------------------------------------------------------------------
-tag::tags[]
-end::tags[]
-
-
-// Data - Data elements for Asciidoctor extensions
-// -----------------------------------------------------------------------------
-tag::data[]
-
-:data-images-standalone:                          "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
-:data-images-group:                               "pages/roundtrip/100_present_images/lightbox-image-1.jpg, Golden Gate Bridge with San Francisco in distance, pages/roundtrip/100_present_images/lightbox-image-2.jpg, Forest with mountains behind"
-
-:data-quicksearch-icon:                           "pages/roundtrip/600_quicksearch/quicksearch_icon-800x200.jpg, Search button (magnifier) in the quick access area"
-:data-quicksearch-input:                          "pages/roundtrip/600_quicksearch/quicksearch_input-800x200.jpg, Input bar for a QuickSearch"
-
-end::data[]
-
-
-// Images - Images from local include/images folder
-// -----------------------------------------------------------------------------
-tag::images[]
-end::images[]
-
-
-// PRODUCTS, local product information (e.g. release)
-// -----------------------------------------------------------------------------
-tag::products[]
-end::products[]
-
-
-// AUTHORS, local author information (e.g. article)
-// -----------------------------------------------------------------------------
-tag::authors[]
-end::authors[]

data/lib/starter_web/pages/_test_pages/_includes/documents/100_gistblock.asciidoc

@@ -1,28 +0,0 @@
-== Github Gist
-
-Code snippets may helpful to support your readers for existing code examples.
-An excellent place for code snippets is Gist at Github. To embed an existing
-gist into your documents, the Asciidoc Extention *Gist block* provides the
-block macro `gist::` to do so.
-
-The following gist snippet is taken from {asciidoc-extensions-gist-example}[this example, window="_blank"]:
-
-[source, prometheus, role="noclip"]
-----
-.Gist title
-gist::git_address[] <1>
-----
-<1> For `git_address`, {github-gist-home}[, window="_blank"] is prepended automatically
-
-.Example of a gist block
-[source, prometheus, role="noclip"]
-----
-.Guard setup to live preview AsciiDoc output
-gist::mojavelinux/5546622[]
-----
-
-[.result]
-====
-.Guard setup to live preview AsciiDoc output
-gist::mojavelinux/5546622[]
-====

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_info.asciidoc

@@ -1,14 +0,0 @@
-// === Bottom Info
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button"
-    class="btn btn-primary"
-    data-bs-toggle="modal"
-    data-bs-target="#frameModalBottomSuccessDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_left_warning.asciidoc

@@ -1,11 +0,0 @@
-// === Bottom Left Warning
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBLWarningDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_right_danger.asciidoc

@@ -1,11 +0,0 @@
-// === Bottom Right Danger
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBRDangerDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_central_success.asciidoc

@@ -1,11 +0,0 @@
-// === Central Success
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#centralModalSuccessDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_left_info.asciidoc

@@ -1,11 +0,0 @@
-// === Full Height Left Info
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalLeftInfoDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_right_success.asciidoc

@@ -1,11 +0,0 @@
-// === Full Height Right Success
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalRightSuccessDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_table_bs_modal_examples.asciidoc

@@ -1,47 +0,0 @@
-
-.Selected extended BS modal examples
-[cols="6a,3a,3a", options="header", width="100%", role="rtable"]
-|===============================================================================
-|Postion |Class | Example
-
-|`top`
-|`info`
-|
-include::./410_top_info.asciidoc[]
-
-|`top-right`
-|`success`
-|
-include::./410_top_right_success.asciidoc[]
-
-|`top-left`
-|`info`
-|
-include::./410_top_left_info.asciidoc[]
-
-|`bottom`
-|`info`
-|
-include::./410_bottom_info.asciidoc[]
-
-|`bottom-right`
-|`danger`
-|
-include::./410_bottom_right_danger.asciidoc[]
-
-|`bottom-left`
-|`warning`
-|
-include::./410_bottom_left_warning.asciidoc[]
-
-|`full-height right`
-|`success`
-|
-include::./410_full_height_right_success.asciidoc[]
-
-|`full-height left`
-|`info`
-|
-include::./410_full_height_left_info.asciidoc[]
-
-|===============================================================================

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_info.asciidoc

@@ -1,11 +0,0 @@
-// === Top Info
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#frameModalTopInfoDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_left_info.asciidoc

@@ -1,11 +0,0 @@
-// === Top Left Info
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTLInfoDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_right_success.asciidoc

@@ -1,11 +0,0 @@
-// === Top Right Success
-// Add `.modal-dialog-centered` to `.modal-dialog` to vertically center the modal.
-
-++++
-<div class="ml-2">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTRSuccessDemo">
-    Launch Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/_test_pages/_includes/documents/419_advanced_modals_demo.asciidoc

@@ -1,337 +0,0 @@
-++++
-<!-- Modal Top Info -->
-<div id="frameModalTopInfoDemo"
-  class="modal fade top"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="row px-4">
-          <p class="pt-1 pr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum quos..</p>
-        </div>
-        <div class="row px-4">
-          <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-          <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Top Info -->
-
-<!-- Side Modal Top Right Success -->
-<div id="sideModalTRSuccessDemo"
-  class="modal fade right"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Success</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="text-center">
-          <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
-          </p>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Top Right Success -->
-
-<!-- Side Modal Top Left Info -->
-<div id="sideModalTLInfoDemo"
-  class="modal fade left"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-side modal-top-left modal-notify modal-info" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Info</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap" class="img-fluid">
-        <div class="text-center">
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt vero illo error eveniet cum.</p>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Top Left Info -->
-
-<!-- Modal Bottom Success-->
-<div id="frameModalBottomSuccessDemo"
-  class="modal fade bottom"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-frame modal-bottom modal-notify modal-success" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!-- Body -->
-      <div class="modal-body">
-        <p class="mt-1 ml-3 mr-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit nisi quo provident fugiat reprehenderit nostrum quos..</p><div class="row ml-3">
-          <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-          <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks<div class="ripple-container"><div class="ripple-decorator ripple-on ripple-out" style="left: 51.4063px; top: 20px; background-color: rgb(1, 211, 107); transform: scale(14.5548);"></div></div></a>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Bottom Success -->
-
-<!-- Side Modal Bottom Right Danger -->
-<div id="sideModalBRDangerDemo"
-  class="modal fade right"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-side modal-bottom-right modal-notify modal-danger" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Danger</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="row">
-          <div class="col-3">
-            <p></p>
-            <p class="text-center"><i class="mdi mdi-cart fa-4x"></i></p>
-          </div>
-          <div class="col-9">
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.</p>
-            <h2 class="notoc"><span class="badge">v52gs1</span></h2>
-          </div>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Bottom Right Danger -->
-
-<!-- Side Modal Bottom Left Warning -->
-<div id="sideModalBLWarningDemo"
-  class="modal fade left"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-side modal-bottom-left modal-notify modal-warning" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Warning</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="row">
-          <div class="col-3 text-center">
-            <img src="/assets/images/pages/roundtrip/410_bs_modals_extentions/avatar.jpg" alt="avatar.jpg" class="img-fluid z-depth-1-half rounded-circle">
-            <div style="height: 10px"></div>
-            <p class="title mb-0">Jane</p>
-            <p class="text-muted " style="font-size: 13px">Consultant</p>
-          </div>
-          <div class="col-9">
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, molestiae provident temporibus sunt earum.</p>
-            <p class="card-text"><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</strong></p>
-          </div>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Bottom Left Warning -->
-
-<!-- Modal Full Height Right Success Demo -->
-<div id="fluidModalRightSuccessDemo"
-  class="modal fade right"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-full-height modal-right modal-notify modal-success" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Success</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="text-center">
-          <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
-          </p>
-        </div>
-        <ul class="list-group z-depth-0">
-          <li class="list-group-item justify-content-between">
-            Cras justo odio
-            <span class="badge badge-primary badge-pill">14</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Dapibus ac facilisis in
-            <span class="badge badge-primary badge-pill">2</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Morbi leo risus
-            <span class="badge badge-primary badge-pill">1</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Cras justo odio
-            <span class="badge badge-primary badge-pill">14</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Dapibus ac facilisis in
-            <span class="badge badge-primary badge-pill">2</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Morbi leo risus
-            <span class="badge badge-primary badge-pill">1</span>
-          </li>
-        </ul>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Full Height Right Success Demo -->
-
-<!-- Modal Full Height Left Info Demo -->
-<div id="fluidModalLeftInfoDemo"
-  class="modal fade left"
-  tabindex="-1"
-  role="dialog"
-  aria-labelledby="myModalLabel" aria-hidden="true"
-  data-keyboard="false"
-  data-backdrop="static">
-  <div class="modal-dialog modal-full-height modal-left modal-notify modal-info" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Modal Success</p>
-        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body">
-        <div class="text-center">
-          <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
-          </p>
-        </div>
-        <ul class="list-group z-depth-0">
-          <li class="list-group-item justify-content-between">
-            Cras justo odio
-            <span class="badge badge-primary badge-pill">14</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Dapibus ac facilisis in
-            <span class="badge badge-primary badge-pill">2</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Morbi leo risus
-            <span class="badge badge-primary badge-pill">1</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Cras justo odio
-            <span class="badge badge-primary badge-pill">14</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Dapibus ac facilisis in
-            <span class="badge badge-primary badge-pill">2</span>
-          </li>
-          <li class="list-group-item justify-content-between">
-            Morbi leo risus
-            <span class="badge badge-primary badge-pill">1</span>
-          </li>
-        </ul>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer">
-        <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Full Height Left Info Demo -->
-++++