en-UScy-GBbr-FR
X

Responsive Tab

  Feature   >   Short Codes   >   Responsive Tab
  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="horizontalTab_Top horizontalTab_Top_1">
    <ul class="resp-tabs-list">
        <li><span>Tab title 1</span></li>
        <li><span>Tab title 2</span></li>
        <li><span>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 1 ...</td>
                </tr>
                </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 2 ...</td>
                </tr>
            </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 3 ...</td>
                </tr>
            </table>
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Left  verticalTab_Left_1">
    <ul class="resp-tabs-list">
        <li><span>Tab title 1</span></li>
        <li><span>Tab title 2</span></li>
        <li><span>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
    </div>
    <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
    </div>
    <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Right verticalTab_Right_1">
    <ul class="resp-tabs-list">
        <li><span>Tab title 1</span></li>
        <li><span>Tab title 2</span></li>
        <li><span>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
    </div>
    <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
    </div>
    <div class="resp_container">
        <div class="resp_margin">
        <p><img alt="" src="/portals/30/photo_icon.png" /></p>
        Content text 1 ...
        </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="horizontalTab_Top horizontalTab_Top_3">
    <ul class="resp-tabs-list">
        <li><span> <em class="glyphicons glyph-heart-empty"></em>Tab title 1</span></li>
        <li><span> <em class="glyphicons glyph-music"></em>Tab title 1</span></li>
        <li><span> <em class="glyphicons glyph-clock"></em>Tab title 1</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                        <td>Content text 1 ...</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                        <td>Content text 1 ...</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                        <td>Content text 1 ...</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Right verticalTab_Right_3">
    <ul class="resp-tabs-list">
        <li><span><em class="glyphicons glyph-heart-empty"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-music"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-clock"></em>Tab title 1</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="horizontalTab_Top horizontalTab_Top_2">
    <ul class="resp-tabs-list">
        <li><span> <em class="glyphicons glyph-heart-empty"></em> Tab title 1</span></li>
        <li><span> <em class="glyphicons glyph-music"></em>Tab title 2</span></li>
        <li><span> <em class="glyphicons glyph-clock"></em>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 1 ...</td>
                </tr>
            </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 2 ...</td>
                </tr>
            </table>
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img alt="" src="/portals/30/photo_icon.png" /></td>
                    <td>Content text 3 ...</td>
                </tr>
            </table>
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Left verticalTab_Left_2">
    <ul class="resp-tabs-list">
        <li><span><em class="glyphicons glyph-heart-empty"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-music"></em>Tab title 2</span></li>
        <li><span><em class="glyphicons glyph-clock"></em>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                <Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Right  verticalTab_Right_2">
    <ul class="resp-tabs-list">
        <li><span><em class="glyphicons glyph-heart-empty"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-music"></em>Tab title 2</span></li>
        <li><span><em class="glyphicons glyph-clock"></em>Tab title 3</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                <Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
    </div>
</div>

  • First Tab
  • Second Tab
  • Third Tab

1--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur. Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

2--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

3--Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis porttitor lacus nec vehicula. Quisque commodo mi purus, eget accumsan sapien tristique id. Integer nisl odio, vehicula gravida felis in, eleifend posuere odio. Donec blandit eleifend consectetur.

Donec turpis justo, molestie ac pharetra vel, fringilla id urna. Nunc nibh diam, blandit vitae vehicula dapibus, pulvinar eu sapien. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu ornare rhoncus sit amet quis libero.

SOURCE CODE 
<div class="verticalTab_Left  verticalTab_Left_3">
    <ul class="resp-tabs-list">
        <li><span><em class="glyphicons glyph-heart-empty"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-music"></em>Tab title 1</span></li>
        <li><span><em class="glyphicons glyph-clock"></em>Tab title 1</span></li>
    </ul>
    <div class="resp-tabs-container">
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
        <div class="resp_container">
            <div class="resp_margin">
                <p><img alt="" src="/portals/30/photo_icon.png" /></p>
                Content text 1 ...
            </div>
        </div>
    </div>
</div>