Question

Приветствую народ, такая проблемка возникла при верстке макета, весь контент должен выводиться в табах как на скриншоте:

Но не могу понять как это организовать.
Табы сверстаны следющим видом:

Код

<ul class="tabs">    <li class="tab1">       <a href="#tab1">частным лицам</a>    </li>    <li class="tab2">       <a href="#tab2">корпоративным клиентам</a>    </li>    <li class="tab3">       <a href="#tab3">новости</a>    </li>    <li class="tab4">       <a href="#tab4">о банке</a>    </li> </ul> <div class="tab_container">    <div id="tab1" class="tab_content">    <ul class="mnav">       <li><a href="#">Вклады</a></li>       <li><a href="#">Кредиты</a></li>       <li><a href="#">Пластиковые карты</a></li>       <li><a href="#">Денежные переводы</a></li>       <li><a href="#">Обмен валют</a></li>       <li><a href="#">Международные переводы</a></li>       <li><a href="#">Прием платежей</a></li>       <li><a href="#">Сейфовые ячейки</a></li>       <li><a href="#">Монеты из драгоценных металлов</a></li>    </ul>    <h1>Частным лицам</h1>    <p>Ts unuj suomio komplemento anc, tet koruso laringalo em. Ko a&#365; vola da&#365;rigi, gh helpa hiper plu. Dz nea identiga konateco preterito. Tro op voli duobla, ac unua haltkompreneble enz. Oz ekoo vortludo sanskrito poe, ja nen respondeci kvadriliono. Nek stop stopi decimaloj en, ari er homonimo reciprokeco anta&#365;tagmezo. Faras ebleco sob el, dio</p>    <p>halt' suplemento, ok nepo fiksi ant. Semi semajntago solstariva tra je, per drumo okupi  duono alimaniere ladskatolo nur, aliam disskribado iom oz, ia nano suplemento aha. Ree ul triono interalie, tra i faka jokto nenie. Decilitro esperanteca ies us, dura certa ve tuj. Eko alternativa prapostmorga&#365; jo, tek us apud </p X            <p class="detail"><a href="#">Подробнее >></a></p>    </div>    <div id="tab2" class="tab_content">       <ul class="mnav">       <li><a href="#">Вклады</a></li>       <li><a href="#">Кредиты</a></li>       <li><a href="#">Пластиковые карты</a></li>       <li><a href="#">Денежные переводы</a></li>       <li><a href="#">Обмен валют</a></li>       <li><a href="#">Международные переводы</a></li>       <li><a href="#">Прием платежей</a></li>       <li><a href="#">Сейфовые ячейки</a></li>       <li><a href="#">Монеты из драгоценных металлов</a></li>    </ul>    <h1>Частным лицам</h1>    <p>Ts unuj suomio komplemento anc, tet koruso laringalo em. Ko a&#365; vola da&#365;rigi, gh helpa hiper plu. Dz nea identiga konateco preterito. Tro op voli duobla, ac unua haltkompreneble enz. Oz ekoo vortludo sanskrito poe, ja nen respondeci kvadriliono. Nek stop stopi decimaloj en, ari er homonimo reciprokeco anta&#365;tagmezo. Faras ebleco sob el, dio</p>    <p>halt' suplemento, ok nepo fiksi ant. Semi semajntago solstariva tra je, per drumo okupi  duono alimaniere ladskatolo nur, aliam disskribado iom oz, ia nano suplemento aha. Ree ul triono interalie, tra i faka jokto nenie. Decilitro esperanteca ies us, dura certa ve tuj. Eko alternativa prapostmorga&#365; jo, tek us apud </p X               <p class="detail"><a href="#">Подробнее >></a></p>    </div>    <div id="tab3" class="tab_content">    <h1>Новости</h1>    <p>Ts unuj suomio komplemento anc, tet koruso laringalo em. Ko a&#365; vola da&#365;rigi, gh helpa hiper plu. Dz nea identiga konateco preterito. Tro op voli duobla, ac unua haltkompreneble enz. Oz ekoo vortludo sanskrito poe, ja nen respondeci kvadriliono. Nek stop stopi decimaloj en, ari er homonimo reciprokeco anta&#365;tagmezo. Faras ebleco sob el, dio</p>    <p>halt' suplemento, ok nepo fiksi ant. Semi semajntago solstariva tra je, per drumo okupi  duono alimaniere ladskatolo nur, aliam disskribado iom oz, ia nano suplemento aha. Ree ul triono interalie, tra i faka jokto nenie. Decilitro esperanteca ies us, dura certa ve tuj. Eko alternativa prapostmorga&#365; jo, tek us apud </p>               <p class="detail"><a href="#">Подробнее >></a></p>    </div>    <div id="tab4" class="tab_content">    <h1>О банке</h1>    <p>Ts unuj suomio komplemento anc, tet koruso laringalo em. Ko a&#365; vola da&#365;rigi, gh helpa hiper plu. Dz nea identiga konateco preterito. Tro op voli duobla, ac unua haltkompreneble enz. Oz ekoo vortludo sanskrito poe, ja nen respondeci kvadriliono. Nek stop stopi decimaloj en, ari er homonimo reciprokeco anta&#365;tagmezo. Faras ebleco sob el, dio</p>    <p>halt' suplemento, ok nepo fiksi ant. Semi semajntago solstariva tra je, per drumo okupi  duono alimaniere ladskatolo nur, aliam disskribado iom oz, ia nano suplemento aha. Ree ul triono interalie, tra i faka jokto nenie. Decilitro esperanteca ies us, dura certa ve tuj. Eko alternativa prapostmorga&#365; jo, tek us apud </p>               <p class="detai

Answer 1

Вы не описали суть проблемы?
Что именно вы не можете сделать? Натянуть данный код на шаблон компонента или что?

Answer 2

Да. И дело в том, что никак непонимаю на какие компоненты их на сажать

Answer 3

В зависимости от контента. Если конент в инфоблоке, то на news.list, если это вкл. облать, то подключить ее и т.д.