Сверстать админку из figma/pixso в html + tailwind
Техническое задание на верстку приложения из Figma в HTML + Tailwind
Общие требования:
- Адаптивность: Только десктоп.
- Кроссбраузерность: Обеспечить корректное отображение в последних версиях браузеров (Chrome, Firefox, Safari, Edge).
- Компонентность: Использование компонентного подхода с использованием Tailwind CSS для создания переиспользуемых стилей.
Структура проекта:
- HTML: Структура страниц и компонентов согласно макету в Figma.
- Tailwind CSS: Использование утилитарных классов для стилизации элементов.
- Статические файлы: Все необходимые изображения, иконки и шрифты должны быть включены в проект.
Макеты и страницы:
- Главная страница:
- Заголовок, подзаголовок, кнопки CTA.
- Превью продуктов/услуг.
- Отзывы клиентов.
- Контактная информация и форма обратной связи.
- Страница продукта/услуги:
- Детальное описание продукта/услуги.
- Галерея изображений.
- Спецификации и характеристики.
- Блок с ценой и кнопкой "Купить/Заказать".
- О нас:
- Информация о компании.
- Команда.
- История и достижения.
- Блог/Новости:
- Список статей с кратким превью.
- Полный текст статьи.
- Контакты:
- Форма обратной связи.
- Карта с указанием местоположения.
- Контактная информация (телефон, email, адрес).
Структура кода:
- Файловая структура:
/index.html/about.html/product.html/blog.html/contact.html/assets/ - директория для статических файлов (изображения, шрифты, иконки)/css/ - директория для дополнительных стилей (если необходимо)/js/ - директория для скриптов (если необходимо)
- HTML:
- Использование семантических тегов (
<header>, <footer>, <section>, <article>, <nav>, <main> и т.д.). - Подключение Tailwind CSS через CDN или локально.
- Tailwind CSS:
- Использование утилитарных классов для стилизации.
- Настройка конфигурационного файла Tailwind (
tailwind.config.js) для кастомизации темы и добавления собственных стилей, если необходимо.
Moscow.media
Частные объявления сегодня
Митрополит Арсений принял участие в торжествах по случаю 445-летия явления Казанской иконы Божией Матери
Отрытый конкурс красоты и таланта «Одна на миллион»
Спортивные игры в СЛД "Москва-Сортировочная" филиала "Московский"
Певец Дмитрий Камский готовит к релизу новый сингл "Песня Земли"
Семьи работников заводов АО "Желдорреммаш" стали призерами федерального конкурса «Это у нас семейное»
Буравят кожу. Профессор рассказала, как не подцепить паразитов при купании
Выглядим стильно и модно при помощи этих ярких образов
Actors Who Died With Unfinished Roles
Mikel Arteta demands more Arsenal signings as he gives cryptic update on Riccardo Calafiori transfer
Exclusive - Sayantani Ghosh expresses happiness as sets of her show Dahej Daasi shifted close to her home; says 'I've been manifesting this for quite some time now'
England U20 overpower France to be crowned world champions
"Он очень больной мальчик": диаспора просит отпустить мигранта проломившего голову депутату Госдумы Матвееву.
HONDA CIVIC TYPE R И TOYOTA GR COROLLA 2023
Как правильно организовать переезд: рекомендации «Грузовичкоф»
В Московской области сотрудники Росгвардии задержали подозреваемого в краже партии товаров.
Conscript is an old school survival horror game where the horror is just that you're in World War 1
According to BioWare, Dragon Age: The Veilguard is the first entry in the series where "the combat's actually fun" and where characters are "intentionally" the focus of the storytelling, which seems pretty unfair on the first three games
Today's Wordle answer for Saturday, July 20
Интервью AppTime с компанией Innova: релиз Gran Saga в России, внутриигровая оплата и «Масленица» в корейской MMO
Фотомагазин PYN: ваш надійний партнер у світлі та фотографії
Филиал № 4 ОСФР по Москве и Московской области информирует:
С начала 2024 года 140 тысяч женщин и новорожденных Московского региона получили услуги по родовым сертификатам
Спортивные игры в СЛД "Москва-Сортировочная" филиала "Московский"
"Спартак" после первого тура РПЛ оказался на 15-м месте в турнирной таблице
Представители «Метровагонмаш-Сервиса» посетили СЛД «Москва-Сортировочная» филиала «Московский» компании «ЛокоТех-Сервис» для обмена опытом
Новый год наступит летом. Какие зимние туры уже бронируют
Напарник с подковами. Конная полиция патрулирует парки Москвы днем и ночью
Спортивные игры в СЛД "Москва-Сортировочная" филиала "Московский"
Глава СК Бастрыкин получил доложить о ходе дела о покушении на девушку в Москве
Коллекционер собрала одну из самых дорогих в России экспозиций кукол про авиацию
Напарник с подковами. Конная полиция патрулирует парки Москвы днем и ночью
Трехлетняя девочка утонула в бассейне ресторана в Ленинградской области
Глава СК Бастрыкин получил доложить о ходе дела о покушении на девушку в Москве
Паес и Амритрадж введены в Зал теннисной славы в Ньюпорте
Рафаэль Надаль сыграет в финале турнира ATP впервые с 2022 года
Рейтинг ATP. Рууд обошел Рублева, Берреттини вернулся в топ-50, Надаль поднялся на 100 строчек
Панова и Сизикова выиграла турнир WTA в Палермо в парном разряде
В Подмосковье стартовала подача заявлений для дистанционного голосования на выборах
Утреннее чтиво: смертельный квест, SHAMAN теперь заслуженный артист, слухи о мертвом Байдене
"Регистрировали в квартирах умерших собственников": В Москве задержали организаторов нелегальной миграции
Трасса М 4 на Кубани стала самой загруженной в стране
Музыкальные новости
Релиз трека. Релиз новой песни. Релиз сингла. Релиз Музыкального альбома.
"С чем кушают счастье". О "Матросской тишине" Галича в приморской Горьковке
Прима-балерина Ирина Сапожникова возвращается во Владивосток
Концерт «Лето. Арфа. Голос» состоялся в Варлаамовской башне в Пскове
Скончался актер из сериала «Московская борзая» Владимир Королев
Спортивные игры в СЛД "Москва-Сортировочная" филиала "Московский"
Филиал № 4 ОСФР по Москве и Московской области информирует:
С начала 2024 года 140 тысяч женщин и новорожденных Московского региона получили услуги по родовым сертификатам
Представители «Метровагонмаш-Сервиса» посетили СЛД «Москва-Сортировочная» филиала «Московский» компании «ЛокоТех-Сервис» для обмена опытом
Shaman связал выход Байдена из гонки со своим выступлением у посольства в Москве
Путин включил в Госсовет врио глав девяти регионов
Мультфильм «Побег из лабиринта времени» стартует в прокате при поддержке Детского радио
"Краснодар" сыграл вничью с "Ахматом" в игре первого тура РПЛ
В первом полугодии россияне чаще всего приобретали онлайн и страховали по каско автомобили Lada, Kia и Hyundai
Источник 360.ru: подросток пострадал в ДТП с иномаркой в Москве
Источник 360.ru: на парковке рядом с «Охотным рядом» загорелась Mitsubishi
Путин назначил Романа Курынина замглавы МЧС
Заинтересовавший Владимира Путина хит презентовали на радио
Путин назначил экс-главу Росздравнадзора Москвы Курынина замминистра МЧС России
Что изменилось: как приобрести квартиру по льготной программе
Врач Болибок: в РФ не ожидается эпидемии листериоза, подобной коронавирусной
22 июля Всемирный день мозга. Отвечаем на популярные вопросы о когнитивных расстройствах
Врач Болибок: в РФ не ожидается эпидемии листериоза, подобной коронавирусной
Бизнесмен вакцинировался от суда // Дело об особо крупной растрате рассмотрят в заочном режиме
Врач-гигиенист стоматологического центра Мегастом Инна Гришина: почему бывает воспаление десен и что с этим делать
Мэрия Киева заставили застройщика восстановить усадьбу Зеленских
Власти Киева подадут в суд против застройщика, который снес усадьбу Зеленских — Кличко
Политолог Зеленков: Зеленский понимает, что Трамп прекратит помогать Киеву
Спортсменки из Красногорска выиграли «Кубок футбольных мам» в Коломне
Министр спорта Забайкалья принял участие во Всероссийском семинаре-совещании по вопросу перспектив развития спортивной отрасли в Москве
Спортивные игры в СЛД "Москва-Сортировочная" филиала "Московский"
До конца июля анимационная компания «ЯРКО» проведет еще одно мероприятие в ТРЦ «Ривьера» – развлекательную программу по мотивам мультсериала «Команда МАТЧ» (27 июля).
«Мы заякорились». Лукашенко призвал найти пути сотрудничества с Евросоюзом
В Белоруссии заявили, что Лукашенко может помиловать некоторых участников протестов
Сергей Собянин. Главное за день
Собянин: Жители районов ВАО получат прямой трамвайный маршрут к Курскому вокзалу
Мэр Москвы рассказал о развитии Таганского района
Собянин: В Таганском районе реализовали ряд инфраструктурных проектов
МТС полностью завершила строительство инфраструктуры связи на автотрассе М-12 «Восток»
Новый утильсбор в России изменит цены на автомобили
Одежду из вторсырья представили на фестивале «Зеленый подиум» в Москве
Транссибирская магистраль | 12) Биробиджан
«Готовы делиться»: Краснов предложил КНДР обмениваться опытом судебных практик
Правдивый рассказ про отдых в Дагестане: цены и удобства, страхи и ошибки
Чеченский министр Дудаев посоветовал оставить в покое блогера Тамаева
Пушкин диджитал: кто и почему делает поэта героем фантастических сюжетов
Сергей Собянин. Главное за день
Собянин объявил о начале строительства станции метро "Рублево-Архангельское"
Спортсмен из сборной Архангельской области стал победителем масс-старте в Малиновке
В Архангельске стартовала Соловецкая регата
Выставка-признание «Жизнь как струна».
В г.Геленджике состоялся Открытый чемпионат Краснодарского края по фланкировке казачьей шашкой, 2024г
Бойцовые собаки чуть не растерзали женщину в Севастополе
В Севастополе женщина сильно пострадала после нападения двух бойцовских собак
Синоптики сообщили о теплой и сухой погоде в Москве 23 июля
Утреннее чтиво: смертельный квест, SHAMAN теперь заслуженный артист, слухи о мертвом Байдене
TopClim: широкий выбор сплит-систем по выгодным ценам в Москве
Участники «Активного долголетия» из Лобни посетили музей истории молока
