j1-template 2020.0.25 → 2021.0.4

data/lib/starter_web/pages/public/test_pages/vtutorials/000_includes/attributes.asciidoc

@@ -1,117 +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-sheatsheet:                            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-search-engine:                         /pages/public/learn/roundtrip/search_engine/
-
-:github-gist-home:                                https://gist.github.com/
-:asciidoc-extensions-gist-example:                https://gist.github.com/mojavelinux/5546622
-
-:previewer-emoji:                                 /pages/protected/previewer/twitter_emoji/
-:previewer-mdi:                                   /pages/protected/previewer/mdi_font/
-
-:previewer-theme:                                 /pages/public/previewer/theme/
-
-:kickstarter-web-in-a-day:                        /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
-end::urls[]
-
-// Tags - Asciidoc attributes used internally
-// -----------------------------------------------------------------------------
-tag::tags[]
-
-:window:                                          window="blank"
-:no-clipboard:                                    noclip
-:figure-caption:                                  Figure
-:images-dir:                                      pages/roundtrip
-:y:                                               icon:check[role="green"]
-:n:                                               icon:times[role="red"]
-:c:                                               icon:file-alt[role="blue"]
-:beginner:                                        icon:battery-quarter[role="md-blue"]
-:inter:                                           icon:battery-half[role="md-blue"]
-:advanced:                                        icon:battery-full[role="md-blue"]
-:emdash:                                          —
-:bullet:                                          •
-:bigbullet:                                       ●
-:bigbigbullet:                                    ⬤
-:dot:                                             .
-:dotdot:                                          ..
-:middot:                                          ·
-
-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"
-
-end::data[]
-
-
-// Product - Document (e.g release) information
-// -----------------------------------------------------------------------------
-tag::product_info[]
-:license:                                         MIT License
-:revdate:                                         2018
-:revnumber:                                       1.0.0
-end::product_info[]
-
-
-// Author - Author information
-// -----------------------------------------------------------------------------
-tag::authors[]
-:uri-author-juergen-adams                         https://jekyll.one
-end::authors[]

data/lib/starter_web/pages/public/test_pages/vtutorials/000_includes/documents/100_gistblock.asciidoc

@@ -1,27 +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, adoc]
-----
-.Gist title
-gist::git_address[] <1>
-----
-<1> For `git_address`, {github-gist-home}[, window="_blank"] is prepended automatically
-
-.Example of a gist block
-----
-.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/public/test_pages/vtutorials/000_includes/documents/410_bottom_info.asciidoc

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

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#sideModalBLWarningDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#sideModalBRDangerDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#centralModalSuccessDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#fluidModalLeftInfoDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#fluidModalRightSuccessDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_includes/documents/410_table_3_column.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/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#frameModalTopInfoDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#sideModalTLInfoDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_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 mb-5">
-  <!-- Button trigger modal -->
-  <button type="button" class="btn btn-secondary btn-raised" data-toggle="modal" data-target="#sideModalTRSuccessDemo">
-    Launch Modal Example
-  </button>
-</div>
-++++

data/lib/starter_web/pages/public/test_pages/vtutorials/000_includes/documents/419_advanced_modals_html.asciidoc

@@ -1,928 +0,0 @@
-++++
-<!-- Modal Contact Form -->
-<div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
-  <div class="modal-dialog modal-notify modal-info" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Contact Form</p>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-        </button>
-      </div>
-      <!-- Body -->
-      <div class="modal-body mb-0">
-        <div class="md-form form-sm">
-          <i class="mdi mdi-dark mdi-email"></i>
-          <input type="text" id="form19" class="form-control">
-          <label for="form19">Your name</label>
-        </div>
-        <div class="md-form form-sm">
-          <i class="mdi mdi-dark mdi-lock"></i>
-          <input type="password" id="form20" class="form-control">
-          <label for="form20">Your email</label>
-        </div>
-        <div class="md-form form-sm">
-          <i class="mdi mdi-dark mdi-tag"></i>
-          <input type="text" id="form21" class="form-control">
-          <label for="form21">Subject</label>
-        </div>
-        <div class="md-form form-sm">
-          <i class="mdi mdi-dark mdi-pencil"></i>
-          <textarea type="text" id="form8" class="md-textarea form-control mb-0"></textarea>
-          <label for="form8">Your message</label>
-        </div>
-        <!-- Footer -->
-        <div class="modal-footer mt-5">
-          <a type="button" class="btn btn-primary-modal btn-text">Send<i class="mdi mdi-dark mdi-send ml-1"></i></a>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Contact Form -->
-
-<!-- Modal Full Height Right Success-->
-<div class="modal fade right" id="fluidModalRightSuccess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <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-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">
-          <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>
-          <i class="mdi mdi-4x mdi-check mdi-rotateIn mb-1"></i>
-        </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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Full Height Modal Right Success -->
-
-<!-- Modal Top Info -->
-<div class="modal fade top" id="frameModalTopInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-modal mr-2">Yes, please</a>
-          <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Top Info -->
-
-<!-- Modal Bottom Success-->
-<div class="modal fade bottom" id="frameModalBottomSuccessDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-modal mr-2">Yes, please</a>
-          <a type="button" class="btn btn-outline-secondary-modal" data-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 Top Right Success -->
-<div class="modal fade right" id="sideModalTRSuccessDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Top Right Success -->
-
-<!-- Side Modal Top Left Info -->
-<div class="modal fade left" id="sideModalTLInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-1280x600.jpg" 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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Top Left Info -->
-
-<!-- Side Modal Bottom Right Danger -->
-<div class="modal fade right" id="sideModalBRDangerDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Bottom Right Danger -->
-
-<!-- Side Modal Bottom Left Warning -->
-<div class="modal fade left" id="sideModalBLWarningDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Side Modal Bottom Left Warning -->
-
-<!-- Modal Form Login with Avatar Demo -->
-<div class="modal fade" id="modalLoginAvatarDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog cascading-modal modal-avatar modal-sm" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <img src="/assets/images/pages/roundtrip/410_bs_modals_extentions/avatar.jpg" alt="avatar.jpg" class="rounded-circle img-responsive">
-      </div>
-      <!-- Body -->
-      <div class="modal-body text-center mb-1">
-        <h5 class="mt-1 mb-2 notoc">Maria Doe</h5>
-        <div class="md-form ml-0 mr-0">
-          <input type="password" type="text" id="form1" class="form-control ml-0">
-          <label for="form1" class="ml-0">Enter password</label>
-        </div>
-        <div class="text-center">
-          <button class="btn btn-cyan mt-1">Login <i class="mdi mdi-login ml-1"></i></button>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!--END Modal Form Login with Avatar Demo -->
-
-<!--Modal Login-Register Form Demo -->
-<div class="modal fade" id="modalLRFormDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog cascading-modal" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!-- Modal cascading tabs -->
-      <div class="modal-c-tabs">
-        <!-- Nav tabs -->
-        <ul class="nav nav-tabs tabs-2 light-blue darken-3" role="tablist">
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#panel17" role="tab"><i class="mdi mdi-account mr-1"></i> Login</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#panel18" role="tab"><i class="mdi mdi-account-plus mr-1"></i> Register</a>
-          </li>
-        </ul>
-        <!-- Tab panels -->
-        <div class="tab-content">
-          <!--Panel 17-->
-          <div class="tab-pane fade in show active" id="panel17" role="tabpanel">
-            <!-- Body -->
-            <div class="modal-body mb-1">
-              <div class="md-form form-sm">
-                <i class="mdi mdi-email"></i>
-                <input type="text" id="form2" class="form-control">
-                <label for="form2">Your email</label>
-              </div>
-              <div class="md-form form-sm">
-                <i class="mdi mdi-lock"></i>
-                <input type="password" id="form3" class="form-control">
-                <label for="form3">Your password</label>
-              </div>
-              <div class="text-center mt-2">
-                <button class="btn btn-info">Log in <i class="mdi mdi-login ml-1"></i></button>
-              </div>
-            </div>
-            <!-- Footer -->
-            <div class="modal-footer">
-              <div class="options text-center text-md-right mt-1">
-                <p>Not a member? <a href="#" class="blue-text">Sign Up</a></p>
-                <p>Forgot <a href="#" class="blue-text">Password?</a></p>
-              </div>
-              <button type="button" class="btn btn-outline-info ml-auto" data-dismiss="modal">Close <i class="mdi mdi-close ml-1"></i></button>
-            </div>
-          </div>
-          <!--/.Panel 7-->
-          <!--Panel 18-->
-          <div class="tab-pane fade" id="panel18" role="tabpanel">
-            <!-- Body -->
-            <div class="modal-body">
-              <div class="md-form form-sm">
-                <i class="mdi mdi-email"></i>
-                <input type="text" id="form14" class="form-control">
-                <label for="form14">Your email</label>
-              </div>
-              <div class="md-form form-sm">
-                <i class="mdi mdi-lock"></i>
-                <input type="password" id="form5" class="form-control">
-                <label for="form5">Your password</label>
-              </div>
-              <div class="md-form form-sm">
-                <i class="mdi mdi-lock"></i>
-                <input type="password" id="form6" class="form-control">
-                <label for="form6">Repeat password</label>
-              </div>
-              <div class="text-center form-sm mt-2">
-                <button class="btn btn-info">Sign up <i class="mdi mdi-login ml-1"></i></button>
-              </div>
-              <fieldset class="additional-option">
-                <input type="checkbox" id="checkbox1">
-                <label for="checkbox1">Subscribe me to the newsletter</label>
-              </fieldset>
-            </div>
-            <!-- Footer -->
-            <div class="modal-footer">
-              <div class="options text-right">
-                <p class="pt-1">Already have an account? <a href="#" class="blue-text">Log In</a></p>
-              </div>
-              <button type="button" class="btn btn-outline-info ml-auto" data-dismiss="modal">Close <i class="mdi mdi-close ml-1"></i></button>
-            </div>
-          </div>
-          <!--/.Panel 8-->
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Login-Register Form Demo -->
-
-<!-- Modal Central Large Info -->
-<div class="modal fade" id="centralModalLGInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog modal-lg 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-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>
-        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap-1280x600.jpg" class="img-fluid">
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer">
-        <a type="button" class="btn btn-primary-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Central Large Info -->
-
-<!-- Modal Central Fluid Success -->
-<div class="modal fade" id="centralModalFluidSuccessDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog modal-fluid 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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Central Fluid Success -->
-
-<!-- Modal Full Height Right Success Demo -->
-<div class="modal fade right" id="fluidModalRightSuccessDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-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 class="modal fade left" id="fluidModalLeftInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Full Height Left Info Demo -->
-
-<!-- Modal Full Height Top Warning Demo -->
-<div class="modal fade top" id="fluidModalTopWarningDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <div class="modal-dialog modal-full-height modal-top 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-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>
-        </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>
-        </ul>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer">
-        <a type="button" class="btn btn-primary-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Full Height Top Warning Demo -->
-
-<!-- Modal Full Height Bottom Danger Demo -->
-<div class="modal fade bottom" id="fluidModalBottomDangerDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <div class="modal-dialog modal-full-height modal-bottom 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-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>
-        </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>
-        </ul>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer">
-        <a type="button" class="btn btn-primary-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Full Height Bottom Danger Demo -->
-
-<!-- Modal Central Success Demo -->
-<div class="modal fade" id="centralModalSuccessDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog 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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Central Success Demo -->
-
-<!-- Modal Central Info Demo -->
-<div class="modal fade" id="centralModalInfoDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog 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-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="bootstrap-1280x600.jpg" 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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Central Info Demo -->
-
-<!-- Modal Central Danger Demo -->
-<div class="modal fade" id="centralModalDangerDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog 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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Central Danger Demo -->
-
-<!-- Modal Central Warning Demo -->
-<div class="modal fade" id="centralModalWarningDemo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog 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-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-modal mr-2">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal Central Warning Demo -->
-
-<!--Modal New User -->
-<div class="modal fade right" id="modalBFDemoNewUser" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <div class="modal-dialog modal-side modal-bottom-right modal-notify modal-info" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header">
-        <p class="lead">Welcome to J1 Template</p>
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-        <span aria-hidden="true" class="white-text">×</span>
-        </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">Michal</p>
-            <p class="text-muted " style="font-size: 13px">MDB Founder</p>
-          </div>
-          <div class="col-9">
-            <p><strong>Hey there!</strong></p>
-            <p>We're happy to see that you're getting involved.</p>
-            <p>How about <strong>we help you in getting more</strong> out of all this awesomeness?</p>
-          </div>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a href="#" class="btn btn-primary-modal">Start tutorial <i class="mdi mdi-code-tags ml-1"></i></a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!-- END Modal New User -->
-
-<!--Modal 10% Discount -->
-<div class="modal fade right" id="modalBFDemoDiscount" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
-  <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">Discount offer: <strong>10% off</strong></p>
-        <button type="button" class="close" data-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-gift mdi-4x"></i></p>
-          </div>
-          <div class="col-9">
-            <p>Sharing is caring. Therefore, from time to time we like to give our visitors small gifts. Today is one of those days.</p>
-            <p><strong>Copy the following code and use it at the checkout. It's valid for <u>one day</u>.</strong></p>
-            <h2 class="notoc"><span class="badge">v52gs1</span></h2>
-          </div>
-        </div>
-      </div>
-      <!-- Footer -->
-      <div class="modal-footer justify-content-center">
-        <a href="#" class="btn btn-primary-modal">Yes, please</a>
-        <a type="button" class="btn btn-outline-secondary-modal" data-dismiss="modal">No, thanks</a>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!--END Modal 10% Discount -->
-
-<!--Modal Subscription -->
-<div class="modal fade" id="modalBFDemoSubscription" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-  <div class="modal-dialog cascading-modal z-depth-1" role="document">
-    <!-- Content -->
-    <div class="modal-content">
-      <!--Header-->
-      <div class="modal-header light-blue darken-3 white-text">
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-        <span aria-hidden="true">×</span>
-        </button>
-        <h4 class="title notoc"><i class="mdi mdi-newspaper"></i> Don’t miss important updates</h4>
-      </div>
-      <!-- Body -->
-      <div class="modal-body mb-0">
-        <p class="lead text-center">Subscribe to our newsletter</p>
-        <div class="md-form form-sm">
-          <i class="mdi mdi-lock"></i>
-          <input type="password" id="form16" class="form-control">
-          <label for="form16">Your name</label>
-        </div>
-        <div class="md-form form-sm">
-          <i class="mdi mdi-email"></i>
-          <input type="text" id="form17" class="form-control">
-          <label for="form17">Your email</label>
-        </div>
-        <div class="text-center mt-1-half">
-          <button class="btn btn-info">Submit <i class="mdi mdi-check ml-1"></i></button>
-          <button class="btn btn-outline-info" data-dismiss="modal">No, thanks</button>
-        </div>
-      </div>
-    </div>
-    <!-- END Content -->
-  </div>
-</div>
-<!--END Modal Subscription -->
-++++