Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "folio" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "market" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "page" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "page" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "page" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "page" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "projects" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Trying to access array offset on null in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "frontend-dev" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "backenddev" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "app-dev" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "ui-ux-design" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "graphic-design" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "product-design" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "wp-cms-dev" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined array key "e-com-dev" in /home/o/ohromv9y/idomyjob.com/public_html/system/functions.custom.php on line 90

Warning: Undefined variable $jj in /home/o/ohromv9y/idomyjob.com/public_html/modules/projects/inc/projects.list.php on line 232
<!-- Открывает основной блок шаблона для Cotonti -->
<!DOCTYPE html> <!-- Объявляет документ как HTML5 -->
<html lang="en"> <!-- Задаёт язык документа из конфигурации Cotonti -->
    <head> <!-- Открывает секцию метаданных и подключений -->
        <title>Projects catalog - IdoMyJOB</title> <!-- Устанавливает заголовок страницы из переменной Cotonti -->
        <meta name="description" content="Find Skilled Freelancers You Can Trust!" /> <!-- Условно добавляет мета-описание, если оно задано -->
         <!-- Условно добавляет ключевые слова, если они заданы -->
        <meta charset="utf-8" /> <!-- Устанавливает кодировку UTF-8 -->
        <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Задаёт адаптивность для мобильных устройств -->
        <meta name="generator" content="Cotonti https://www.cotonti.com" /> <!-- Указывает, что сайт создан на Cotonti -->
        <link rel="canonical" href="https://idomyjob.com/projects/web-dev" /> <!-- Условно добавляет канонический URL, если он задан -->
        <base href="https://idomyjob.com/" /> <!-- Вставляет базовый URL из Cotonti -->
        <link href="modules/files/assets/files.min.css?nc=2.1.1" type="text/css" rel="stylesheet" />
<link href="lib/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="themes/cleancot/css/extras.css" type="text/css" rel="stylesheet" />
<link href="themes/cleancot/css/modalbox.css" type="text/css" rel="stylesheet" />
<link href="themes/cleancot/css/style.css" type="text/css" rel="stylesheet" />
<link href="themes/cleancot/assets/fancybox/fancybox.css" type="text/css" rel="stylesheet" />
<link href="themes/cleancot/fontawesome/css/all.min.css" type="text/css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/jqModal.min.js"></script>
<script src="js/base.min.js"></script>
<script src="js/ajax_on.js"></script>
<script src="themes/cleancot/assets/fancybox/fancybox.umd.js"></script>
<script src="themes/cleancot/js/js.js"></script> <!-- Вставляет дополнительные элементы head из системы (CSS, JS и т.д.) -->
        <link rel="shortcut icon" href="favicon.ico" /> <!-- Подключает классическую иконку сайта в формате ICO -->
        <link rel="icon" href="themes/cleancot/img/favicon.svg" type="image/svg+xml"> <!-- Подключает SVG-иконку из папки темы -->
        <link rel="apple-touch-icon" href="apple-touch-icon.png" /> <!-- Подключает иконку для устройств Apple -->
    </head> <!-- Закрывает секцию метаданных -->
    <body> <!-- Открывает тело документа -->
        <header class="bg-costum-dgrey text-white shadow-bottom"> <!-- Открывает хедер с кастомным тёмно-серым фоном, белым текстом и тенью снизу -->
            <!-- Первый ярус --> <!-- Комментарий для обозначения верхнего уровня хедера -->
            <div class="container-xl py-2"> <!-- Контейнер Bootstrap с увеличенной шириной и отступами сверху/снизу -->
                <div class="row align-items-center"> <!-- Строка Bootstrap для выравнивания элементов по центру -->
                    <!-- Заголовок (70% на ноутбуках) --> <!-- Комментарий для левой части с заголовком -->
                    <div class="col-12 col-lg-8 d-flex align-items-center"> <!-- Колонка: 100% на мобильных, 8/12 на ноутбуках, с flex-выравниванием -->
                        <button class="navbar-toggler me-2 d-lg-none p-1" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarOffcanvas" aria-controls="navbarOffcanvas" aria-label="Toggle navigation"> <!-- Кнопка бургер-меню для мобильных, скрыта на больших экранах -->
                            <i class="fa-solid fa-bars fa-xl me-2"></i> <!-- Иконка бургера из Font Awesome -->
                        </button> <!-- Закрывает кнопку бургер-меню -->
                        <a href="https://idomyjob.com" class="text-white text-decoration-none d-block"> <!-- Ссылка на главную страницу с белым текстом без подчёркивания -->
                            <h1 class="h4 mb-0">IdoMyJOB</h1> <!-- Заголовок сайта размером h4 без нижнего отступа -->
                            <small class="fs-6 text-costum-light-grey d-block mt-1 d-none d-md-inline">Find Skilled Freelancers You Can Trust!</small> <!-- Подзаголовок мелким шрифтом, скрыт на маленьких экранах -->
                        </a> <!-- Закрывает ссылку на главную -->
                    </div> <!-- Закрывает колонку с заголовком -->
                    <!-- Локализация, поиск, кнопка аккаунта (30% на ноутбуках) --> <!-- Комментарий для правой части -->
                    <div class="col-12 col-lg-4 d-flex justify-content-between justify-content-lg-end align-items-center mt-3 mt-lg-0"> <!-- Колонка: 100% на мобильных, 4/12 на ноутбуках, с flex-выравниванием -->
			                        <!-- Поиск --> <!-- Комментарий для блока поиска -->
                        <div class="me-3"> <!-- Контейнер для кнопки поиска с правым отступом -->
                            <button class="btn text-white" data-bs-toggle="modal" data-bs-target="#searchModal" title="Search"> <!-- Кнопка открытия модального окна поиска -->
                                <i class="fa-solid fa-magnifying-glass fa-lg"></i> <!-- Иконка лупы из Font Awesome -->
                            </button> <!-- Закрывает кнопку поиска -->
                        </div> <!-- Закрывает контейнер поиска -->
                        <!-- Кнопка для правого Offcanvas --> <!-- Комментарий для кнопки аккаунта -->
                         <!-- Условие для неавторизованных пользователей -->
                            <div> <!-- Контейнер для кнопки -->
                                <button class="btn text-white" type="button" data-bs-toggle="offcanvas" data-bs-target="#accountOffcanvas" aria-controls="accountOffcanvas" title="Account"> <!-- Кнопка открытия правого Offcanvas -->
                                    <i class="fa-solid fa-user fa-lg"></i> <!-- Иконка пользователя из Font Awesome -->
                                </button> <!-- Закрывает кнопку -->
                            </div> <!-- Закрывает контейнер кнопки -->
                            <!-- Правый Offcanvas для аккаунта --> <!-- Комментарий для бокового меню -->
                            <div class="offcanvas offcanvas-end bg-costum-dgrey text-white" tabindex="-1" id="accountOffcanvas" aria-labelledby="accountOffcanvasLabel"> <!-- Offcanvas-контейнер с правым открытием -->
                                <div class="offcanvas-header"> <!-- Заголовок Offcanvas -->
                                    <h5 class="offcanvas-title" id="accountOffcanvasLabel">Account</h5> <!-- Заголовок "Аккаунт" -->
                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> <!-- Кнопка закрытия Offcanvas -->
                                </div> <!-- Закрывает заголовок Offcanvas -->
                                <div class="offcanvas-body"> <!-- Тело Offcanvas -->
                                    <ul class="navbar-nav"> <!-- Список навигации -->
                                        <li class="nav-item"> <!-- Элемент списка -->
                                            <a class="nav-link" href="login"> <!-- Ссылка на страницу входа -->
                                                <i class="fa-solid fa-right-to-bracket me-1"></i> Login <!-- Иконка и текст "Войти" -->
                                            </a> <!-- Закрывает ссылку -->
                                        </li> <!-- Закрывает элемент списка -->
                                        <li class="nav-item"> <!-- Элемент списка -->
                                            <a class="nav-link" href="users?m=register"> <!-- Ссылка на страницу регистрации -->
                                                <i class="fa-solid fa-user-plus me-1"></i> Register <!-- Иконка и текст "Регистрация" -->
                                            </a> <!-- Закрывает ссылку -->
                                        </li> <!-- Закрывает элемент списка -->
                                        <li class="nav-item"> <!-- Элемент списка -->
                                            <a class="nav-link" href="users?m=passrecover"> <!-- Ссылка на восстановление пароля -->
                                                <i class="fa-solid fa-key me-1"></i> Lost your password? <!-- Иконка и текст "Восстановить пароль" -->
                                            </a> <!-- Закрывает ссылку -->
                                        </li> <!-- Закрывает элемент списка -->
                                    </ul> <!-- Закрывает список навигации -->
                                </div> <!-- Закрывает тело Offcanvas -->
                            </div> <!-- Закрывает Offcanvas -->
 <!-- Закрывает условие для гостей -->
                         <!-- Закрывает условие для авторизованных -->
                    </div> <!-- Закрывает колонку с локализацией, поиском и аккаунтом -->
                </div> <!-- Закрывает строку Bootstrap -->
            </div> <!-- Закрывает контейнер первого яруса -->
            
            <div class="border border-secondary d-none d-md-block"></div> <!-- Разделительная линия, видна только на средних и больших экранах -->
            
            <!-- Второй ярус: Navbar с Offcanvas слева --> <!-- Комментарий для нижнего уровня хедера -->
            <nav class="navbar navbar-expand-lg py-0 bg-costum-dblue"> <!-- Навигационная панель с раскрытием на больших экранах и тёмно-синим фоном -->
                <div class="container-xl"> <!-- Контейнер Bootstrap с увеличенной шириной -->
                    <div class="offcanvas offcanvas-start bg-costum-dblue text-white" tabindex="-1" id="navbarOffcanvas" aria-labelledby="navbarOffcanvasLabel"> <!-- Offcanvas-контейнер с левым открытием -->
                        <div class="offcanvas-header"> <!-- Заголовок Offcanvas -->
                            <h5 class="offcanvas-title text-white" id="navbarOffcanvasLabel">Navigation</h5> <!-- Заголовок "Навигация" -->
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> <!-- Кнопка закрытия Offcanvas -->
                        </div> <!-- Закрывает заголовок Offcanvas -->
                        <div class="offcanvas-body py-2"> <!-- Тело Offcanvas с отступами -->
                            <ul class="navbar-nav text-white mb-2 mb-md-0"> <!-- Список навигации с белым текстом -->
                                <li class="nav-item"> <!-- Элемент списка -->
                                    <a class="nav-link" href="https://idomyjob.com" title="Home"> <!-- Ссылка на главную страницу -->
                                        <i class="fa-solid fa-house me-1"></i> Home <!-- Иконка и текст "Главная" -->
                                    </a> <!-- Закрывает ссылку -->
                                </li> <!-- Закрывает элемент списка -->
								<!-- Проверяем, активен ли модуль 'projects' в Cotonti -->
									<!-- Создаём элемент навигации -->
									<li class="nav-item">
										<!-- Ссылка на раздел 'projects' с классом 'nav-link'; добавляем 'active', если мы в этом разделе -->
										<a class="nav-link active" href="projects">
											<!-- Иконка комментариев из Font Awesome с отступом и текст из языкового файла -->
											<i class="fa-solid fa-clipboard-list me-1"></i> Projects
										<!-- Закрываем ссылку -->
										</a>
									<!-- Закрываем элемент навигации -->
									</li>
								<!-- Завершаем проверку активности модуля -->
								<!-- Проверяем, активен ли модуль 'market' в Cotonti -->
								<!-- Проверяем, активен ли модуль 'folio' в Cotonti -->
									<!-- Создаём элемент навигации -->
									<li class="nav-item">
										<!-- Ссылка на раздел 'folio' с классом 'nav-link'; добавляем 'active', если мы в этом разделе -->
										<a class="nav-link" href="folio">
											<!-- Иконка комментариев из Font Awesome с отступом и текст из языкового файла -->
											<i class="fa-solid fa-camera-retro me-1"></i> Portfolio
										<!-- Закрываем ссылку -->
										</a>
									<!-- Закрываем элемент навигации -->
									</li>
								<!-- Завершаем проверку активности модуля -->
								<li class="nav-item">
									<a class="nav-link" href="freelancers/">
										<i class="fa-solid fa-users me-1"></i>Freelancers
									</a>
								</li>
                                <!-- Двухуровневое выпадающее меню --> <!-- для редактирования ссылок смотреть файл, который подключается в строке ниже -->
                                					<!-- Создаём элемент навигации Bootstrap с выпадающим меню -->
					<li class="nav-item dropdown">
						<!-- Задаём ссылку для открытия выпадающего меню с классами Bootstrap и атрибутами для управления -->
						<a class="nav-link dropdown-toggle" href="#" id="extraDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
							<!-- Добавляем иконку куба из Font Awesome с отступом и текст "Публикации" из языкового файла Cotonti -->
							<i class="fa-solid fa-cube me-1"></i> Publications
						<!-- Закрываем ссылку для выпадающего меню -->
						</a>
						<!-- Определяем выпадающее меню Bootstrap, привязанное к ID "extraDropdown" -->
						<ul class="dropdown-menu" aria-labelledby="extraDropdown">
							<!-- Проверяем, существует ли категория "news" в структуре Cotonti -->
								<!-- Убеждаемся, что у категории "news" есть путь (path) в структуре -->
									<!-- Создаём элемент списка для категории "Новости" -->
									<li>
										<!-- Формируем ссылку на категорию "news" с классом Bootstrap и подсказкой из локализации -->
										<a href="news" class="dropdown-item" title="News">
											<!-- Вставляем иконку газеты с отступом и название категории "Новости" из языкового файла -->
											<i class="fa-solid fa-newspaper me-2"></i> News
										<!-- Закрываем ссылку на категорию "news" -->
										</a>
									<!-- Закрываем элемент списка для "news" -->
									</li>
								<!-- Завершаем проверку наличия пути для "news" -->
							<!-- Завершаем проверку существования категории "news" -->
							<!-- Проверяем, существует ли категория "articles" в структуре Cotonti -->
								<!-- Убеждаемся, что у категории "articles" есть путь (path) в структуре -->
									<!-- Создаём элемент списка для категории "Статьи" -->
									<li>
										<!-- Формируем ссылку на категорию "articles" с классом Bootstrap и подсказкой из локализации -->
										<a href="articles" class="dropdown-item" title="Articles">
											<!-- Вставляем иконку газеты с отступом и название категории "Статьи" из языкового файла -->
											<i class="fa-solid fa-newspaper me-2"></i> Articles
										<!-- Закрываем ссылку на категорию "articles" -->
										</a>
									<!-- Закрываем элемент списка для "articles" -->
									</li>
								<!-- Завершаем проверку наличия пути для "articles" -->
							<!-- Завершаем проверку существования категории "articles" -->
							<!-- Проверяем, существует ли категория "events" в структуре Cotonti -->
								<!-- Убеждаемся, что у категории "events" есть путь (path) в структуре -->
									<!-- Создаём элемент списка для категории "События" -->
									<li>
										<!-- Формируем ссылку на категорию "events" с классом Bootstrap и подсказкой из локализации -->
										<a href="events" class="dropdown-item" title="Events">
											<!-- Вставляем иконку газеты с отступом и название категории "События" из языкового файла -->
											<i class="fa-solid fa-newspaper me-2"></i> Events
										<!-- Закрываем ссылку на категорию "events" -->
										</a>
									<!-- Закрываем элемент списка для "events" -->
									</li>
								<!-- Завершаем проверку наличия пути для "events" -->
							<!-- Завершаем проверку существования категории "events" -->
							<!-- Проверяем, существует ли категория "blogs" в структуре Cotonti -->
						<!-- Закрываем выпадающее меню -->
						</ul>
					<!-- Закрываем элемент навигации -->
					</li>
 <!-- Подключает файл с двухуровневым меню -->
								
                                 <!-- Закрывает условие форумов -->
                                 <!-- Закрывает условие userarticles -->
                                 <!-- Закрывает условие recentitems -->
                                <!-- Двухуровневое выпадающее меню --> <!-- Комментарий для подключения подменю -->
                                						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="extraDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
								<i class="fa-solid fa-plus me-1"></i> Additional links
							</a>
							<ul class="dropdown-menu" aria-labelledby="extraDropdown">
								<!-- Условие Cotonti: проверка активности модуля опросов "users" -->
								<li> 
								  <a href="users" class="dropdown-item" title="Users"> 
									<i class="fa-solid fa-users me-2"></i> Users
								  </a>
								</li>
								<!-- Конец условия для модуля "users" -->
								 <!-- Условие Cotonti: проверка активности плагина "contact" -->
								<li><!-- Элемент списка -->
								  <a href="contact" class="dropdown-item" title="Contact us"> <!-- Ссылка на страницу контактов с классом навигации и всплывающей подсказкой из языкового файла -->
									<i class="fa-solid fa-envelope me-2"></i> Contact us <!-- Иконка конверта (ассоциация с контактами) с отступом справа и текст из языкового файла cleancot.**.lang.php -->
								  </a> <!-- Закрытие ссылки -->
								</li> <!-- Закрытие элемента списка -->
								 <!-- Конец условия для плагина "contact" -->
								
								 <!-- Конец условия для плагина "whosonline" -->
								
								<!-- Условие Cotonti: проверка активности модуля опросов "polls" -->
								<!-- Конец условия для модуля "polls" -->
								
								 <!-- Конец условия для плагина "tags" -->
								
							</ul>
						</li> 
								<!-- Подключает файл с двухуровневым меню -->
                            </ul> <!-- Закрывает список навигации -->
                        </div> <!-- Закрывает тело Offcanvas -->
                    </div> <!-- Закрывает Offcanvas -->
                </div> <!-- Закрывает контейнер второго яруса -->
            </nav> <!-- Закрывает навигационную панель -->
            <div class="border border-secondary d-none d-md-block"></div> <!-- Разделительная линия, видна только на средних и больших экранах -->
        </header> <!-- Закрывает хедер --><div class="bg-light py-2 border-bottom border-secondary">
  <div class="container py-2">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0 flex-nowrap overflow-x-auto"><a href="projects" title="Projects catalog">Projects catalog</a>  <span>Web Development</span></ol>
    </nav>
  </div>
</div>
<div class="container-xl min-vh-50 py-4">
        <h1 class="mb-4 d-flex align-items-center">
                Web Development
                    </h1>


  <div class="row">
    <!-- Левая колонка: каталог категорий -->
    <div class="col-12 col-md-4 col-lg-3">
      <div class="card mb-4 border rounded-3">
        <div class="card-header bg-info text-dark">
          <h2 class="h5 mb-0">Categories</h2>
        </div>
        <div class="card-body px-0"> <ul class="list-group list-group-flush">
	<li class="list-group-item bg-transparent"><a href="projects">All</a></li>		
		<li class="list-group-item bg-transparent"><a  class="active" href="projects/web-dev">Web Development (5)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/app-dev">Mobile App Development (0)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/ui-ux-design">UI/UX Design (4)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/graphic-design">Graphic Design (2)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/product-design">Product Design (1)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/wp-cms-dev">WordPress / CMS Development (1)</a>
	</li>
	<li class="list-group-item bg-transparent"><a  class="text-primary-emphasis text-decoration-none" href="projects/e-com-dev">E-commerce Development (2)</a>
	</li>
</ul> </div>
      </div>
    </div>
    <!-- Правая колонка: фильтры и список -->
    <div class="col-12 col-md-8 col-lg-9">

      <!-- Блок фильтров -->
      <div class="p-3 mb-4 rounded-2 bg-white" style="border: 5px var(--bs-info-border-subtle) solid">
        <form action="projects" method="GET" class="d-flex flex-column gap-3">
          <input type="hidden" name="e" value="projects" />
          <input type="hidden" name="type" value="" />
          <input type="hidden" name="l" value="en" />
          <!-- Поле поиска -->
          <div class="row align-items-center">
            <label class="col-12 col-sm-3 mb-2 mb-sm-0">Search:</label>
            <div class="col-12 col-sm-9"> <input class="form-control" type="text" name="sq" value=""  class="schstring" /> </div>
          </div>
          <!-- Поле категории -->
          <div class="row align-items-center">
            <label class="col-12 col-sm-3 mb-2 mb-sm-0">Category:</label>
            <div class="col-12 col-sm-9"><select class="form-select" name="c"><option value="">---</option><option value="web-dev" selected="selected">Web Development</option><option value="app-dev">Mobile App Development</option><option value="ui-ux-design">UI/UX Design</option><option value="graphic-design">Graphic Design</option><option value="product-design">Product Design</option><option value="wp-cms-dev">WordPress / CMS Development</option><option value="e-com-dev">E-commerce Development</option></select></div>
          </div>
          <!-- Поле категории -->
          <div class="row align-items-center">
            <label class="col-12 col-sm-3 mb-2 mb-sm-0">Order:</label>
            <div class="col-12 col-sm-9"><select class="form-select" name="sort"><option value="" selected="selected">The most urgent</option><option value="costasc">Price Ascending</option><option value="costdesc">Price descending</option></select></div>
          </div>
          <!-- Кнопка отправки -->
          <div class="row">
            <div class="col-12 col-sm-3 d-none d-sm-block"></div>
            <div class="col-12 col-sm-9">
              <input type="submit" name="search" class="btn btn-primary" value="Search" />
            </div>
          </div>
        </form>
      </div>
                  
      <div id="listprojects">
<div class="list-group list-group-striped list-group-flush mb-4">
    <li class="list-group-item list-group-item-action odd">
        <div class="row g-3">
            <div class="col-12 col-md-8">
				<h5 class="mb-0 fs-6 fw-semibold text-primary-emphasis"><a class="text-reset" href="projects/web-dev/4">Wordpress Google Ads GA4 Conversion Setup</a> <div class="badge mx-2 bg-success">75 $</div></h5>
				<span class="text-success fw-semibold">Web Development </span>
                <p class="mb-1">I'm looking for an expert who can set up Google Ads and GA4 conversion tracking on my Word ...</p>

            </div>
            <div class="col-12 col-md-4 text-center">
                <div>
                    <small class="text-body-secondary">Author <a href="users/santiagokhalid">santiagokhalid</a></small>
                </div>
				<div>
					<small class="text-body-secondary">Date 2025-04-16</small>
                    <small class="text-body-secondary"><a href="projects/web-dev/4#addofferform">Add an offer</a> (0)</small>
                </div>
            </div>
        </div>
    </li>


    <li class="list-group-item list-group-item-action even">
        <div class="row g-3">
            <div class="col-12 col-md-8">
				<h5 class="mb-0 fs-6 fw-semibold text-primary-emphasis"><a class="text-reset" href="projects/web-dev/3">PHPMailer to SMTP transactional email authentication</a> <div class="badge mx-2 bg-success">99 $</div></h5>
				<span class="text-success fw-semibold">Web Development </span>
                <p class="mb-1">Developing a PHP8x script that can send a *low volume* of authenticated transactional emai ...</p>

            </div>
            <div class="col-12 col-md-4 text-center">
                <div>
                    <small class="text-body-secondary">Author <a href="users/rahulali">rahulali</a></small>
                </div>
				<div>
					<small class="text-body-secondary">Date 2025-04-16</small>
                    <small class="text-body-secondary"><a href="projects/web-dev/3#addofferform">Add an offer</a> (0)</small>
                </div>
            </div>
        </div>
    </li>


    <li class="list-group-item list-group-item-action odd">
        <div class="row g-3">
            <div class="col-12 col-md-8">
				<h5 class="mb-0 fs-6 fw-semibold text-primary-emphasis"><a class="text-reset" href="projects/web-dev/2">Google Docs Database Creation for Medical Subscribers</a> <div class="badge mx-2 bg-success">700 $</div></h5>
				<span class="text-success fw-semibold">Web Development </span>
                <p class="mb-1">I'm looking for an experienced developer who can create a comprehensive Google Docs databa ...</p>

            </div>
            <div class="col-12 col-md-4 text-center">
                <div>
                    <small class="text-body-secondary">Author <a href="users/juanpatel">juanpatel</a></small>
                </div>
				<div>
					<small class="text-body-secondary">Date 2025-04-16</small>
                    <small class="text-body-secondary"><a href="projects/web-dev/2#addofferform">Add an offer</a> (0)</small>
                </div>
            </div>
        </div>
    </li>


    <li class="list-group-item list-group-item-action even">
        <div class="row g-3">
            <div class="col-12 col-md-8">
				<h5 class="mb-0 fs-6 fw-semibold text-primary-emphasis"><a class="text-reset" href="projects/web-dev/1">Flutter App Development with NLP</a> <div class="badge mx-2 bg-success">30 $</div></h5>
				<span class="text-success fw-semibold">Web Development </span>
                <p class="mb-1">I am looking for a seasoned Flutter developer with a strong background in integrating Natu ...</p>

            </div>
            <div class="col-12 col-md-4 text-center">
                <div>
                    <small class="text-body-secondary">Author <a href="users/zararossi">zararossi</a></small>
                </div>
				<div>
					<small class="text-body-secondary">Date 2025-04-15</small>
                    <small class="text-body-secondary"><a href="projects/web-dev/1#addofferform">Add an offer</a> (0)</small>
                </div>
            </div>
        </div>
    </li>


    <li class="list-group-item list-group-item-action odd">
        <div class="row g-3">
            <div class="col-12 col-md-8">
				<h5 class="mb-0 fs-6 fw-semibold text-primary-emphasis"><a class="text-reset" href="projects/web-dev/15">E-commerce Site UX & Mobile Responsiveness Analysis</a> <div class="badge mx-2 bg-success">25 $</div></h5>
				<span class="text-success fw-semibold">Web Development </span>
                <p class="mb-1">I'm looking for an expert to analyze several e-commerce websites, with a particular focus  ...</p>

            </div>
            <div class="col-12 col-md-4 text-center">
                <div>
                    <small class="text-body-secondary">Author <a href="users/rahulpet">rahulpet</a></small>
                </div>
				<div>
					<small class="text-body-secondary">Date 2025-04-10</small>
                    <small class="text-body-secondary"><a href="projects/web-dev/15#addofferform">Add an offer</a> (0)</small>
                </div>
            </div>
        </div>
    </li>


</div>
      </div>
  <div class="row">
    <div class="col-12">
      <div class="d-flex justify-content-between align-items-center mb-4">
        <nav aria-label="Users pagination">
          <ul class="pagination mb-0">  </ul>
        </nav>
      </div>
    </div>
  </div>
    </div>
  </div>
</div><footer class="py-4">
    <div class="container-xl">
        <div class="row">
			<!-- Navigation section --> <!-- Секция навигации -->
			<div class="col-md-3 mb-3"> <!-- Контейнер колонки шириной 3/12 для экранов md и больше с нижним отступом -->
			  <h5 class="fw-bold mb-3">Navigation</h5> <!-- Заголовок 5 уровня с жирным шрифтом и нижним отступом, выводит "Навигация" из языкового файла cleancot.**.lang.php -->
			  <ul class="list-group list-group-flush"> <!-- Список с классами Bootstrap для стилизации как группа без внутренних границ -->
				<li class="list-group-item bg-transparent"> 
				  <a href="projects" class="nav-link" title="Projects"> 
					<i class="fa-solid fa-clipboard-list me-1"></i> Projects 
				  </a> 
				</li> 
								 
				<li class="list-group-item bg-transparent"> 
				  <a href="folio" class="nav-link" title="Portfolio"> 
					<i class="fa-solid fa-camera-retro me-1"></i> Portfolio 
				  </a> 
				</li> 
				 <!-- Конец условия для модуля "forums" -->
				 <!-- Конец условия для плагина "userarticles" -->
				<li class="list-group-item bg-transparent"> <!-- Элемент списка с прозрачным фоном (без условия, всегда отображается) -->
				  <a href="users" class="nav-link" title="Users"> <!-- Ссылка на страницу пользователей с классом навигации и всплывающей подсказкой "Пользователи" -->
					<i class="fa-solid fa-users me-2"></i> Users <!-- Иконка группы пользователей (ассоциация с пользователями) с отступом справа и текст "Пользователи" из языкового файла -->
				  </a> <!-- Закрытие ссылки -->
				</li> <!-- Закрытие элемента списка -->
			  </ul> <!-- Закрытие списка -->
			</div> <!-- Закрытие контейнера колонки -->

			<!-- RSS feeds section (shown only if RSS module is active) --> <!-- Секция RSS-лент, отображается только если активен модуль RSS -->
			<div class="col-md-3 mb-3"> <!-- Контейнер колонки шириной 3/12 для экранов md и больше с нижним отступом -->
			   <!-- Конец условия для модуля "rss" -->
			</div> <!-- Закрытие контейнера колонки -->

			<!-- Navigation section --> <!-- Секция навигации -->
			<div class="col-md-3 mb-3"> <!-- Контейнер колонки шириной 3/12 для экранов md и больше с нижним отступом -->
			  <h5 class="fw-bold mb-3">Publications in sections</h5> <!-- Заголовок 5 уровня с жирным шрифтом и нижним отступом, выводит "Публикации в разделах" из языкового файла cleancot.**.lang.php -->
			  <ul class="list-group list-group-flush "> <!-- Список без внутренних отступов и границ между элементами -->
				 <!-- Условие Cotonti: проверка существования пути к категории "news" -->
				<li class="list-group-item bg-transparent"> <!-- Элемент списка с прозрачным фоном -->
				  <a href="news" class="nav-link" title="News"> <!-- Ссылка на страницу новостей с классом навигации и всплывающей подсказкой "Новости" -->
					<i class="fa-solid fa-newspaper me-2"></i> News </a> <!-- Иконка газеты с отступом справа и текст "Новости" из языкового файла cleancot.**.lang.php -->
				</li> <!-- Закрытие элемента списка -->
				 <!-- Конец условия для категории "news" -->
				 <!-- Условие Cotonti: проверка существования пути к категории "articles" -->
				<li class="list-group-item bg-transparent"> <!-- Элемент списка с прозрачным фоном -->
				  <a href="articles" class="nav-link" title="Articles"> <!-- Ссылка на страницу статей с классом навигации и всплывающей подсказкой "Статьи" -->
					<i class="fa-solid fa-newspaper me-2"></i> Articles </a> <!-- Иконка газеты с отступом справа и текст "Статьи" из языкового файла -->
				</li> <!-- Закрытие элемента списка -->
				 <!-- Конец условия для категории "articles" -->
				 <!-- Условие Cotonti: проверка существования пути к категории "events" -->
				<li class="list-group-item bg-transparent"> <!-- Элемент списка с прозрачным фоном -->
				  <a href="events" class="nav-link" title="Events"> <!-- Ссылка на страницу событий с классом навигации и всплывающей подсказкой "События" -->
					<i class="fa-solid fa-newspaper me-2"></i> Events</a> <!-- Иконка газеты с отступом справа и текст "События" из языкового файла -->
				</li> <!-- Закрытие элемента списка -->
				 <!-- Конец условия для категории "events" -->
			  </ul> <!-- Закрытие списка -->
			</div> <!-- Закрытие контейнера колонки -->
            
			<!-- Additional links section --> <!-- Секция дополнительных ссылок -->
			<div class="col-md-3 mb-3"> <!-- Контейнер колонки шириной 3/12 для экранов md и больше с нижним отступом -->
			  <h5 class="fw-bold mb-3">Links</h5> <!-- Заголовок 5 уровня с жирным шрифтом и нижним отступом, выводит "Ссылки" из языкового файла cleancot.**.lang.php -->
			  <ul class="list-group list-group-flush"> <!-- Список с классами Bootstrap для стилизации как группа без внутренних границ -->
				 <!-- Условие Cotonti: проверка активности плагина "contact" -->
				<li class="list-group-item bg-transparent"> <!-- Элемент списка с прозрачным фоном -->
				  <a href="contact" class="nav-link" title="Contact us"> <!-- Ссылка на страницу контактов с классом навигации и всплывающей подсказкой из языкового файла -->
					<i class="fa-solid fa-envelope me-2"></i> Contact us <!-- Иконка конверта (ассоциация с контактами) с отступом справа и текст из языкового файла cleancot.**.lang.php -->
				  </a> <!-- Закрытие ссылки -->
				</li> <!-- Закрытие элемента списка -->
				 <!-- Конец условия для плагина "contact" -->
				
				<li class="list-group-item bg-transparent"> 
				  <a href="about" class="nav-link" title="About Us"> 
					<i class="fa-solid fa-address-card me-2"></i> About Us
				  </a>
				</li> 
				 <!-- Конец условия для плагина "statistics" -->
				 <!-- Конец условия для плагина "whosonline" -->
			  </ul> <!-- Закрытие списка -->
			</div> <!-- Закрытие контейнера колонки -->
			
        </div>
    </div>
</footer>
<div class="border border-secondary"></div>
<!-- Secondary footer section with system info --> <!-- Вторичная секция футера с системной информацией -->
<div class="bg-costum-dgrey"> <!-- Контейнер с чёрным фоном и градиентом -->
    <div class="container-xl py-3"> <!-- Внутренний контейнер с увеличенной шириной и вертикальными отступами -->
        <div class="text-white"> <!-- Блок с белым цветом текста -->
            <div class="row justify-content-between"> <!-- Сетка Bootstrap с выравниванием элементов по краям -->
                <!-- Cotonti CMS link with tooltip --> <!-- Ссылка на Cotonti CMS с всплывающей подсказкой -->
                <div class="col-md-auto text-center text-md-start"> <!-- Колонка с автоматической шириной, центрирование текста на мобильных, выравнивание влево на md и больше -->
                </div> <!-- Закрытие колонки -->
                <!-- Copyright notice --> <!-- Уведомление об авторских правах -->
                <div class="col-md-auto text-center text-md-end"> <!-- Колонка с автоматической шириной, центрирование текста на мобильных, выравнивание вправо на md и больше -->
                    <p class="mb-0">IdoMyJOB © Sunday, 15 November 2026 03:08</p> <!-- Параграф без нижнего отступа с названием сайта и текущей датой/временем в формате "день, дата месяц год часы:минуты" -->
                </div> <!-- Закрытие колонки -->
            </div> <!-- Закрытие сетки -->
        </div> <!-- Закрытие блока с белым текстом -->
    </div> <!-- Закрытие внутреннего контейнера -->
</div> <!-- Закрытие контейнера с фоном -->
<!-- Кнопка back-to-top -->
<button type="button" data-bs-toggle="tooltip" data-bs-title="Woo-hoo!!!" class="btn btn-light position-fixed bottom-0 end-0 m-3" id="btn-back-to-top">
    <i class="fa-solid fa-jet-fighter-up fa-lg"></i>
</button>

<!-- JavaScript -->
<script>
    let backToTopButton = document.getElementById("btn-back-to-top");

    // Скролл наверх при клике
    backToTopButton.addEventListener("click", function() {
        window.scrollTo({ top: 0, behavior: "smooth" });
    });
</script>
<!-- Search modal (shown only if search plugin is active) -->
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary-subtle text-primary-emphasis">
                <h5 class="modal-title" id="searchModalLabel">Search</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="search" action="search" method="GET" class="d-flex">
                    <!-- Hidden input required for URL editor compatibility -->
                    <input type="hidden" name="e" value="search" />
                    <input type="text" name="sq" class="form-control me-2" placeholder="Search..." />
                    <button type="submit" class="btn btn-primary" title="Search">
                        <i class="fa-solid fa-magnifying-glass"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
 <!-- Конец условия для администраторской группы -->

<!-- Footer resources (scripts, etc.) -->
<script src="modules/files/assets/files.min.js?nc=2.1.1"></script>
<script src="js/jquery.tablednd.min.js?nc=2.1.1"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script>
//<![CDATA[
cot.init({"config":{"serverEvents":"none"},"lang":[]});
//]]>
</script>
<script>
//<![CDATA[
window.cotFiles.init({"allowedExtensions":["jpg","jpeg","png","webp","zip","rar","7z","gz","bz2","pdf","djvu","txt","doc","docx","xls","xlsx"],"dataType":"json","previewMaxWidth":250,"previewMaxHeight":"250","autoUpload":true,"sequentialUploads":false,"loadImageFileTypes":"^image\\\/(avif|bmp|gif|jpeg|heic|heif|png|svg\\+xml|x-tga|webp)$","loadImageMaxFileSize":60000000,"x":"3F24449B","maxChunkSize":2000000})
//]]>
</script>
</body>
</html>