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

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

Название файла: widgets/custom/payments-widgets/subscription/base-subscription.tpl

<div class="subscription-card bg-blurred">
    <div class="subscription-badge">Экономия 20%</div>
    <div class="subscription-header">
        <h1 class="subscription-title">{$widgetData.name}</h1>
        <div class="subscription-price">
            {$widgetData.price} {$currency}<span class="subscription-period">/год</span>
        </div>
    </div>

<ul class="subscription-features">
        <li>Полный доступ ко всем функциям</li>
        <li>Премиум-поддержка 24/7</li>
        <li>До 5 устройств одновременно</li>
        <li>Эксклюзивный контент</li>
    </ul>

<button 
        class="subscription-button"
        onclick="window.location.href='?payment&price={$widgetData.price}&currency={$currency}&action=redirect-payment&widget={$widgetData.id}'">
        {$widgetData.btn_text}
    </button>

<p class="subscription-note">Отменить можно в любой момент</p>
</div>

.subscription-card {
        width: 100%;
        border-radius: 4px;
        padding: 2.5rem;
        position: relative;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        overflow: hidden;
    }

.subscription-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    }

.subscription-badge {
        position: absolute;
        top: 18px;
        right: -40px;
        background: linear-gradient(135deg, #3ab34a, #5fd36a);
        color: #fff;
        padding: 8px 45px;
        transform: rotate(45deg);
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0 3px 10px rgba(58, 179, 74, 0.3);
    }

.subscription-header {
        text-align: center;
        margin-bottom: 2rem;
    }

.subscription-title {
        font-size: 1.8rem;
        font-weight: 700;
        color: #222;
        margin-bottom: 0.8rem;
    }

.subscription-price {
        font-size: 2.8rem;
        font-weight: 800;
        background: linear-gradient(90deg, #8b5cf6, #7c3aed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

.subscription-period {
        font-size: 1.1rem;
        font-weight: 500;
        color: #777;
        margin-left: 6px;
    }

.subscription-features {
        list-style: none;
        margin: 1.5rem 0;
        padding: 0;
    }

.subscription-features li {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #444;
        font-size: 0.95rem;
        margin-bottom: 0.9rem;
        line-height: 1.4;
    }

.subscription-features li::before {
        content: "✔";
        color: #22c55e;
        font-weight: bold;
        font-size: 1rem;
    }

.subscription-button {
        width: 100%;
        padding: 1rem;
        font-size: 1.1rem;
        font-weight: 600;
        border: none;
        border-radius: 12px;
        color: #fff;
        background: linear-gradient(90deg, #7c3aed, #a855f7);
        cursor: pointer;
        transition: all 0.25s ease;
        box-shadow: 0 5px 15px rgba(124, 58, 237, 0.25);
    }

.subscription-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(124, 58, 237, 0.35);
        background: linear-gradient(90deg, #a855f7, #7c3aed);
    }

.subscription-note {
        text-align: center;
        margin-top: 1.2rem;
        font-size: 0.85rem;
        color: #777;
    }

/* === DARK MODE === */
    /* [data-bs-theme="dark"] body {
        background: #0e0f11;
        color: #e8e8e8;
    } */

[data-bs-theme="dark"] .subscription-card {
        background: #16181c;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

[data-bs-theme="dark"] .subscription-title {
        color: #fafafa;
    }

[data-bs-theme="dark"] .subscription-price {
        background: linear-gradient(90deg, #a855f7, #7c3aed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

[data-bs-theme="dark"] .subscription-period {
        color: #b3b3b3;
    }

[data-bs-theme="dark"] .subscription-features li {
        color: #d0d0d0;
    }

[data-bs-theme="dark"] .subscription-note {
        color: #a0a0a0;
    }

[data-bs-theme="dark"] .subscription-badge {
        background: linear-gradient(135deg, #2fb043, #4ed165);
        box-shadow: 0 3px 10px rgba(46, 209, 101, 0.4);
    }

[data-bs-theme="dark"] .subscription-button {
        background: linear-gradient(90deg, #9b5cf6, #b07cff);
        box-shadow: 0 5px 20px rgba(160, 100, 255, 0.4);
    }

[data-bs-theme="dark"] .subscription-button:hover {
        background: linear-gradient(90deg, #b07cff, #9b5cf6);
        box-shadow: 0 10px 30px rgba(160, 100, 255, 0.5);
    }

@media (max-width: 480px) {
        .subscription-card {
            width: 90%;
            padding: 1.8rem;
        }

.subscription-title {
            font-size: 1.5rem;
        }

.subscription-price {
            font-size: 2.3rem;
        }
    }
</style>

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