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

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

Название файла: blocks/wizard.tpl

<div class="steps-indicator">
            <div class="step-item active" data-step="1">
                <div class="step-counter">1</div>
                <div class="step-title">Основные настройки</div>
            </div>
            <div class="step-item" data-step="2">
                <div class="step-counter">2</div>
                <div class="step-title">База данных</div>
            </div>
            <div class="step-item" data-step="3">
                <div class="step-counter">3</div>
                <div class="step-title">Администратор</div>
            </div>
        </div>
        <div class="wizard-container">
            <div class="progress-bar">
                <div class="progress"></div>
            </div>

<div class="step active" data-step="1">
                <h2>Основные настройки</h2>
                <div class="alert alert-danger" hidden="hidden" id="settingsErrorBlock" role="alert"></div>
                <div class="form-group">
                    <label>Название сайта</label>
                    <input type="text" class="form-control" id="siteName" name="title" required>
                </div>

<div class="form-group">
                    <label>Язык по умолчанию</label>
                    <select class="form-control" id="siteLanguage" name="default_lang" required>
                        <option value="russian">Русский</option>
                        <option value="english">English</option>
                    </select>
                </div>

<div class="form-group">
                    <label>Основная валюта</label>
                    <select class="form-control" id="siteCurrency" name="default_currency" required>
                        {foreach $config["payment_info"]["currencies"] as $key => $currency}
                            <option value="{$key}">{$key}</option>
                        {/foreach}
                    </select>
                </div>
            </div>

<div class="step" data-step="2">
                <h2>Настройки базы данных</h2>
                <div class="alert alert-danger" hidden="hidden" id="dbErrorBlock" role="alert"></div>
                <div class="form-group">
                    <label>Тип БД</label>
                    <select class="form-control" id="dbType" required>
                        <option value="mysql" selected>MySQL</option>
                        <option value="pgsql">PostgreSQL</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>Хост БД</label>
                    <input type="text" class="form-control" id="dbHost" value="localhost" required>
                </div>
                <div class="form-group">
                    <label>Имя пользователя</label>
                    <input type="text" class="form-control" id="dbUser" required>
                </div>
                <div class="form-group">
                    <label>Пароль</label>
                    <input type="password" class="form-control" id="dbPass">
                </div>
                <div class="form-group">
                    <label>Имя базы данных</label>
                    <input type="text" class="form-control" id="dbName" required>
                </div>
            </div>

<div class="step" data-step="3">
                <h2>Создание администратора</h2>
                <div class="alert alert-danger" hidden="hidden" id="adminErrorBlock" role="alert"></div>
                <div class="form-group">
                    <label>Email администратора</label>
                    <input type="email" class="form-control" id="adminEmail" required>
                </div>
                <div class="form-group">
                    <label>Пароль</label>
                    <input type="password" class="form-control" id="adminPass" required>
                </div>
                <div class="form-group">
                    <label>Повторите пароль</label>
                    <input type="password" class="form-control" id="adminPassConfirm" required>
                </div>
            </div>

<div class="navigation-buttons">
                <button type="button" class="btn btn-prev" disabled>Назад</button>
                <button type="button" class="btn btn-next">Далее</button>
            </div>
        </div>
    </div>
    </div>
    {include file="../blocks/footer.tpl"}

</div>

.step .form-control:focus {
        border-color: #4CAF50;
        box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
    }

.wizard-header {
        text-align: center;
        margin-bottom: 40px;
        padding: 30px 20px;
        background: linear-gradient(135deg, #4CAF50, #45a049);
        border-radius: 10px;
        color: white;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }

.wizard-title {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

.title-text {
        opacity: 0.9;
    }

.cms-name {
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        background: rgba(255,255,255,0.1);
        padding: 5px 15px;
        border-radius: 5px;
        border: 2px solid rgba(255,255,255,0.2);
    }

.wizard-subtitle {
        font-size: 1.1rem;
        opacity: 0.9;
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.5;
    }

@media (max-width: 768px) {
        .wizard-title {
            font-size: 2rem;
            flex-direction: column;
            gap: 5px;
        }

.wizard-subtitle {
            font-size: 1rem;
        }
    }
        .wizard-container {
            max-width: 800px;
            margin: 50px auto;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
            border-radius: 10px;
            padding: 30px;
        }

.step {
            display: none;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
        }

.step.active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

.form-group {
            margin-bottom: 20px;
        }

.form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }

.progress-bar {
            height: 5px;
            background: #eee;
            margin-bottom: 30px;
            border-radius: 5px;
        }

.progress {
            height: 100%;
            background: #4CAF50;
            transition: width 0.3s ease;
            width: 0;
        }

.navigation-buttons {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }

.btn-next {
            background: #4CAF50;
            color: white;
        }

.btn-prev {
            background: #666;
            color: white;
        }

.btn-submit {
            background: #2196F3;
            color: white;
        }

.spinner-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .hidden {
            display: none !important;
        }

.steps-indicator {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            position: relative;
        }

.steps-indicator:before {
            content: '';
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
            height: 2px;
            background: #eee;
            z-index: 0;
        }

.step-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            z-index: 1;
        }

.step-counter {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            font-weight: bold;
            color: #666;
            transition: all 0.3s ease;
        }

.step-title {
            text-align: center;
            font-size: 14px;
            color: #666;
            max-width: 120px;
            line-height: 1.3;
        }

.step-item.active .step-counter {
            background: #4CAF50;
            color: white;
            transform: scale(1.1);
        }

.step-item.active .step-title {
            color: #333;
            font-weight: 500;
        }

.step-item.completed .step-counter {
            background: #8BC34A;
            color: white;
        }

@media (max-width: 768px) {
            .step-title {
                display: none;
            }

.steps-indicator {
                justify-content: center;
                gap: 20px;
            }
        }
    </style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

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