Все подписки и сервисы, которые мы поможем оформить

/* Кнопка вызова меню */
.ft-side-menu-toggle {
position: fixed;
top: 20px;
right: 20px;
display: flex;
align-items: center;
padding: 8px 15px;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
cursor: pointer;
z-index: 9998;
transition: all 0.3s ease;
border: 1px solid #eaeaea;
}

.ft-side-menu-toggle:hover {
background-color: #f0f0f0;
border-color: #d0d0d0;
}

.ft-side-menu-toggle span {
margin-right: 10px;
font-weight: 500;
color: #333;
font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Oxygen-Sans, Ubuntu, Cantarell, «Helvetica Neue», sans-serif;
}

/* Боковое меню */
.ft-side-menu {
position: fixed;
top: 0;
right: -300px;
width: 280px;
height: 100%;
background-color: #ffffff;
z-index: 10000;
border-left: 1px solid #eaeaea;
transition: right 0.3s ease;
overflow-y: auto;
font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Oxygen-Sans, Ubuntu, Cantarell, «Helvetica Neue», sans-serif;
}

.ft-side-menu.active {
right: 0;
}

.ft-side-menu-header {
padding: 20px;
border-bottom: 1px solid #eaeaea;
display: flex;
justify-content: flex-end;
}

.ft-close-btn {
cursor: pointer;
padding: 5px;
}

.ft-close-btn:hover svg path {
stroke: #e74c3c;
}

.ft-side-menu-list {
list-style: none;
margin: 0;
padding: 0;
}

.ft-side-menu-list li {
margin: 0;
padding: 0;
}

.ft-side-menu-list a {
display: block;
padding: 16px 20px;
color: #333;
text-decoration: none;
transition: all 0.2s ease;
border-bottom: 1px solid #eaeaea;
font-size: 15px;
}

.ft-side-menu-list a:hover {
background-color: #f8f8f8;
color: #e74c3c;
padding-left: 25px;
}

/* Оверлей для затемнения фона */
.ft-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
z-index: 9999;
display: none;
transition: opacity 0.3s ease;
opacity: 0;
backdrop-filter: blur(2px);
}

.ft-overlay.active {
display: block;
opacity: 1;
}

/* Скрываем меню на мобильных устройствах */
@media (max-width: 767px) {
.ft-side-menu-toggle,
.ft-side-menu,
.ft-overlay {
display: none;
}
}

document.addEventListener(«DOMContentLoaded», function() {
var menuToggle = document.getElementById(«ft-side-menu-toggle»);
var sideMenu = document.getElementById(«ft-side-menu»);
var closeBtn = document.querySelector(«.ft-close-btn»);
var overlay = document.getElementById(«ft-overlay»);

// Открытие меню
menuToggle.addEventListener(«click», function() {
sideMenu.classList.add(«active»);
overlay.classList.add(«active»);
document.body.style.overflow = «hidden»; // Блокируем прокрутку страницы
});

// Закрытие меню
function closeMenu() {
sideMenu.classList.remove(«active»);
overlay.classList.remove(«active»);
document.body.style.overflow = «»; // Возвращаем прокрутку страницы
}

closeBtn.addEventListener(«click», closeMenu);
overlay.addEventListener(«click», closeMenu);

// Подсвечиваем текущую страницу
var currentUrl = window.location.href;
var menuLinks = document.querySelectorAll(«.ft-menu-link»);

menuLinks.forEach(function(link) {
if (currentUrl.indexOf(link.getAttribute(«href»)) !== -1) {
link.style.color = «#e74c3c»;
link.style.fontWeight = «500»;
link.style.borderLeft = «3px solid #e74c3c»;
link.style.paddingLeft = «17px»;
link.style.backgroundColor = «#fafafa»;
}
});
});

Полный список подписок

Продукты, которые можно оформить

только напрямую у менеджера @ftimeag

Список подписок

html {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
}

body {
font-family: ‘Arial’, sans-serif;
background-color: #fafafa;
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
color: #333;
}

.main-content {
padding: 40px 20px;
min-height: 100vh;
width: 100%;
box-sizing: border-box;
}

.container {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}

.category-title {
margin: 60px 0 24px;
color: #1a1a1a;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.3px;
position: relative;
padding-left: 0;
}

.category-title:first-of-type {
margin-top: 0;
}

.category-title::before {
content: »;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 20px;
background-color: #e74c3c;
margin-left: -15px;
}

.subscription-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
}

.subscription-item {
background-color: #ffffff;
border: 1px solid #e8e8e8;
border-radius: 6px;
padding: 20px;
transition: all 0.2s ease;
cursor: default;
}

.subscription-item:hover {
border-color: #e74c3c;
transform: translateY(-2px);
}

.subscription-name {
font-weight: 600;
font-size: 15px;
color: #1a1a1a;
margin: 0 0 6px 0;
letter-spacing: -0.2px;
}

.subscription-desc {
color: #737373;
font-size: 13px;
margin: 0;
line-height: 1.5;
font-weight: 400;
}

.footer-note {
text-align: center;
margin-top: 60px;
padding: 24px;
background-color: transparent;
border-radius: 6px;
}

.footer-note p {
margin: 0;
color: #737373;
font-size: 14px;
font-weight: 400;
}

/* Адаптация для больших экранов (ПК) */
@media (min-width: 1024px) {
.main-content {
padding: 60px 40px;
}

.container {
max-width: 1200px;
}

.category-title {
font-size: 24px;
margin: 80px 0 32px;
}

.category-title::before {
width: 4px;
height: 24px;
margin-left: -20px;
}

.subscription-grid {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 20px;
}

.subscription-item {
padding: 24px;
}

.subscription-name {
font-size: 16px;
margin-bottom: 8px;
}

.subscription-desc {
font-size: 14px;
}

.footer-note {
margin-top: 80px;
padding: 28px;
}

.footer-note p {
font-size: 15px;
}
}

/* Адаптация для средних экранов (планшеты) */
@media (min-width: 768px) and (max-width: 1023px) {
.main-content {
padding: 50px 30px;
}

.container {
max-width: 900px;
}

.category-title {
font-size: 22px;
margin: 70px 0 28px;
}

.category-title::before {
width: 3px;
height: 22px;
margin-left: -18px;
}

.subscription-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 18px;
}

.subscription-item {
padding: 22px;
}

.subscription-name {
font-size: 15px;
}

.subscription-desc {
font-size: 13px;
}

.footer-note {
margin-top: 70px;
}
}

/* Мобильная адаптация */
@media (max-width: 767px) {
.main-content {
padding: 32px 16px;
}

.category-title {
font-size: 18px;
margin: 48px 0 20px;
padding-left: 12px;
}

.category-title::before {
width: 3px;
height: 18px;
margin-left: 0;
left: 0;
}

.subscription-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}

.subscription-item {
padding: 16px;
}

.subscription-name {
font-size: 14px;
margin-bottom: 4px;
}

.subscription-desc {
font-size: 12px;
}

.footer-note {
margin-top: 48px;
padding: 20px 16px;
}

.footer-note p {
font-size: 13px;
}
}

/* Дополнительная адаптация для очень маленьких экранов */
@media (max-width: 380px) {
.subscription-grid {
grid-template-columns: 1fr;
}

.main-content {
padding: 24px 12px;
}
}

/* Очень большие экраны */
@media (min-width: 1400px) {
.container {
max-width: 1400px;
}

.main-content {
padding: 80px 60px;
}

.category-title {
font-size: 26px;
margin: 100px 0 40px;
}

.category-title::before {
width: 4px;
height: 26px;
margin-left: -24px;
}

.subscription-grid {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
}

.subscription-item {
padding: 28px;
}

.subscription-name {
font-size: 17px;
margin-bottom: 10px;
}

.subscription-desc {
font-size: 15px;
}

.footer-note {
margin-top: 100px;
padding: 32px;
}

.footer-note p {
font-size: 16px;
}
}

Графические редакторы и дизайн

Adobe Creative Cloud

Photoshop, Premiere Pro и др.

Canva

Онлайн-редактор графики

Freepik

Полная версия с нейросетью

Figma

Дизайн интерфейсов

Нейросети

Chat GPT

Текстовый ИИ-ассистент

Claude

ИИ-помощник от Anthropic

Suno AI

Генерация музыки

Krea AI

Генерация изображений

Recraft

Генеративная нейросеть

Разработка и продуктивность

Jetbrains

IDE для разработчиков

Autodesk

Профессиональные САПР

Notion

Организация информации

Vocemod Pro

Модификатор голоса

Минималистичная красная кнопка

.button-container {
display: flex;
justify-content: center;
margin: 20px 0;
width: 100%;
}
.fancy-button {
display: inline-block;
padding: 16px 32px;
font-family: ‘Roboto’, ‘Arial Black’, sans-serif;
font-size: 22px;
font-weight: 900;
letter-spacing: -0.5px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: white;
background-color: #e53935;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(229, 57, 53, 0.4);
overflow: hidden;
position: relative;
transition: all 0.3s ease;
z-index: 1;
}
.fancy-button:before {
content: »;
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);
transform: rotate(45deg);
animation: shine 3s infinite;
z-index: -1;
}
.fancy-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(229, 57, 53, 0.5);
}
.fancy-button:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
@keyframes shine {
0% {
transform: translateX(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) rotate(45deg);
}
}
/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
.button-container {
padding: 0 10px;
}
.fancy-button {
width: 100%;
padding: 14px 28px;
font-size: 20px;
display: block;
}
}
@media (max-width: 480px) {
.fancy-button {
padding: 12px 24px;
font-size: 18px;
}
}

НАПИСАТЬ МЕНЕДЖЕРУ

document.addEventListener(‘DOMContentLoaded’, function() {
document.querySelector(‘.fancy-button’).addEventListener(‘click’, function(e) {
const ripple = document.createElement(‘span’);
ripple.style.position = ‘absolute’;
ripple.style.borderRadius = ‘50%’;
ripple.style.backgroundColor = ‘rgba(255, 255, 255, 0.3)’;
ripple.style.width = ‘100px’;
ripple.style.height = ‘100px’;
ripple.style.transform = ‘translate(-50%, -50%) scale(0)’;
ripple.style.opacity = ‘1’;
ripple.style.pointerEvents = ‘none’;

const rect = this.getBoundingClientRect();
ripple.style.left = (e.clientX — rect.left) + ‘px’;
ripple.style.top = (e.clientY — rect.top) + ‘px’;

this.appendChild(ripple);

ripple.animate(
[
{ transform: ‘translate(-50%, -50%) scale(0)’, opacity: 1 },
{ transform: ‘translate(-50%, -50%) scale(1)’, opacity: 0 }
],
{
duration: 400,
easing: ‘ease-out’
}
).onfinish = () => ripple.remove();
});
});

Аккордион FAQ

.faq-wrapper {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.faq-wrapper * {
box-sizing: border-box;
}

.faq-body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
padding: 20px 16px;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
}

.accordion-container {
width: 100%;
margin: 0 auto;
background: white;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
overflow: hidden;
}

.accordion-item {
border-bottom: 1px solid #eee;
}

.accordion-item:last-child {
border-bottom: none;
}

.accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
cursor: pointer;
transition: background-color 0.2s ease;
background: white;
min-height: 44px;
-webkit-tap-highlight-color: transparent;
}

.accordion-header:hover {
background: #f8f9fa;
}

.accordion-header:active {
background: #e9ecef;
}

.accordion-title {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
flex: 1;
margin-right: 16px;
}

.accordion-arrow {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
color: #7f8c8d;
flex-shrink: 0;
}

.accordion-arrow.rotated {
transform: rotate(180deg);
}

.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: white;
}

.accordion-content.open {
max-height: 400px;
}

.accordion-text {
padding: 0 24px 20px 24px;
color: #5a6c7d;
font-size: 14px;
line-height: 1.6;
}

.accordion-text a {
color: #3498db;
text-decoration: none;
}

.accordion-text a:hover {
text-decoration: underline;
}

.accordion-text strong {
color: #2c3e50;
font-weight: 600;
}

.arrow-icon {
fill: currentColor;
}

/* Мобильные устройства */
@media (max-width: 768px) {
.faq-body {
padding: 16px 12px;
}

.accordion-header {
padding: 18px 20px;
}

.accordion-title {
font-size: 15px;
margin-right: 12px;
}

.accordion-text {
padding: 0 20px 18px 20px;
font-size: 14px;
}

.accordion-content.open {
max-height: 450px;
}
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
.faq-body {
padding: 12px 8px;
}

.accordion-container {
border-radius: 8px;
}

.accordion-header {
padding: 16px 18px;
}

.accordion-title {
font-size: 14px;
margin-right: 10px;
}

.accordion-text {
padding: 0 18px 16px 18px;
font-size: 13px;
}

.accordion-arrow {
width: 18px;
height: 18px;
}
}

/* iPad и планшеты */
@media (min-width: 769px) and (max-width: 1024px) {
.accordion-header {
padding: 22px 26px;
}

.accordion-title {
font-size: 17px;
}

.accordion-text {
padding: 0 26px 22px 26px;
font-size: 15px;
}
}

Когда мне ответят?

Мы работаем с 10 до 20 (МСК) и постараемся ответить в рабочее время как можно раньше!

Время ответа в зависимости от загруженности:
• В рабочие часы: обычно 5-60 минут
• При высокой загруженности: до 2-3 часов
• Вне рабочего времени: ответим утром следующего дня

Мы стараемся отвечать максимально быстро на все обращения!

Что делать если нужного сервиса нет в списке?

Просто напишите в телеграм @ftimeag. И возможно, мы сможем Вам помочь!

Что нужно указать в сообщении:
• Название нужного сервиса
• Тип подписки (если знаете)
• Желаемый срок использования

Могу ли я продлить подписку?

Да, вы можете продлить подписку в любой момент! Для этого просто повторно напишите менеджеру.

Как оформить продление:
• Свяжитесь с менеджером через @ftimeag
• Укажите какой сервис хотите продлить
• Выберите новый период подписки

Важно знать:
• Продление возможно только при наличии сервиса
• Рекомендуем продлевать за 1-2 дня до истечения

function toggleAccordion(header) {
const content = header.nextElementSibling;
const arrow = header.querySelector(‘.accordion-arrow’);

// Закрываем все остальные аккордионы (если нужно только один открытый)
const allContents = document.querySelectorAll(‘.accordion-content’);
const allArrows = document.querySelectorAll(‘.accordion-arrow’);

allContents.forEach(item => {
if (item !== content) {
item.classList.remove(‘open’);
}
});

allArrows.forEach(item => {
if (item !== arrow) {
item.classList.remove(‘rotated’);
}
});

// Переключаем текущий аккордион
content.classList.toggle(‘open’);
arrow.classList.toggle(‘rotated’);
}