Как реализовать эту секцию?

Question

[aeprotsyuk]

Здравствуйте! Подскажите пожалуйста как сверстать такую секцию? При чем я так понимаю, что это кнопки, при нажатии на которые, появляется другой текст из вкладки по которой нажал?

Answer 1

[Воващ]

1. берем бутсрапыч
2. делим по сетке
3. прикручиваем mock up яблофона с z-index'ом повыше (логично что это картинка с прозрачным фоном, если контент в яблофоне меняется, то там будет еще один блок и придется написать что по клику на таб меняется картинка в яблофоне)
4. прикручиваем табы

Comments

[aeprotsyuk]

А если не на бутстрапе?

[Воващ]

aeprotsyuk,
1. НЕ берем бутсрапыч
2. делим как считаем нужным
3. прикручиваем mock up яблофона с z-index'ом повыше (логично что это картинка с прозрачным фоном, если контент в яблофоне меняется, то там будет еще один блок и придется написать что по клику на таб меняется картинка в яблофоне)
4. пишем и засовываем табы (логика табов такая: клик => таб-контент блок приобретает display: block, все остальные display: none)

[aeprotsyuk]

Воващ, табы эти реализовываются с помощью JS?

[Воващ]

aeprotsyuk, как душе угодно, мне кажется проще с js

но вот пример без него

[aeprotsyuk]

Воващ, спасибо большое за помощь!