Презентация на тему «<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Презентация Визави — слайды 13-15</title> <style> * { margin:0; padding:0; box-sizing:border-box; } body { font-family: 'Montserrat', sans-serif; background: #f7f9fc; display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 40px 20px; } /* Слайд — точный размер 1280x720 */ .slide { width: 1280px; height: 720px; background: #ffffff; border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.15); position: relative; overflow: hidden; padding: 60px 80px; display: flex; flex-direction: column; justify-content: space-between; } /* Верхняя панель с логотипом и меню */ .top-bar { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #2b2d42; } .logo { font-weight: 800; font-size: 22px; letter-spacing: 2px; } .logo span { color: #4361ee; } .menu { display: flex; gap: 20px; font-weight: 500; opacity: 0.7; } /* Типографика */ h1 { font-size: 42px; font-weight: 800; color: #2b2d42; line-height: 1.2; } .subtitle { font-size: 18px; color: #5a6270; margin-top: 15px; line-height: 1.5; } /* Карточки преимуществ */ .cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; } .card { background: #f7f9fc; border-radius: 16px; padding: 18px 20px; display: flex; gap: 15px; align-items: flex-start; border-left: 5px solid #4361ee; } .card-icon { font-size: 35px; width: 50px; height: 50px; background: #4361ee; color: white; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .card-title { font-weight: 700; font-size: 17px; color: #2b2d42; } .card-text { font-size: 14px; color: #5a6270; margin-top: 5px; line-height: 1.4; } /* Плашка-бонус */ .bonus-bar { background: #4361ee; color: white; text-align: center; padding: 16px; border-radius: 40px; font-weight: 700; font-size: 18px; margin-top: 30px; box-shadow: 0 8px 20px rgba(67, 97, 238, 0.4); } /* Таблица цен */ .price-table { width: 100%; border-collapse: separate; border-spacing: 0 10px; margin: 20px 0; } .price-table th { background: #2b2d42; color: white; padding: 14px 10px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .price-table th:first-child { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .price-table th:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .price-table td { background: #f7f9fc; padding: 18px 10px; font-size: 16px; text-align: center; color: #2b2d42; border-bottom: 1px solid #e0e4ed; } .price-table td:first-child { font-weight: 800; font-size: 20px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .price-table td:last-child { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .level-start td:first-child { color: #f4a261; } .level-base td:first-child { color: #2a9d8f; } .level-scene td:first-child { color: #4361ee; } .level-cont td:first-child { color: #e63946; } .old-price { color: #999; } .new-price { font-weight: 700; color: #e63946; } .discount-badge { background: #fef3e0; color: #b95100; padding: 4px 8px; border-radius: 20px; font-weight: 600; font-size: 12px; } /* Новый блок — стоимость одного занятия как кофе */ .coffee-note { background: #fef3e0; border: 2px dashed #b95100; border-radius: 30px; padding: 12px 20px; font-size: 16px; font-weight: 700; text-align: center; color: #b95100; margin: 15px 0 5px;» — смотреть онлайн | Презентоша