Новосибирск

Россия

Украина

Суть такая:
Есть страница, на ней по центру будет контейнер с фиксированной шириной 800px. По бокам от неё две кнопки: каждая из которой при клике раскрывает соответствующий блок слева/справа от нашего контейнера. Ширина этих блоков тоже фиксирована: 291px. 

Задача: 
1. На больших экранах, пока все эти блоки умещаются во всю ширину, они могут быть открыты как одновременно, так и только один. Тут ничего делать не надо.
2. Если ширина экрана небольшая и раскрывается только левый или правый блок, то центральный контейнер также плавно смещается в сторону, т.е раскрывающийся блок его не должен перекрывать. 
3. Если оба раскрытых блока + центральный контейнер перестают помещаться в ширину экрана, то блок, который был открыт первым, плавно закрывается.
4. Реализуем до ширины экрана 992px, ниже не смотрим.
5. Эти события должны срабатывать не только при ресайзе окна, но и при открытии/закрытии боковых панелей.
Вот мой код. Скрипт написан коряво и не весь, ориентироваться только на верстку:
[url=https://codepen.io/Raneto4ka/pen/JmoERE]https://codepen.io/Raneto4ka/pen/JmoERE[/url]

Вот видео, где можно посмотреть как это уже реализовано у других:
[url=https://yadi.sk/d/5hkzCF7W1mNGWA]https://yadi.sk/d/5hkzCF7W1mNGWA[/url]

Реализовать подстраивание блоков под изменения ширины окна

Положительные

Занимаюсь версткой с 2012 года. 
Отлично знаю HTML и CSS, включая современные HTML5 и CSS3, есть опыт в использовании jQuery и JS.
Имеется опыт в верстке электронных писем.
Умею разбираться в чужом коде, работать с большим объемом информации, ответственно подхожу к работе.

Добрый день!

Нужен верстальщик, который сможет сверстать приложенные страницы.
PSD макетов нет (утеряны). Верстать нужно по тому, что видите.

Крайне желательно использовать bootstrap.

Шаблон очень простой, никаких элементов из psd почти не нужно.
Фон можно найти в интернете похожий

Простая верстка по рисунку

Bootstrap

Беларусь

Необходимо сверстать  адаптивную шаблон для емеил рассылки.  Макет в формате pds. прикрепляю превью.
Для всех блоков с картинками и кнопок необходимо сделать подложку (для корректного отображения с отключенными картинками)
Заявки принимаются только от претендентов с опытом и примерами в портфолио верстки писем. [b]Заявки без ссылки на примеры выполненных работ не рассматриваются.[/b]

Адаптивная верстка e-mail шаблонов

Суть такая:
Есть страница, на ней по центру будет контейнер с фиксированной шириной 800px. По бокам от неё две кнопки: каждая из которой при клике раскрывает соответствующий блок слева/справа от нашего контейнера. Ширина этих блоков тоже фиксирована: 291px. 

Задача: 
1. На больших экранах, пока все эти блоки умещаются во всю ширину, они могут быть открыты как одновременно, так и только один. Тут ничего делать не надо.
2. Если ширина экрана небольшая и раскрывается только левый или правый блок, то центральный контейнер также плавно смещается в сторону, т.е раскрывающийся блок его не должен перекрывать. 
3. Если оба раскрытых блока + центральный контейнер перестают помещаться в ширину экрана, то блок, который был открыт первым, плавно закрывается.
4. Реализуем до ширины экрана 992px, ниже не смотрим.
5. Эти события должны срабатывать не только при ресайзе окна, но и при открытии/закрытии боковых панелей.
Вот мой код. Скрипт написан коряво и не весь, ориентироваться только на верстку:
<a href="https://codepen.io/Raneto4ka/pen/JmoERE" rel="nofollow noopener noreferrer" target="_blank">https://codepen.io/Raneto4ka/pen/JmoERE</a>

Вот видео, где можно посмотреть как это уже реализовано у других:
<a href="https://yadi.sk/d/5hkzCF7W1mNGWA" rel="nofollow noopener noreferrer" target="_blank">https://yadi.sk/d/5hkzCF7W1mNGWA</a>

Нужна реализация возможности оценить продукт пользователями.
Вначале показываем 5 серых звезд, под ними блок с текстом-подсказкой ("Нажмите, чтобы оценить").
При наведении на какую-либо звезду она и все звезды слева от нее закрашиваются желтым, а в блоке под звездой вместо подсказки статус, характеризующий закрашенное количество звезд (Ужасно, Можно и лучше, Нормально, Хорошо, Отлично). 
При клике на какое-то количество звезд меняется шаблон: звезды (закрашенные в соответствии с кликом пользователя) уползают вверх, а под ними появляется новый блок. Его содержимое зависит от количества выбранных звезд:
1-3 звезды. Показываем пользователю окно с встроенной формой обращения в саппорт.
4-5 звезд. Предлагаем пользователю оставить отзыв, перейдя по ссылке.


Верстка не важна, можно просто накидать примерно. Главное написать такой скрипт, который выполняет всё вышеописанное.

Нужна реализация возможности оценить продукт пользователями.
Вначале показываем 5 серых звезд, под ними блок с текстом-подсказкой ("Нажмите, чтобы оценить").
При наведении на какую-либо звезду она и все звезды слева от нее закрашиваются желтым, а в блоке под звездой вместо подсказки статус, характеризующий закрашенное количество звезд (Ужасно, Можно и лучше, Нормально, Хорошо, Отлично). 
При клике на какое-то количество звезд меняется шаблон: звезды (закрашенные в соответствии с кликом пользователя) уползают вверх, а под ними появляется новый блок. Его содержимое зависит от количества выбранных звезд:
1-3 звезды. Показываем пользователю окно с встроенной формой обращения в саппорт.
4-5 звезд. Предлагаем пользователю оставить отзыв, перейдя по ссылке.


Верстка не важна, можно просто накидать примерно. Главное написать такой скрипт, который выполняет всё вышеописанное.

Елена Raneto4ka

Отзывы заказчиков