CINXE.COM
Проект СМБиз — Социология Малого Бизнеса
<!doctype html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/> <title>Проект СМБиз — Социология Малого Бизнеса</title> <style> * { box-sizing: border-box; } html, body { min-height: 100%; height: 100%; font-family: 'Montserrat', sans-serif; min-width: 320px; } body { background-color: #f0f5f8; margin: 0; } html { -webkit-font-smoothing: antialiased; } ul, li { list-style: none; margin: 0; padding: 0; } p { margin: 0; padding: 0; } a, button { -webkit-appearance: none; } .container { max-width: 1008px; margin: 0 auto; padding: 60px 0; } .logo { text-align: center; margin-bottom: 36px; min-height: 50px; } .logo img { display: inline-block; } .block { padding: 60px 105px 50px; background: #fff; border-radius: 10px; } @media (max-width: 767px) { .block { padding: 30px 35px 20px; } } .heading { margin-top: 0; margin-bottom: 13px; font-size: 32px; font-weight: bold; line-height: 1.5; color: #172330; } .text { margin-bottom: 30px; font-size: 18px; line-height: 1.78; color: #172330; } .link { text-decoration: none; color: #1ea84c; transition: color 0.2s linear; } .link:hover { text-decoration: underline; } .cards { margin-right: -32px; margin-bottom: 12px; font-size: 0; text-align: center; } .item { display: inline-block; vertical-align: top; width: 175px; padding: 33px 20px 25px; margin-right: 32px; margin-bottom: 20px; text-align: center; border-radius: 10px; box-shadow: 0 4px 18px 0 rgba(187, 202, 222, 0.29); } .icon { display: inline-block; height: 72px; width: 72px; margin-bottom: 10px; } .name { margin-bottom: 12px; font-size: 18px; font-weight: bold; line-height: 1.78; text-align: center; color: #19212d; } .button { display: inline-block; width: 127px; height: 40px; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 39px; border-radius: 20px; background-color: #1ea84c; color: #ffffff; transition: background-color 0.2s linear; } .button:hover { background-color: #20D55C; } </style> </head> <body> <div class="container"> <div class="logo"> <img src="/img/logo.png" alt="СМБиз.ФОМ"> </div> <div class="block"> <h1 class="heading">Пожалуйста, обновите браузер, чтобы использовать все возможности СМБиз.ФОМ</h1> <p class="text">Мы создали СМБиз.ФОМ, используя самые современные технологии, что делает доступ к коллекции быстрым, а сайт — простым для использования. К сожалению, ваш браузер не поддерживает эти технологии. Скачайте один из этих замечательных браузеров, и получите доступ к СМБиз.ФОМ и передовым технологиям:</p> <div class="cards"> <div class="item"> <img class="icon" src="/img/browsers/chrome.png" alt="Google Chrome"> <div class="name">Google Chrome</div> <a class="button" href="https://www.google.ru/intl/ru/chrome/">Скачать</a> </div> <div class="item"> <img class="icon" src="/img/browsers/firefox.png" alt="Mozilla Firefox"> <div class="name">Mozilla Firefox</div> <a class="button" href="https://www.mozilla.org/ru/firefox/new/">Скачать</a> </div> <div class="item"> <img class="icon" src="/img/browsers/yandex.png" alt="Mozilla Firefox"> <div class="name">Яндекс.Браузер</div> <a class="button" href="https://browser.yandex.ru/">Скачать</a> </div> <div class="item"> <img class="icon" src="/img/browsers/edge.png" alt="Mozilla Firefox"> <div class="name">Microsoft Edge</div> <a class="button" href="https://www.microsoft.com/ru-ru/windows/microsoft-edge">Скачать</a> </div> </div> <div class="text"> Уже обновили браузер, но проблемы остались? <a class="link" href="mailto:smbiz@fom.ru">Напишите нам</a> </div> <div class="text"> <a class="link" href="/browser_warning/approve">Продолжить пользоваться сайтом</a> </div> </div> </div> </body> </html>