Презентация на тему «} /* Доп услуги */ .extra-services { display: flex; gap: 20px; margin-top: 20px; } .extra-item { flex: 1; background: #f0f3f9; border-radius: 16px; padding: 18px 20px; text-align: center; } .extra-item .name { font-weight: 700; font-size: 16px; } .extra-item .price { font-size: 20px; font-weight: 800; color: #4361ee; margin-top: 6px; } /* Футер для слайда с ценами */ .footnote { font-size: 13px; color: #5a6270; text-align: center; margin-top: 15px; } /* Слайд 15 — фон с градиентом */ .slide-15 { background: linear-gradient(135deg, #2b2d42 0%, #4361ee 60%, #7b2ff7 100%); color: white; justify-content: center; align-items: center; text-align: center; padding: 60px 100px; } .slide-15 h1 { color: white; font-size: 56px; margin-bottom: 25px; text-shadow: 0 5px 20px rgba(0,0,0,0.3); } .slide-15 p { font-size: 22px; color: rgba(255,255,255,0.9); line-height: 1.6; max-width: 800px; margin: 0 auto; } .contact-row { display: flex; gap: 40px; justify-content: center; margin-top: 60px; flex-wrap: wrap; } .contact-item { background: rgba(255,255,255,0.15); padding: 15px 30px; border-radius: 50px; font-size: 24px; font-weight: 700; backdrop-filter: blur(5px); } .contact-item span { margin-right: 10px; } .cta-button { margin-top: 50px; background: white; color: #4361ee; font-size: 18px; font-weight: 800; padding: 15px 40px; border-radius: 50px; text-decoration: none; display: inline-block; box-shadow: 0 10px 30px rgba(0,0,0,0.2); transition: transform 0.2s; } .cta-button:hover { transform: scale(1.05); } .hashtag { position: absolute; bottom: 30px; right: 40px; font-size: 18px; opacity: 0.7; font-weight: 500; } /* Отметка о слайдах */ .slide-label { position: absolute; bottom: 20px; left: 30px; font-size: 12px; color: #999; } </style> </head> <body> <!-- ===================== СЛАЙД 13 ===================== --> <div class="slide"> <div class="top-bar"> <div class="logo">ВИЗА<span>ВИ</span></div> <div class="menu">О нас | Методика | Расписание | Контакты</div> </div> <div> <h1>Новая система — больше пользы, понятные вложения</h1> <div class="subtitle">Раньше вы платили за час занятий. Теперь вы инвестируете в систему развития</div> <div class="cards"> <div class="card"> <div class="card-icon">🎯</div> <div> <div class="card-title">Уровень, а не возраст</div> <div class="card-text">Ребёнок занимается с теми, кто на одном уровне с ним</div> </div> </div> <div class="card"> <div class="card-icon">📊</div> <div> <div class="card-title">Замеры 3 раза в год</div> <div class="card-text">Вы видите рост, а не просто «ходим на танцы»</div> </div> </div> <div class="card"> <div class="card-icon">🗓️</div> <div> <div class="card-title">Календарь событий</div> <div class="card-text">Выступления, конкурсы, праздники — всё спланировано заранее</div> </div> </div> <div class="card"> <div class="card-icon">🎭</div> <div> <div class="card-title">Сценическая практика</div> <div class="card-text">Каждый уровень получает своё время на сцене</div> </div> </div> </div> </div> <div class="bonus-bar">С декабря 2025 все эти бонусы включены в стоимость абонемента — без доплат</div> <div class="slide-label">Слайд 13</div> </div> <!-- ===================== СЛАЙД 14 ===================== --> <div class="slide"> <div class="top-bar"> <div class="logo">ВИЗА<span>ВИ</span></div> <div class="menu">Стоимость | Расписание | Запись</div> </div> <h1>Стоимость обучения 2025</h1> <table class="price-table"> <thead> <tr> <th>Уровень</th> <th>Занятий в месяц</th>» — смотреть онлайн | Презентоша