{"id":1233,"date":"2015-01-05T14:52:33","date_gmt":"2015-01-05T14:52:33","guid":{"rendered":"http:\/\/stopdesign.cn\/demo\/?page_id=1233"},"modified":"2016-03-13T14:23:50","modified_gmt":"2016-03-13T14:23:50","slug":"side-by-side","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/side-by-side\/","title":{"rendered":"Side by Side"},"content":{"rendered":"

[vc_row][vc_column width=”1\/2″]

<\/i><\/div>

Include 3 modes: text only, image, icon<\/h4><\/div><\/div><\/i><\/span>
<\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/2″]

Both side support 3 mode<\/h4>Give you a lot of flexibility to add content. You can display content with text only, image only, or icon with text.<\/span><\/div><\/div>And<\/span>

Optional divider in the center<\/h4>The divider can be in circle, rounded, and square. Built in color style option with customized color support.<\/span><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″][\/vc_column][vc_column width=”1\/2″]
<\/div><\/a><\/div><\/div><\/i> Support 2 direction<\/span>
<\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/4″][\/vc_column][vc_column]
Button Demo<\/i><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
<\/i> Follow Me<\/span><\/div><\/a><\/div><\/div>VS<\/span>
<\/i> Visit Page<\/span><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/3″]
<\/i> Your battery<\/span><\/div><\/a><\/div><\/div>OR<\/span>
<\/i> Take pictures<\/span><\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/3″]
<\/i> It's Paypal<\/span><\/div><\/a><\/div><\/div>and<\/span>
<\/i> Free WiFi<\/span><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457878325710{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/2″]
<\/i><\/div>

2 Card Both with icon<\/h4>Yet another demo here. Give you the flexibility to display content.<\/span><\/a><\/div><\/div>
<\/i> <\/span><\/div>

I'm on Fire<\/h4>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.<\/span><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/2″]
<\/i> Follow Me<\/span><\/div><\/a><\/div><\/div>VS<\/span>
<\/i> Visit Page<\/span><\/div><\/a><\/div><\/div><\/div>
<\/i> It's cloud<\/span><\/div><\/a><\/div><\/div>OR<\/span>
<\/i> Take pictures<\/span><\/div><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1423663800320{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f7fa !important;}”][vc_column]

24<\/h4>
\nKobe Bryant<\/span><\/a><\/div><\/div>VS<\/span>

23<\/h4>
\nMichael Jordan<\/span><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]
Other Demo<\/i><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457878374644{padding-bottom: 80px !important;}”][vc_column width=”1\/2″]
<\/i><\/div>

Latest update with Icon Picker<\/h4>Include Font Awesome, Open Iconic, Typicons, Entypo, and Linecons. Help you to add icon more Intuitively.<\/span><\/a><\/div><\/div>
<\/div>ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/span><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/2″]
<\/div>Quis nostrud exercitation ullamco laboris nisi ut aliquip<\/span><\/a><\/div><\/div>Say hi to me<\/span>
<\/i> <\/span><\/div>ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/span><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1423662600676{padding-top: 230px !important;padding-bottom: 245px !important;background-color: #a0cecb !important;}”][vc_column width=”2\/3″]
<\/div><\/a><\/div><\/div>or<\/span>
<\/div><\/a><\/div><\/div><\/div>[\/vc_column][vc_column width=”1\/3″][vc_column_text]<\/p>\n

Side by Side Demo<\/span><\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457878389357{margin-top: 0px !important;padding-top: 200px !important;padding-bottom: 200px !important;background-color: #ac92ec !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Side by Side Demo<\/span><\/h3>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/span>[\/vc_column_text][\/vc_column][vc_column width=”1\/2″]

<\/div><\/a><\/div><\/div><\/i><\/span>

Now it's a vertical example<\/h4>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/span><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″][\/vc_column][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/4″][\/vc_column][vc_column][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][vc_column width=”1\/3″][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457878325710{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1423663800320{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f7fa !important;}”][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1457878374644{padding-bottom: 80px !important;}”][vc_column width=”1\/2″][\/vc_column][vc_column width=”1\/2″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1423662600676{padding-top: 230px !important;padding-bottom: 245px !important;background-color: #a0cecb !important;}”][vc_column width=”2\/3″][\/vc_column][vc_column width=”1\/3″][vc_column_text] Side by Side Demo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1233"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=1233"}],"version-history":[{"count":132,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1233\/revisions"}],"predecessor-version":[{"id":2283,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/1233\/revisions\/2283"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=1233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}