Шаблоны сайта

BEST SOLID PRINCIPLES CMS

Список файлов:

assets
blocks

wizard.js

css

modules

shop

product-page.css

shop-page.css

all.min.css

animate.min.css

bootstrap.css

bootstrap.min.css

bootstrap_limitless.css

bootstrap_limitless.min.css

components.css

components.min.css

custom.css

engine.css

font-awesome.css

font-awesome.min.css

layout.css

layout.min.css

live-chat.css

normalize.css

personal-messages.css

sidebar.css

support.css

wall_custom.css

fonts

Manrope

images

bg

events

favicons

posters

js

bootstrap

bootstrap.bundle.js

bootstrap.bundle.min.js

bootstrap.js

bootstrap.min.js

jquery

jquery.min.js

modules

shop

product-page.js

shop-page.js

vendor

notifications

bootbox.min.js

noty.min.js

sweet_alert.min.js

swiper

modules

a11y-element.css

a11y-element.min.css

a11y.css

a11y.min.css

autoplay-element.css

autoplay-element.min.css

autoplay.css

autoplay.min.css

controller-element.css

controller-element.min.css

controller.css

controller.min.css

effect-cards-element.css

effect-cards-element.min.css

effect-cards.css

effect-cards.min.css

effect-coverflow-element.css

effect-coverflow-element.min.css

effect-coverflow.css

effect-coverflow.min.css

effect-creative-element.css

effect-creative-element.min.css

effect-creative.css

effect-creative.min.css

effect-cube-element.css

effect-cube-element.min.css

effect-cube.css

effect-cube.min.css

effect-fade-element.css

effect-fade-element.min.css

effect-fade.css

effect-fade.min.css

effect-flip-element.css

effect-flip-element.min.css

effect-flip.css

effect-flip.min.css

free-mode-element.css

free-mode-element.min.css

free-mode.css

free-mode.min.css

grid-element.css

grid-element.min.css

grid.css

grid.min.css

hash-navigation-element.css

hash-navigation-element.min.css

hash-navigation.css

hash-navigation.min.css

history-element.css

history-element.min.css

history.css

history.min.css

keyboard-element.css

keyboard-element.min.css

keyboard.css

keyboard.min.css

manipulation-element.css

manipulation-element.min.css

manipulation.css

manipulation.min.css

mousewheel-element.css

mousewheel-element.min.css

mousewheel.css

mousewheel.min.css

navigation-element.css

navigation-element.min.css

navigation.css

navigation.min.css

pagination-element.css

pagination-element.min.css

pagination.css

pagination.min.css

parallax-element.css

parallax-element.min.css

parallax.css

parallax.min.css

scrollbar-element.css

scrollbar-element.min.css

scrollbar.css

scrollbar.min.css

thumbs-element.css

thumbs-element.min.css

thumbs.css

thumbs.min.css

virtual-element.css

virtual-element.min.css

virtual.css

virtual.min.css

zoom-element.css

zoom-element.min.css

zoom.css

zoom.min.css

shared

types

modules

swiper-bundle.css

swiper-bundle.js

swiper-bundle.min.css

swiper-bundle.min.js

swiper-element-bundle.js

swiper-element-bundle.min.js

swiper-element.js

swiper-element.min.js

swiper.css

swiper.js

swiper.min.css

swiper.min.js

app.js

base.js

countdown.js

custom.js

language.js

modules_summernote.js

payment.js

registration_block.js

registration_page.js

theme.js

widgets

counter_widget.js

participation_widget.js

payment_statistics.js

payment_widget.js

quiz_widget.js

walls.js

ws

live-chat.js

notification-list.js

notification.js

personal-messages.js

sendGlobalNotification.js

support.js

tickets-chat.js

main.js
blocks
bodyendscripts.tpl

bottom_menu.tpl

breadcrumbs.tpl

carousel.tpl

copyright.tpl

currency.tpl

error.tpl

faq.tpl

footer.tpl

form.tpl

head.tpl

language.tpl

leftside.tpl

location_item.tpl

logo.tpl

menu.tpl

modal.tpl

module_filter.tpl

notifications.tpl

online_support.tpl

pagetools.tpl

rightside.tpl

support.tpl

theme.tpl

topmenu.tpl

wizard.tpl
chat
live-chat.tpl

message.js

personal-messages.tpl

tickets-chat.tpl
extensions
co_buying

profile_list.tpl

education

grades

diary_grid.tpl

parent_grades.tpl

teacher_grades.tpl

schedules

add_schedule.tpl

schedules_grid.tpl

students_progress

add_student_progress.tpl

students_progress.tpl

page-qr-sharing.tpl

qr-token-payload.tpl
lang
english

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

russian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

spanish

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

ukrainian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

global_1.tpl
modules
ads

add.tpl

full_ad.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_ads.tpl

similar_entries.tpl

adverts

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

auctions

add.tpl

full_auctions.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_auctions.tpl

similar_lots.tpl

coupons

full_coupons.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_coupons.tpl

short_lots.tpl

similar_lots.tpl

events

add.tpl

full_event.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_events.tpl

similar_entries.tpl

files

add.tpl

full_file.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_files.tpl

similar_entries.tpl

investments

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

lots

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

movies

add.tpl

full_movie.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_movies.tpl

similar_entries.tpl

news

add.tpl

full_news.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_news.tpl

similar_entries.tpl

products

add.tpl

full_product.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_products.tpl

similar_entries.tpl

shops

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

product_page.tpl

shop_page.tpl

short_shop.tpl

similar_lots.tpl
payment
balance

error.tpl

success.tpl

blocks

bonuses_section.tpl

finish_payment_section.tpl

info_section.tpl

pay_grid.tpl

coinbase

error.tpl

success.tpl

stripe

error.tpl

success.tpl

cart.tpl

checkout.tpl

payment.tpl
widgets
custom

counter

counter_widget_1.tpl

participation

participation_widget_1.tpl

participation_widget_2.tpl

payments-widgets

donate

donate.tpl

pay_for_hidden_data

hidden_data.tpl

sale

sale.tpl

subscription

base-subscription.tpl

professional-subscription.tpl

universal-payment.tpl

quiz

quiz_widget_1.tpl

wall

wall_1.tpl

counter_widget.tpl

event_participants.tpl

lots_participants.tpl

participation_widget.tpl

payment_statistics.tpl

payment_widget.tpl

quiz_widget.tpl

reviews_facebook.tpl

reviews_google.tpl

slider_facebook.tpl

slider_instagram.tpl

submit_feedback.tpl
add-comment.tpl
addnews.tpl
authorization.tpl
categories.tpl
comments-list.tpl
comments.tpl
error.tpl
home.tpl
info.tpl
latestnews.tpl
login.tpl
lostpassword.tpl
main.tpl
mostviewednews.tpl
my-wallet.tpl
navigation.tpl
notifications.tpl
offline.tpl
pages.tpl
pm.tpl
poll.tpl
popularnews.tpl
profile.tpl
raiting.tpl
registration.tpl
relatednews.tpl
search.tpl
searchresult.tpl
stats.tpl
submit_feedback.tpl
tags.tpl
test.tpl
testchat.tpl
topnews.tpl
user-profile.tpl
users.tpl

Название файла: testchat.tpl

<div class="overflow-auto" style="max-height: 500px;">
          <ul class="list-unstyled m-0">
            <li class="chat-list-item">
              <a href="#" class="d-flex justify-content-between text-decoration-none text-body open-chat">
                <div class="d-flex align-items-center">
                  <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                    class="rounded-circle me-2" width="38" height="38">
                  <div>
                    <p class="mb-1 fw-semibold">Marie Horwitz</p>
                    <p class="small text-muted mb-0">Hello, are you there?</p>
                  </div>
                </div>
                <div class="text-end">
                  <p class="small text-muted mb-1">Just now</p>
                  <span class="badge bg-danger rounded-pill">3</span>
                </div>
              </a>
            </li>
            <li class="chat-list-item">
              <a href="#" class="d-flex justify-content-between text-decoration-none text-body open-chat">
                <div class="d-flex align-items-center">
                  <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                    class="rounded-circle me-2" width="38" height="38">
                  <div>
                    <p class="mb-1 fw-semibold">Marie Horwitz</p>
                    <p class="small text-muted mb-0">Hello, are you there?</p>
                  </div>
                </div>
                <div class="text-end">
                  <p class="small text-muted mb-1">Just now</p>
                  <span class="badge bg-danger rounded-pill">3</span>
                </div>
              </a>
            </li>
            <li class="chat-list-item">
              <a href="#" class="d-flex justify-content-between text-decoration-none text-body open-chat">
                <div class="d-flex align-items-center">
                  <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava1-bg.webp"
                    class="rounded-circle me-2" width="38" height="38">
                  <div>
                    <p class="mb-1 fw-semibold">Marie Horwitz</p>
                    <p class="small text-muted mb-0">Hello, are you there?</p>
                  </div>
                </div>
                <div class="text-end">
                  <p class="small text-muted mb-1">Just now</p>
                  <span class="badge bg-danger rounded-pill">3</span>
                </div>
              </a>
            </li>
            
          </ul>
        </div>
      </div>
    </div>

<div class="col-12 col-md-7 col-lg-8 d-none d-md-block p-0 " id="chat-window">
      <div class="card h-100 shadow-sm rounded-4 bg-blurred d-flex flex-column" style="border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;">
        
        <div class="d-flex align-items-center p-3 border-bottom justify-content-between" style="height: 80px;">
          
          <button class="btn btn-link d-md-none me-3 p-0 text-body-emphasis" id="back-to-list">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
              <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
            </svg>
          </button>
          <div class="d-flex gap-2 align-items-center">
            <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-chat/ava6-bg.webp"
              class="rounded-circle" width="45" height="45">
            <div>
              <h6 class="mb-0 fw-semibold">Elon Musk</h6>
              <p class="text-success small mb-0">Online</p>
            </div>
          </div>
          <div class="d-flex gap-4">
            <i class="fa fa-search"></i>
            <i class="fa fa-video-camera"></i>
            <i class="fa fa-gear"></i>
          </div>
        </div>

<div id="chat-messages" class="flex-grow-1 overflow-auto p-3" style="max-height: 500px;">
          <div class="d-flex flex-column gap-3">
            
            <div class="d-flex flex-column gap-2 message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center">
                <div class="bg-body-tertiary p-2 rounded-3">Привет!</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 align-self-end text-end message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center" style="flex-direction: row-reverse;">
                <div class="bg-primary text-white p-2 rounded-3">Как дела?</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list" style="right: 0px;">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center">
                <div class="bg-body-tertiary p-2 rounded-3">Привет!</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 align-self-end text-end message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center" style="flex-direction: row-reverse;">
                <div class="bg-primary text-white p-2 rounded-3">Как дела?</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list" style="right: 0px;">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center">
                <div class="bg-body-tertiary p-2 rounded-3">Привет!</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 align-self-end text-end message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center" style="flex-direction: row-reverse;">
                <div class="bg-primary text-white p-2 rounded-3">Как дела?</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list" style="right: 0px;">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center">
                <div class="bg-body-tertiary p-2 rounded-3">Привет!</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

<div class="d-flex flex-column gap-2 align-self-end text-end message-wrapper">
              <div class="text-muted small mt-1">12:00 PM | Aug 13</div>
              <div class="d-flex gap-3 align-items-center" style="flex-direction: row-reverse;">
                <div class="bg-primary text-white p-2 rounded-3">Как дела?</div>
                <div class="dropdown-wrapper" style="position: relative;">
                  <i class="fa fa-ellipsis-v text-body ellipsis-icon" style="cursor:pointer;"></i>
                  <ul class="chat-dropdown-menu mt-2 dropdown-custom-position dropdown-list" style="right: 0px;">
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Edit</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body">Reply</a></li>
                    <li><a href="#" class="chat-dropdown-item d-block px-3 py-2 text-decoration-none text-body" style="color: red !important;">Delete</a></li>
                  </ul>
                </div>
              </div>
            </div>

</div>
        </div>

</style>

dropdownWrappers.forEach(wrapper => {
      const icon = wrapper.querySelector('.ellipsis-icon');
      const menu = wrapper.querySelector('.chat-dropdown-menu');

icon.addEventListener('click', (e) => {
        e.stopPropagation();

document.querySelectorAll('.chat-dropdown-menu').forEach(m => {
          if (m !== menu) m.style.display = 'none';
        });

if (menu.style.display === 'block') {
          menu.style.display = 'none';
        } else {
          menu.style.display = 'block';
        }
      });
    });

document.addEventListener('click', () => {
      document.querySelectorAll('.chat-dropdown-menu').forEach(menu => {
        menu.style.display = 'none';
      });
    });
  });
</script>

	Страницы
	Лоты
	Объявления
	Файлы
	Фильмы
	Новости
	Товары
	Мероприятия