paste.txt

ChatGPT neutral 11 чанков ~10 мин чтения
<!DOCTYPE html><br> <html lang="ru"><br> <head><br> <meta charset="UTF-8"><br> <title>QazReport</title><br> <meta name="viewport" content="width=device-width, initial-scale=1"><br> <meta name="description" content="QazReport — аналитическое бюро, которое помогает проектировать и оценивать решения в государственной политике, внешней политике, репутации и коммуникациях Казахстана."><br> <link rel="preconnect" href="https://fonts.googleapis.com"><br> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><br> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet"><br> <br> <style><br> :root {<br> --ink: #1a1d24;<br> --ink-2: #2d3140;<br> --ink-3: #555a6d;<br> --ink-4: #6e7386;<br> --bg: #f6f7f9;<br> --surface: #ffffff;<br> --surface-2: #f0f1f5;<br> --border: #dfe1e8;<br> --border-2: #c8cbd5;<br> --accent: #2558a6;<br> --accent-light: #eaf0fa;<br> --accent-dark: #1a3d70;<br> --accent-glow: rgba(37,88,166,0.06);<br> --shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);<br> --shadow-md: 0 2px 8px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);<br> --max-w: 1200px;<br> }<br> <br> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }<br> html { scroll-behavior: smooth; }<br> <br> body {<br> font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;<br> background: var(--surface);<br> color: var(--ink);<br> line-height: 1.6;<br> -webkit-font-smoothing: antialiased;<br> -moz-osx-font-smoothing: grayscale;<br> }<br> <br> a { color: inherit; text-decoration: none; }<br> <br> /* NAV */<br> .nav {<br> position: fixed;<br> top: 0; left: 0; right: 0;<br> z-index: 100;<br> background: rgba(255,255,255,0.92);<br> backdrop-filter: blur(12px);<br> -webkit-backdrop-filter: blur(12px);<br> border-bottom: 1px solid var(--border);<br> }<br> <br> .nav-inner {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 0 40px;<br> height: 64px;<br> display: flex;<br> align-items: center;<br> justify-content: space-between;<br> }<br> <br> .nav-logo {<br> font-size: 15px;<br> font-weight: 700;<br> letter-spacing: 0.22em;<br> text-transform: uppercase;<br> color: var(--accent);<br> }<br> <br> .nav-right {<br> display: flex;<br> align-items: center;<br> gap: 32px;<br> }<br> <br> .nav-link {<br> font-size: 13px;<br> font-weight: 500;<br> color: var(--ink-3);<br> transition: color 0.2s;<br> }<br> <br> .nav-link:hover { color: var(--ink); }<br> <br> .nav-cta {<br> font-size: 13px;<br> font-weight: 500;<br> color: var(--accent);<br> padding: 8px 16px;<br> border: 1px solid var(--accent);<br> border-radius: 3px;<br> transition: all 0.2s;<br> }<br> <br> .nav-cta:hover {<br> background: var(--accent);<br> color: var(--surface);<br> }<br> <br> /* HERO */<br> .hero {<br> padding: 160px 40px 120px;<br> max-width: var(--max-w);<br> margin: 0 auto;<br> }<br> <br> .hero-eyebrow {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.2em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> margin-bottom: 24px;<br> }<br> <br> .hero h1 {<br> font-family: 'IBM Plex Serif', Georgia, serif;<br> font-size: 52px;<br> font-weight: 700;<br> line-height: 1.15;<br> letter-spacing: -0.025em;<br> max-width: 800px;<br> margin-bottom: 28px;<br> color: var(--accent);<br> }<br> <br> .hero-sub {<br> font-size: 19px;<br> line-height: 1.6;<br> color: var(--ink-2);<br> max-width: 620px;<br> margin-bottom: 48px;<br> }<br> <br> .hero-actions {<br> display: flex;<br> gap: 16px;<br> flex-wrap: wrap;<br> }<br> <br> .btn-solid {<br> display: inline-flex;<br> align-items: center;<br> padding: 14px 28px;<br> background: var(--accent);<br> color: var(--surface);<br> font-family: 'IBM Plex Sans', sans-serif;<br> font-size: 14px;<br> font-weight: 600;<br> border-radius: 3px;<br> transition: background 0.2s;<br> }<br> <br> .btn-solid:hover { background: var(--accent-dark); }<br> <br> .btn-ghost {<br> display: inline-flex;<br> align-items: center;<br> padding: 14px 28px;<br> background: transparent;<br> color: var(--ink-2);<br> font-family: 'IBM Plex Sans', sans-serif;<br> font-size: 14px;<br> font-weight: 500;<br> border: 1px solid var(--border);<br> border-radius: 3px;<br> transition: all 0.2s;<br> }<br> <br> .btn-ghost:hover {<br> border-color: var(--border-2);<br> color: var(--ink);<br> }<br> <br> /* STRIPE */<br> .stripe {<br> background: var(--bg);<br> border-top: 1px solid var(--border);<br> border-bottom: 1px solid var(--border);<br> }<br> <br> .stripe-inner {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 80px 40px;<br> display: grid;<br> grid-template-columns: 280px 1fr;<br> gap: 80px;<br> }<br> <br> .stripe-label {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> padding-top: 4px;<br> }<br> <br> .stripe-body p {<br> font-size: 17px;<br> line-height: 1.7;<br> color: var(--ink-2);<br> margin-bottom: 12px;<br> max-width: 640px;<br> }<br> <br> /* CARDS */<br> .cards-section {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 100px 40px;<br> }<br> <br> .cards-header {<br> margin-bottom: 56px;<br> }<br> <br> .cards-header h2 {<br> font-family: 'IBM Plex Sans', sans-serif;<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> margin-bottom: 16px;<br> }<br> <br> .cards-header p {<br> font-family: 'IBM Plex Serif', Georgia, serif;<br> font-size: 22px;<br> font-weight: 500;<br> line-height: 1.4;<br> color: var(--ink);<br> max-width: 560px;<br> }<br> <br> .cards-grid {<br> display: grid;<br> grid-template-columns: repeat(2, 1fr);<br> gap: 1px;<br> background: var(--border);<br> border: 1px solid var(--border);<br> border-radius: 6px;<br> overflow: hidden;<br> box-shadow: var(--shadow-sm);<br> }<br> <br> .card {<br> background: var(--surface);<br> padding: 36px 32px;<br> transition: background 0.15s;<br> }<br> <br> .card:hover { background: var(--accent-glow); }<br> <br> .card-num {<br> font-size: 11px;<br> font-weight: 600;<br> color: var(--accent);<br> letter-spacing: 0.06em;<br> margin-bottom: 8px;<br> opacity: 0.5;<br> }<br> <br> .card-title {<br> font-family: 'IBM Plex Sans', sans-serif;<br> font-size: 15px;<br> font-weight: 600;<br> color: var(--ink);<br> margin-bottom: 10px;<br> }<br> <br> .card-text {<br> font-size: 14px;<br> line-height: 1.65;<br> color: var(--ink-3);<br> }<br> <br> /* USE CASES */<br> .usecases {<br> background: var(--accent);<br> color: var(--surface);<br> }<br> <br> .usecases-inner {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 100px 40px;<br> display: grid;<br> grid-template-columns: 280px 1fr;<br> gap: 80px;<br> }<br> <br> .usecases-label {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: rgba(255,255,255,0.45);<br> padding-top: 4px;<br> }<br> <br> .usecases-list {<br> display: grid;<br> grid-template-columns: repeat(2, 1fr);<br> gap: 32px;<br> }<br> <br> .usecase h3 {<br> font-family: 'IBM Plex Sans', sans-serif;<br> font-size: 15px;<br> font-weight: 600;<br> margin-bottom: 8px;<br> color: rgba(255,255,255,0.95);<br> }<br> <br> .usecase p {<br> font-size: 14px;<br> line-height: 1.6;<br> color: rgba(255,255,255,0.6);<br> }<br> <br> /* APPROACH */<br> .approach {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 100px 40px;<br> }<br> <br> .approach-grid {<br> display: grid;<br> grid-template-columns: 280px 1fr;<br> gap: 80px;<br> }<br> <br> .approach-label {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> padding-top: 4px;<br> }<br> <br> .approach-items {<br> display: grid;<br> grid-template-columns: repeat(2, 1fr);<br> gap: 28px;<br> }<br> <br> .approach-item {<br> border-left: 3px solid var(--accent);<br> padding-left: 16px;<br> }<br> <br> .approach-item strong {<br> display: block;<br> font-size: 14px;<br> font-weight: 600;<br> color: var(--ink);<br> margin-bottom: 4px;<br> }<br> <br> .approach-item span {<br> font-size: 13px;<br> color: var(--ink-3);<br> line-height: 1.6;<br> }<br> <br> /* S-G INDEX BLOCK */<br> .sg-block {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 80px 40px 40px;<br> border-top: 1px solid var(--border);<br> }<br> <br> .sg-label {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> margin-bottom: 16px;<br> }<br> <br> .sg-inner {<br> display: grid;<br> grid-template-columns: 1.3fr 1fr;<br> gap: 48px;<br> }<br> <br> .sg-inner p {<br> font-size: 15px;<br> line-height: 1.7;<br> color: var(--ink-2);<br> margin-bottom: 10px;<br> }<br> <br> .sg-pill {<br> display: inline-flex;<br> align-items: center;<br> padding: 8px 14px;<br> border-radius: 999px;<br> border: 1px solid var(--border-2);<br> font-size: 12px;<br> font-weight: 500;<br> color: var(--ink-3);<br> margin-bottom: 12px;<br> }<br> <br> .sg-link {<br> display: inline-flex;<br> margin-top: 8px;<br> font-size: 14px;<br> font-weight: 500;<br> color: var(--accent);<br> }<br> <br> .sg-link:hover { text-decoration: underline; }<br> <br> /* CONTACT */<br> .contact {<br> max-width: var(--max-w);<br> margin: 0 auto;<br> padding: 80px 40px 100px;<br> display: grid;<br> grid-template-columns: 280px 1fr;<br> gap: 80px;<br> border-top: 1px solid var(--border);<br> }<br> <br> .contact-label {<br> font-size: 12px;<br> font-weight: 600;<br> letter-spacing: 0.18em;<br> text-transform: uppercase;<br> color: var(--ink-4);<br> padding-top: 4px;<br> }<br> <br> .contact-body p {<br> font-size: 17px;<br> line-height: 1.7;<br> color: var(--ink-2);<br> max-width: 540px;<br> margin-bottom: 24px;<br> }<br> <br> .contact-email {<br> font-size: 17px;<br> font-weight: 600;<br> color: var(--accent);<br> }<br> <br> .contact-email:hover { text-decoration: underline; }<br> <br> /* FOOTER */<br> footer {<br> border-top: 1px solid var(--border);<br> padding: 20px 40px;<br> max-width: var(--max-w);<br> margin: 0 auto;<br> display: flex;<br> justify-content: space-between;<br> font-size: 12px;<br> color: var(--ink-4);<br> }<br> <br> /* MOBILE */<br> @media (max-width: 900px) {<br> .nav-inner { padding: 0 24px; }<br> .nav-right { gap: 16px; }<br> .nav-link { display: none; }<br> <br> .hero { padding: 120px 24px 80px; }<br> .hero h1 { font-size: 36px; }<br> .hero-sub { font-size: 17px; }<br> <br> .stripe-inner,<br> .usecases-inner,<br> .approach-grid,<br> .contact,<br> .sg-inner {<br> grid-template-columns: 1fr;<br> gap: 24px;<br> padding-left: 0;<br> padding-right: 0;<br> }<br> <br> .cards-section { padding: 64px 24px; }<br> .approach { padding: 64px 24px; }<br> .sg-block { padding: 64px 24px 32px; }<br> .contact { padding: 64px 24px 80px; }<br> <br> .cards-grid { grid-template-columns: 1fr; }<br> <br> .usecases-list,<br> .approach-items {<br> grid-template-columns: 1fr;<br> gap: 24px;<br> }<br> <br> footer { padding: 20px 24px; }<br> }<br> <br> @media (max-width: 480px) {<br> .hero h1 { font-size: 28px; }<br> .hero-sub { font-size: 16px; }<br> .hero-actions { flex-direction: column; }<br> .btn-solid, .btn-ghost { width: 100%; justify-content: center; }<br> }<br> </style><br> </head><br> <body><br> <br> <!-- NAV --><br> <div class="nav"><br> <div class="nav-inner"><br> <div class="nav-logo">QazReport</div><br> <div class="nav-right"><br> <a href="#directions" class="nav-link">Направления</a><br> <a href="#products" class="nav-link">Продукты</a><br> <a href="#approach" class="nav-link">Подход</a><br> <a href="#contact" class="nav-cta">Связаться</a><br> </div><br> </div><br> </div><br> <br> <!-- HERO --><br> <div class="hero"><br> <div class="hero-eyebrow">Аналитическое бюро · Астана</div><br> <h1>Инструменты для государственной политики и&nbsp;репутации Казахстана</h1><br> <p class="hero-sub"><br> Мы соединяем данные, доктринальные рамки и практику коммуникаций,<br> чтобы заказчик видел не только повестку, но и последствия решений –<br> для институтов, репутации и&nbsp;аудитории.<br> </p><br> <div class="hero-actions"><br> <a href="/QG9m_250326.html" class="btn-solid">Пример аналитического отчёта</a><br> <a href="mailto:info@qaz.report" class="btn-ghost">Обсудить задачи и возможные форматы</a><br> </div><br> </div><br> <br> <!-- О БЮРО --><br> <div class="stripe"><br> <div class="stripe-inner"><br> <div class="stripe-label">О бюро</div><br> <div class="stripe-body"><br> <p><br> QazReport – аналитическое бюро, которое помогает проектировать и оценивать решения<br> в государственной политике, внешней политике и коммуникациях Казахстана.<br> </p><br> <p><br> Мы не институт при президенте и не университетский центр. Каждая конфигурация<br> собирается под конкретную задачу – от сопровождения реформы и внешнеполитической<br> линии до работы с кризисом или запуска нового сервиса.<br> </p><br> <p><br> Сайт – не каталог услуг, а витрина подходов и типов решений<br> для узкого круга государственных и институциональных заказчиков.<br> </p><br> </div><br> </div><br> </div><br> <br> <!-- НАПРАВЛЕНИЯ --><br> <div class="cards-section" id="directions"><br> <div class="cards-header"><br> <h2>Направления</h2><br> <p>Работаем на пересечении нескольких полей, чтобы решения не отрывались от контекста</p><br> </div><br> <div class="cards-grid"><br> <div class="card"><br> <div class="card-num">01</div><br> <div class="card-title">Государственная политика и институциональная архитектура</div><br> <div class="card-text"><br> Конституционные и правовые рамки, регламенты, форматы публичной политики.<br> Анализ того, как конкретные решения меняют роль институтов, распределение полномочий<br> и управляемость системы.<br> </div><br> </div><br> <div class="card"><br> <div class="card-num">02</div><br> <div class="card-title">Внешняя политика и геополитическое позиционирование</div><br> <div class="card-text"><br> Доктрины, векторы и сигналы для внешних акторов. Мониторинг решений Казахстана<br> в региональном и глобальном контексте и реакции think tanks и медиаплощадок.<br> </div><br> </div><br> <div class="card"><br> <div class="card-num">03</div><br> <div class="card-title">Репутация и информационные контуры</div><br> <div class="card-text"><br> Международное медиаполе, нарративы и акторы влияния. Тональные индексы,<br> нарративные цепочки, чувствительные темы и сценарии для информационного суверенитета.<br> </div><br> </div><br> <div class="card"><br> <div class="card-num">04</div><br> <div class="card-title">Прикладные сервисы и интерфейсы</div><br> <div class="card-text"><br> Дашборды, регламенты и рабочие протоколы для команд, которые принимают решения и коммуницируют.<br> Каталоги, базы знаний и интерфейсы, встроенные в ежедневную работу.<br> </div><br> </div><br> </div><br> </div><br> <br> <!-- ТИПЫ ПРОДУКТОВ --><br> <div class="stripe" id="products"><br> <div class="cards-section" style="padding-top:100px;padding-bottom:100px;"><br> <div class="cards-header"><br> <h2>Типы продуктов</h2><br> <p>Конструктор из нескольких типов, которые комбинируются под конкретный запрос</p><br> </div><br> <div class="cards-grid" style="grid-template-columns: repeat(3, 1fr);"><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">A</div><br> <div class="card-title">Аналитические отчёты и обзоры</div><br> <div class="card-text"><br> От обзорных карт медиаполя до глубинных разборов отдельных реформ, отраслей<br> или страновых направлений. Верифицированные данные, индексы и визуализации для первых лиц.<br> </div><br> </div><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">B</div><br> <div class="card-title">Сценарные записки для руководства</div><br> <div class="card-text"><br> Варианты хода событий, риски, окна возможностей и коммуникационные решения.<br> Формат записок, которые можно положить на стол тем, кто принимает решения.<br> </div><br> </div><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">C</div><br> <div class="card-title">Индексы и метрики</div><br> <div class="card-text"><br> Тональные и структурные показатели, репутационные индикаторы, дашборды для регулярной работы.<br> KPI, которые связывают охват и нарративы с реальными последствиями.<br> </div><br> </div><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">D</div><br> <div class="card-title">Регламенты и рабочие протоколы</div><br> <div class="card-text"><br> Как встроить аналитику в процессы принятия решений, работу пресс‑служб и внешнюю коммуникацию.<br> Сценарии реагирования и процедуры для разных режимов – от нормального до кризисного.<br> </div><br> </div><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">E</div><br> <div class="card-title">Инструментальные решения</div><br> <div class="card-text"><br> Прототипы сервисов, каталоги, реестры и базы знаний под конкретные команды.<br> Мониторинговые панели и верифицированные реестры источников и публикаций.<br> </div><br> </div><br> <div class="card" style="background:var(--bg);"><br> <div class="card-num">F</div><br> <div class="card-title">Специальные проекты</div><br> <div class="card-text"><br> Нестандартные конфигурации на стыке аналитики, дизайна решений и коммуникаций.<br> Пилоты, которые тестируют новые подходы до их масштабирования.<br> </div><br> </div><br> </div><br> </div><br> </div><br> <br> <!-- КАК ИСПОЛЬЗУЕТСЯ --><br> <div class="usecases"><br> <div class="usecases-inner"><br> <div class="usecases-label">Применение</div><br> <div class="usecases-list"><br> <div class="usecase"><br> <h3>Подготовка и сопровождение реформ</h3><br> <p><br> Аналитическое сопровождение на всех этапах – от постановки задачи и архитектуры реформы<br> до оценки эффектов и корректировки курса.<br> </p><br> </div><br> <div class="usecase"><br> <h3>Кризисы и чувствительные темы</h3><br> <p><br> Быстрая диагностика медиаполя, сценарии реагирования и коммуникационные решения<br> для ситуаций, где ошибка в тоне или тайминге стоит дорого.<br> </p><br> </div><br> <div class="usecase"><br> <h3>Международные коммуникации</h3><br> <p><br> Формирование репутационной позиции Казахстана на внешних площадках, работа с think tanks<br> и медиа, оценка эффективности кампаний и инициатив.<br> </p><br> </div><br> <div class="usecase"><br> <h3>Проектирование сервисов и процедур</h3><br> <p><br> Проектирование регламентов, интерфейсов и инструментов для государственных команд.<br> Дашборды для принятия решений, каталоги и базы знаний, встроенные в повседневные процессы.<br> </p><br> </div><br> </div><br> </div><br> </div><br> <br> <!-- ПОДХОД --><br> <div class="approach" id="approach"><br> <div class="approach-grid"><br> <div class="approach-label">Подход</div><br> <div class="approach-items"><br> <div class="approach-item"><br> <strong>Верифицированные данные</strong><br> <span><br> Международные базы, медиамониторинг, реестры организаций влияния и площадок.<br> Каждый ключевой вывод опирается на прозрачный источник и понятную методику.<br> </span><br> </div><br> <div class="approach-item"><br> <strong>Доктринальные рамки</strong><br> <span><br> Не только «что пишут» и «кто сказал», но и как это ложится на правовые,<br> институциональные и геополитические контуры, внутри которых принимаются решения.<br> </span><br> </div><br> <div class="approach-item"><br> <strong>Прикладной формат</strong><br> <span><br> Продукт собирается под задачу: записка, дашборд, регламент, индекс или набор протоколов.<br> Цель – не отчёт как таковой, а изменение решений и процедур.<br> </span><br> </div><br> <div class="approach-item"><br> <strong>Режимы и эффекты</strong><br> <span><br> Работаем с нормальными, напряжёнными и кризисными режимами повестки.<br> Смотрим не только на охват, но и на поляризацию, доверие и доминирование нарративов.<br> </span><br> </div><br> </div><br> </div><br> </div><br> <br> <!-- S‑G INDEX (КРАТКО НА ГЛАВНОЙ) --><br> <div class="sg-block"><br> <div class="sg-label">S‑G Index</div><br> <div class="sg-inner"><br> <div><br> <p class="sg-pill">Индекс устойчивости и давления внешних нарративов</p><br> <p><br> S‑G Index – экспериментальный индекс, который оценивает, насколько международная повестка<br> вокруг Казахстана находится под давлением негативных нарративов и насколько система<br> коммуникаций устойчива к этим колебаниям.<br> </p><br> <p><br> Индекс собирает в одном профиле несколько измерений: содержательную повестку,<br> доверие, видимость, информационное давление, дезинформационные кампании и устойчивость<br> институциональных ответов.<br> </p><br> </div><br> <div><br> <p><br> Индекс разрабатывается как инструмент для команд, которые отвечают за внешнюю политику,<br> репутацию и информационную безопасность. Его задача – не заменить политическую оценку,<br> а дать общую приборную панель по рискам и окнам возможностей.<br> </p><br> <a href="/sg-index.html" class="sg-link">Подробнее о S‑G Index →</a><br> </div><br> </div><br> </div><br> <br> <!-- КОНТАКТЫ --><br> <div class="contact" id="contact"><br> <div class="contact-label">Контакты</div><br> <div class="contact-body"><br> <p><br> Доступ к материалам и конфигурация продуктов обсуждаются под конкретную задачу.<br> Напишите коротко о контексте – и мы предложим формат, который имеет смысл именно для вашей команды.<br> </p><br> <a href="mailto:info@qaz.report" class="contact-email">info@qaz.report</a><br> </div><br> </div><br> <br> <!-- FOOTER --><br> <footer><br> <span>&copy; QazReport</span><br> <span>v41.5 · 25.03.2026</span><br> </footer><br> <br> </body><br> </html><br>