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
<!-- Открывает основной блок шаблона для Cotonti -->
<!DOCTYPE html> <!-- Объявляет документ как HTML5 -->
<html lang="en"> <!-- Задаёт язык документа из конфигурации Cotonti -->
    <head> <!-- Открывает секцию метаданных и подключений -->
        <title>E-commerce Site Development on Framer - E-commerce Development - IdoMyJOB</title> <!-- Устанавливает заголовок страницы из переменной Cotonti -->
        <meta name="description" content="I&#039;m looking for a skilled web developer with expertise in Framer to create a dynamic e-commerce site for my business using Loveable AI website as reference. ..." /> <!-- Условно добавляет мета-описание, если оно задано -->
         <!-- Условно добавляет ключевые слова, если они заданы -->
        <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/e-com-dev/7" /> <!-- Условно добавляет канонический 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>  <a href="projects/e-com-dev" title="E-commerce Development">E-commerce Development</a>  <span>E-commerce Site Development on Framer</span> </ol>
    </nav>
  </div>
</div>
<div class="container-md d-flex flex-column justify-content-center py-4">
  <!-- Заголовок с ценой -->
  <h1 class="h3 mb-3 d-flex align-items-center tboxHD"> E-commerce Site Development on Framer
    
    <span class="ms-auto text-success fw-bold">499 $</span>
  </h1>
        <!-- Сетка Bootstrap -->
  <div class="row">
    <!-- Основной контент -->
    <div class="col-12 col-md-8 mx-auto pb-5">
      <!-- Контент портфолио -->
      <div class="card mb-4">
        <div class="card-body">
          <!-- Информация -->
          <p class="date mb-2">
            <strong>Date:</strong> [2026-08-20 01:26]
          </p>
          <div class="text"><p>I'm looking for a skilled web developer with expertise in Framer to create a dynamic e-commerce site for my business using Loveable AI website as reference. The website should primarily showcase service listings, so experience in developing service-oriented e-commerce platforms is a plus.</p>

<p>Key Requirements:<br>
- Design and develop an engaging e-commerce site using Framer<br>
- Implement comprehensive service listings on the site<br>
- Ensure a user-friendly interface and seamless navigation</p>

<p>Skills and Experience:<br>
- Proven experience in developing e-commerce sites<br>
- Proficiency in Framer<br>
- Excellent web design skills<br>
- Strong understanding of service listing implementation on e-commerce platforms</p>
</div>
        </div>
      </div>
    </div>
    <!-- Боковая панель -->
    <div class="col-12 col-md-4 mx-auto">
      <!-- Информация о владельце -->
      <div class="card mb-4">
        <h2 class="h5 card-header bg-costum-dblue text-white">Information</h2>
        <div class="card-body">
          <div class="row align-items-center">
            <div class="col-auto text-center">
              <!-- Условие Cotonti: проверка активности 'files' без 'userimages' -->
              <!-- Условие Cotonti: проверка наличия ID аватара -->
                            <!-- Дефолтный аватар из ресурсов темы Cotonti -->
              <img src="themes/cleancot/img/user-noavatar.webp" alt="olgapatel" class="rounded-circle" width="75" height="75">
              <!-- Конец условия ID аватара -->
              <!-- Конец условия 'files' без 'userimages' -->
            </div>
            <div class="col text-end">
              <div class="mb-2">
                <span class="badge bg-info">0.0</span>
              </div>
              <div class="owner fw-bold"><a href="users/olgapatel">olgapatel</a></div>
            </div>
          </div>
        </div>
      </div>
      <!-- Админ-панель -->
    </div>
  </div>
</div>
<div class="container-md d-flex flex-column justify-content-center py-4"> <div id="offers">	
	<h4>Offers (0)</h4><br/>
</div>
					

<div class="alert">No offers</div>

<div class="alert alert-warning">
	Leave your suggestions on the project can only registered users with an account specialist.
</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 © Thursday, 12 November 2026 00:37</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>