Архив: Сделать div верстку как на макете!
Бюджет
17$
/ 1000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Необходимо сделать, создать (html)div верстку как на макете!
ПЕРВЫЙ БЛОК:
Состоит из четырех дивов! Это div01 div02 div03 div04 (все в целом это 1200рх – по 300рх (в ширину) на каждый блок, внутри текст: Verdana 8pt
В Блоке div01, внутри есть блоки(15шт.) фиксированных размеров: 60х60рх это "текст 1" по "текст 15"
далее..
Блок div02, так же внутри есть блоки(9шт.) фиксированных размеров: 300х20рх это "текст 16" по "текст 24"
далее..
Блок div03, внутри блоки(15шт.) фиксированных размеров: 60х60рх это "текст 25" по "текст 39"
и далее..
Блок div04, внутри блоки(18шт.) фиксированных размеров: 50х60рх это "текст 25" по "текст 39"
Нужно адаптировать под разрешение экрана, например при разрешении 1300 и выше, все четыре главных дива (это div01 div02 div03 и div04) стоят в ряд, по центру, т.е. как на картинке! Например уменьшаем разрешение экрана до 1250, нужно чтоб, оставался только div01 и div02, за ним сразу
следует div03 и div04. Далее.. потом уменьшаем например, разрешение экрана до 650рх должно получаться так, остается только один блок div01 и за ним сразу слитно следуют остальные блоки div02 div03 и div04 в итоге что получается, например при просмотре этих блоков на мобильном телефоне (при разрешении 320рх) блоки будут следовать друг за другом, по низу!
ВТОРОЙ БЛОК:
Состоит всего из двух дивов: div05 и div06 (в целом это 1200рх – по 600рх на каждый блок)
В Блоке div05, внутри есть блок(1шт.) с фиксированным размером: 600х300рх внутри этого блока находится изображение, так же с фиксированным размером: 580х280рх
далее..
Блок div06, внутри блоки(6 шт.) с фиксированным размером: 600х50рх это "ТЕКСТ, ТЕКСТ, ТЕКСТ, ТЕКСТ 01" по "06", размер содержимого текста: Verdana 23pt (жирный)
В этом, ВТОРОМ БЛОКЕ необходимо сделать следующее: Например при разрешении 1300 и выше, эти два блока div05 и div06 остаются по центру, как есть на картинке. Например уменьшаем разрешение экрана до 1250, нужно чтоб, оставался блок div05 и за ним сразу же
слитно следовал блок div06!
Далее необходимо следующее: Например продолжаем менять разрешение экрана до 650рх нужно чтоб блоки div05 и div06 уменьшились до 300рх (в ширину) следовали друг за другом, внутри блока div05, чтоб стал блок(1шт.) фиксированным размером: 300х150рх , изображение внутри, так же, поменялось на: 280х135рх.
В блоке div06 , нужно чтоб внутри блоки (6шт.) стали размерами: 300х30рх и внутри текст поменялся на Verdana 11pt! (жирный)
Так же необходимо, сделать так, чтоб при изменение разрешения экрана, в блоке div05 (где изображение), чтоб в размерах менялась только именно эта картинка, т.к. по мимо этого изображения, на странице так же будет шапка сайта <img> и другие изображение <img>..(т.е. чтоб при изменении размеров экрана, другие изображения оставались как есть)!
На скринах и файлах, попытался показать, как должно выглядит!
В целом все! Спасибо.
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
2 недели назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
2 месяца назад
0
3
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
6 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
10 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите