Необходима помощь в выполнении тестового задания по разработке html-страницы. Страница разработана, необходимо проверить семантику, соответствие БЭМ-методологии, Flexbox. Стек технологий html, css. Продолжительность работы 1-2 часа. Необходимо выполнять в режиме онлайн консультации, ...
Нужен спец по CSS настроить Google AMP и Яндекс Турбо страницы
Сайт на Wordpress - https://endocrin-patient.com/ - я уже нужные плагины поставил и активировал, от вас требуется поправить custom CSS код, чтобы он работал на Google AMP и Яндекс Турбо страницах.
1. Посмотрите картинку pic1.jpg, которая прилагается к заданию. Это блок с ползунком и вкладками. Он есть на многих страницах на сайте, см. например https://endocrin-patient.com/dieta-pri-saharnom-diabete/ внизу под оглавлением.
Он сделан на CSS без JavaScript.
Нужно, чтобы он продолжал работать на страницах Яндекс Турбо и Google AMP. Это главная задача.
2. Постарайтесь, чтобы другие кусочки custom CSS кода тоже работали.
2.1. В таблицах html в строках чередуется фон белый и светлый, см. пример на той же странице про диету.
2.2. Бывает такой
2.3. В списках отступы слева поправить.
2.4. Междустрочные интервалы и размер шрифта.
2.4. Если можно, добиться работы кусочков ramkaLeft550 и .tabliza-header
.ramkaLeft550 {
width: 80%;
max-width: 550px;
margin-top: 2em;
margin-bottom: 2em;
margin-left: 8px;
margin-right: auto;
padding: 1em;
box-shadow: 0 5px 10px hsla(0,100%,50%,.5), -5px 5px 10px hsla(60,100%,50%,.7), 5px -5px 10px hsla(120,100%,50%,.5), 5px 0 10px hsla(240,100%,50%,.5);
}
.tabliza-header {
background: url(https://endocrin-patient.com/wp-content/uploads/2017/07/info-icon.png) no-repeat 0px 50%;
line-height: 2em;
padding-left: 30px;
margin: 0.5em;
}
2.5 Сделайте, что еще понадобится, чтобы страницы Google AMP и Яндекс Турбо выглядели неплохо.
Заявки фрилансеров
Похожие заказы
- HTML-верстка6 заявокЗакрыт4 года назад
Добрый день, нужно срочно сверстать 5 не сложных страниц и еще на одной странице пару блоков + стилизация верстки которая приходит из стороннего ресурса. В общем считаем как сверстать 6 страниц, все подробно покажу ...
HTML-верстка45 заявокЗакрыт4 года назадЗдравствуйте!Есть существующая страница на Битрикс.Нужно переверстать ее,согласно макету. Всю информацию предоставлю исполнителю.
HTML-верстка13 заявокЗакрыт4 года назад- $30
Есть шаблон Bootstrap 4 с излишним JS и CSS, нужно переверстать убрать весь лишний css, убрать не нужный JS , оптимизировать под Pagespeed мобильный > 80. Всего 5 страниц
HTML-верстка13 заявокЗакрыт4 года назад Есть 2 шаблона для WP, в одном нравится структура, во втором плагины. Нужно взять основной шаблон http://wpdemo.archiwp.com/engitech/home-2/ и настроить в нем плагин с темы https://preview.themeforest.net/item/jobhunt-job-board-wordpress-theme-for-wp-job-manager/full_screen_preview/22563674?_ga=2.8533877.1117366420.1602861030-1809252864.1600245490. Все плагины и темы ...
HTML-верстка5 заявокЗакрыт4 года назадНеобходима современная кросбраузерная верстка. Превью https://yadi.sk/d/akWJu7d3Sljmow?w=1 Макеты будут в Figma, ссылку испольнителю. Адаптивная, кроссбраузерная, валидная, без ошибок в консоле. Все ховеры и преходы плавные, lite анимация. Обязательно SASS, минимум JS, ...
HTML-верстка1 исполнительЗавершен4 года назадЗдравствуйте. Необходимо сделать то что на видео для сайта на Wordpress. Макет в Adobe XD Видео анимация результата https://youtu.be/30LkVWOw0Ow
HTML-верстка2 заявкиЗакрыт4 года назадМакет в psd. 3 страницы: главная, категория и карточка товара. Адаптив в макете не показан, нужно будет самостоятельно сделать. Оплата в яндекс.деньгах. Просьба сразу указывать сроки и стоимость. Напишите в заявке «середина ...
HTML-верстка1 исполнительЗавершен4 года назадНеобходимо выполнить верстку сайта. Всего 7 страниц. https://xd.adobe.com/view/8eb22941-34f0-459d-811f-d7320d7d0566-dbe1/?fullscreen Адаптивная, кроссбраузерная, валидная верстка, без ошибок в консоле. Все ховеры и преходы плавные, lite анимация. Предлагайте стоимость и сроки выполнения работы. Заявки ...
HTML-верстка22 заявкиЗакрыт4 года назадПолное описание в прикрепленном файлеПолное описание в прикрепленном файле Полное описание в прикрепленном
HTML-верстка1 исполнительЗавершен4 года назад