Дизайн + вёрстка сайта на css-фреймворке

Дизайн сайтовЗакрыт6 заявок316 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Нужно сделать вёрстку и css для 4-х страниц сайта на css-фреймворке (не bootstrap).

Интересны фреймворки: bulma , Semantic-UI и MaterializeCSS. Можно предложить свой вариант, но это должен быть популярынй фреймворк. Я ориентировался на этот список https://github.com/topics/css-framework?o=desc&s=stars

Есть парочка сайтов на bootstrap {укажу_в_переписке}. Нужно сверстать нечто похожее, но на другом фреймворке из стандартных элементов.

Не нужно делать 100% копию!

Цветовую схему следует изменить.

На всех страницах сайта, которые нужно верстать, есть таблицы. Это самое важное содержимое сайта.

Требования

1. Адаптивность.

Нормальное отображение для мобилы с минимальным разрешением 320px по ширине (iPhone 5).

Важные точки:

  • =320px чтобы работало для iPhone 5 [320*568] (почти 8% посетителей)
  • =360px чтобы работало для Samsung Galaxy S5 [360*640] (таких устройств 26-36%).
  • =568px iPhone 5 повёрнутый горизонтально
  • =768px iPad вертикально
  • =1024 iPad Pro вертикально
  • =1280 и больше ,как правило, это уже десктопы. Ограничиваем max-width 1440px.
2. Кроссбраузерность.

3. Минимальный размер CSS.

С этой целью желательно использование FlexBox.

4. Элементы, которые надо сверстать:

  • шапка сайта
  • футер
  • верхнее меню
  • кнопки выбора элементов списка
  • панели для группировки элементов
  • таблицы, нужен класс для вывода стандартной таблицы с заголовком и раскраской строк, чтобы можно было взять любую страницу прописать в ней класс, например, table-std и получить некое стандартное оформление. Числовые значения в таблицах выравниваем по правому краю, текстовые по левому. На маленьких экранах некоторые столбцы таблицы могут быть спрятаны.
  • конвертер
5. Верстаем на HTML-5.

активно используем тэги

  • main
  • section
  • header
  • nav
  • aside
  • footer
6. Работа без JS

Либо минимальное использование чистого JS без jQuery.

jQuery если он реально нужен.

7. Не использовать экзотические шрифты. На каком-то стандартном сделать.

JavascriptВерстка сайтаHTMLCSSBootstrapjQuery
5 лет назад
vinkov
43 годаРоссия
17 лет в сервисе
Был
2 года назад
Выбранный исполнитель
alexxx_code
30 летУкраина
5 лет в сервисе
Был
4 года назад
5 лет назад
$40
16 дней
Несколько раз переносил сроки, обещал, что в этот раз точно сделает, но по факту так ничего и не сделал :(.
  • Похожие заказы

  • Редизайн сайта

    Здравствуйте. Имеется сайт промышленной тематики.  Задача: разработать обновлённый дизайн сайта в новой цветовой гамме. Требования: креативность, чёткое соответствие тематике, использование новых фирменных цветов, гармоничность, солидность, интересный клипарт для оформления блоков. Прошу указывать сроки выполнения и стоимость.

    Дизайн сайтаРедизайн сайта
    Дизайн сайтов55 заявок
    Закрыт
    5 лет назад

  • Дизайн+верстка 3 лендинга по 6 блоков

    Создание дизайна для трех лендингов, заморачиваться сильно не надо, это формат А/Б тестов Все на Тильде, поэтому прошу также сделать верстку с лендингов Подробное ТЗ составлено и ждет вас

    Tilda
    Дизайн сайтов15 заявок
    Закрыт
    5 лет назад

  • Дизайн лендинга по прототипу

    $130

    Здравстуйте. Необходимо сделать дизайн лендинга Прототип по ссылке.  https://drive.google.com/open?id=1p2K47WBSQF7FYRyysJXbpVOLurJWG3g9 Также есть подробное тз. Его отправлю и будем обсуждать уже лично.  Нужен качественный дизайн. Как пример по стилю можно рассматривать эти лендинги  http://klindex.ru/uslugi/ http://piton-power.ru/ https://lbc.group/

    Дизайн лендинга
    Дизайн сайтов50 заявок
    Закрыт
    5 лет назад

  • Макет дизайна сайта собрать

    $50

    Необходимо по образцу сайта [url=http://autorepair.dzen-design.ru/]http://autorepair.dzen-design.ru[/url], нарисовать макет дизайна в PSD. Шапка с выползающим меню [url=https://yadi.sk/i/vQmzQoFWGSk-DQ]https://yadi.sk/i/vQmzQoFWGSk-DQ [/url]-здесь что то придумать с фоном, чтобы сочеталось с дизайном. Ниже будет аналогичная форма [url=https://yadi.sk/i/LBdp2ZRd5ohNAA]https://yadi.sk/i/LBdp2ZRd5ohNAA [/url]-есть несколько форм, которые нравятся Контент [url=https://yadi.sk/i/6-wgieUcIqJlEw]https://yadi.sk/i/6-wgieUcIqJlEw[/url] Блок Лицензии [url=https://yadi.sk/i/m1R-bvyF4XGKYQ]https://yadi.sk/i/m1R-bvyF4XGKYQ[/url] Каталог услуг [url=https://yadi.sk/i/S13FdG4Tn2DO4g]https://yadi.sk/i/W2LME6e96tmxig [/url]- пришлю несколько вариантов, которые ...

    Дизайн сайта
    Дизайн сайтов4 заявки
    Закрыт
    5 лет назад

  • Товарные Landing Page - нужен редизайн и верстка

    Есть 3 товарных лендинга (однотипные) Похожий лендинг: _fire-power.gorgeous-shop.com_ Не устраивает подача информации (шрифты, фон, цветовая гамма) Необходим редизайн (Белый фон, яркие кнопки, красивая подача материала и т.д.) [b]Можно использовать имеющийся у Вас шаблон или похожие лендинги[/b] Примерные сроки и суммы указывайте ...

    Дизайн сайтов1 исполнитель
    Завершен
    5 лет назад

  • Дизайн элементов сайта

    Здравствуйте мне нужно нарисовать пару разделов для сайта и логотип ВОТ ТЕХ ЗАДАНИЕ [url=https://docs.google.com/document/d/1uMEcSHD1DsHCrmSv9qCJ0wBdw2hUg_SPVvAvwkMLvNw/edit?usp=sharing]https://docs.google.com/document/d/1uMEcSHD1DsHCrm...[/url] СМОЖЕТЕ ? былобы классно если бы вы прислали похожие работы чтобы я посмотрела как это смотрится в живую жду от вас цену и сроки?

    Дизайн сайтов12 заявок
    Закрыт
    5 лет назад

  • Landing Page

    Всем привет! Нужно сделать [b]Landing Page[/b] примерно на 10 блоков, [b]дизайн + верстка[/b]. Напишите, пожалуйста, [b]сколько по времени и цена[/b]. Желательно [b]указать поэтапную работу[/b].

    Дизайн сайтов41 заявка
    Закрыт
    5 лет назад