You Think ATOMZEN is COOL?

BUY IT NOW here on DimeSale!
Menu

Side by Side

[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-comment” card1iconsize=”2em” card1title=”Include 3 modes: text only, image, icon” divider=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jYXIlMjIlM0UlM0MlMkZpJTNF” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#bf2b53″ card2avatar=”image” card2image=”3207″ card2iconsize=”1.2em” carddirection=”leftright” cardstyle=”mediumgray” tooltipposition=”top” card2title=”Click image to download” card2link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-all-in-one%2F7731868%3Fref%3Dsike|title:download|target:%20_blank” cardshape=”cq-rounded” new_card1icon=”linecons” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-photo” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_sidebyside card1avatar=”none” card1iconsize=”1.2em” card1title=”Both side support 3 mode” card1content=”Give you a lot of flexibility to add content. You can display content with text only, image only, or icon with text.” divider=”QW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2iconsize=”1.2em” card2title=”Optional divider in the center” card2content=”The divider can be in circle, rounded, and square. Built in color style option with customized color support.” carddirection=”leftright” cardstyle=”sunflower” tooltipposition=”top” titlesize=”1.5em” contentwidth=”85%” dividerwidth=”32px” dividerheight=”32px” isgap=”cq-isgap”]
[cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” card1title=”Optional tooltip here” divider=”JTNDaSUyMGNsYXNzJTNEJTI3ZmElMjBmYS1pbWFnZSUyNyUzRSUzQyUyRmklM0UlMjAlMjBTdXBwb3J0JTIwMiUyMGRpcmVjdGlvbg==” dividerborder=”4px” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”image” card2image=”3241″ card2iconsize=”1.2em” card2title=”Optional gap between 2 cards” carddirection=”topbottom” cardstyle=”mediumgray” tooltipposition=”right” cardheight=”540px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-all-in-one%2F7731868%3Fref%3Dsike|title:download|target:%20_blank” dividerwidth=”140px” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_separator titleas=”text” title=”Button Demo” icon=”fa-angle-double-down” iconnum=”1″ titleshape1=”rounded” titleshape2=”circle” fontcolor=”#333333″ borderstyle=”dashed” leftcolor=”#4ac1ff” centercolor=”#663399″ rightcolor=”#795bb0″ elementwidth=”100%” titleposition=”50%” bordersize=”1px” fontsize=”1em” bordercolor=”#333333″ bgcolor=”#ffffff” centerbordercolor=”#333333″]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-twitter” card1icontext=” Follow Me” card1iconsize=”1.2em” divider=”VlM=” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-facebook” card2icontext=” Visit Page” card2iconsize=”1.2em” carddirection=”leftright” cardstyle=”bluejeans” tooltipposition=”top” cardheight=”60px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fcube-box%2F|title:Cube%20Box|” cardshape=”cq-rounded” dividerwidth=”30px” dividerheight=”30px” isgap=”cq-isgap” new_card1icon=”typicons” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-social-twitter” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”entypo” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-facebook” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-desktop” card1icontext=”Your battery” card1iconsize=”1.2em” divider=”T1I=” dividerborder=”4px” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-camera” card2icontext=”Take pictures” card2iconsize=”1.2em” carddirection=”leftright” cardstyle=”lavender” tooltipposition=”top” cardheight=”60px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fcube-box%2F|title:Cube%20Box|” cardshape=”cq-rounded” dividerwidth=”30px” dividerheight=”30px” isgap=”cq-isgap” new_card1icon=”typicons” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-battery-high” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”typicons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-camera-outline” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-camera”]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-paypal” card1icontext=”It’s Paypal” card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-wifi” card2icontext=”Free WiFi” card2iconsize=”1.2em” carddirection=”leftright” cardstyle=”pinkrose” tooltipposition=”top” cardheight=”60px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fcube-box%2F|title:Cube%20Box|” cardshape=”cq-rounded” dividerwidth=”24px” dividerheight=”24px” dividerfontsize=”0.8em” new_card1icon=”entypo” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-paypal” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-wifi” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-bell” card1iconsize=”2.2em” card1title=”2 Card Both with icon” card1content=”Yet another demo here. Give you the flexibility to display content.” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-fire” card2iconsize=”2.2em” card2title=”I’m on Fire” card2content=”Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.” carddirection=”leftright” cardstyle=”darkgray” tooltipposition=”top” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20By%20Side|” contentcolor=”#ffffff” followtextcolor=”#dd3333″ card1titlecolor=”#ffffff” card1contentcolor=”#ffffff” card2titlecolor=”#ffffff” card2contentcolor=”#ffffff” card2iconcolor=”#dd3333″ cardshape=”cq-rounded” new_card1icon=”linecons” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-shop” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-fire” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-twitter” card1icontext=”Follow Me” card1iconsize=”1.2em” divider=”VlM=” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-facebook” card2icontext=”Visit Page” card2iconsize=”1.2em” carddirection=”topbottom” cardstyle=”bluejeans” tooltipposition=”top” cardheight=”120px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fcube-box%2F|title:Cube%20Box|” cardshape=”cq-rounded” dividerwidth=”30px” dividerheight=”30px” elementwidth=”70%” isgap=”cq-isgap” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-twitter” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-facebook-square” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” titlesize=”-2″][cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-cloud” card1icontext=”It’s cloud” card1iconsize=”1.2em” divider=”T1I=” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”icon” card2icon=”fa-camera” card2icontext=”Take pictures” card2iconsize=”1.2em” carddirection=”topbottom” cardstyle=”grass” tooltipposition=”top” cardheight=”120″ card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fcube-box%2F|title:Cube%20Box|” cardshape=”cq-rounded” dividerwidth=”30px” dividerheight=”30px” elementwidth=”70%” new_card1icon=”typicons” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-weather-cloudy” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”entypo” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-camera” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_sidebyside card1avatar=”none” card1image=”1268″ card1iconsize=”1.2em” card1title=”24″ divider=”VlM=” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#dd3333″ card2avatar=”none” card2image=”1269″ card2iconsize=”1.2em” card2title=”23″ carddirection=”leftright” cardstyle=”bittersweet” tooltipposition=”top” cardheight=”280px” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20By%20Side|” card2link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-all-in-one%2F7731868%3Fref%3Dsike|title:download|target:%20_blank” imagewidth=”960″ isgap=”cq-isgap” titlesize=”4em” card1content=”Kobe Bryant” card2content=”Michael Jordan” contentsize=”2em” card1titlecolor=”#ffffff” card1contentcolor=”#ffffff” card2titlecolor=”#ffffff” card2contentcolor=”#ffffff” cardshape=”cq-rounded” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart”]
[cq_vc_separator titleas=”text” title=”Other Demo” icon=”fa-angle-double-down” iconnum=”1″ titleshape1=”rounded” titleshape2=”circle” bgcolor=”#ffffff” fontcolor=”#333333″ bordercolor=”#333333″ centerbordercolor=”#333333″ borderstyle=”dashed” leftcolor=”#4ac1ff” centercolor=”#663399″ rightcolor=”#795bb0″ elementwidth=”100%” titleposition=”50%” bordersize=”1px” fontsize=”1em”]
[cq_vc_sidebyside card1avatar=”icon” card1icon=”fa-heart” card1iconsize=”2.2em” card1content=”Include Font Awesome, Open Iconic, Typicons, Entypo, and Linecons. Help you to add icon more Intuitively.” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”image” card2image=”3241″ card2iconsize=”1.2em” card2content=”ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore” carddirection=”topbottom” cardstyle=”mint” tooltipposition=”right” cardheight=”480″ imagewidth=”960″ card2title=”Image on the bottom” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” titlesize=”2em” contentsize=”1.2em” new_card1icon=”entypo” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-users” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card1title=”Latest update with Icon Picker”]
[cq_vc_sidebyside card1avatar=”image” card1icon=”fa-heart” card1iconsize=”3em” card1title=”Image on the top” card1content=”Quis nostrud exercitation ullamco laboris nisi ut aliquip” dividerborder=”4px” dividerbg=”#333333″ dividercolor=”#ffffff” card2avatar=”icon” card2image=”1038″ card2iconsize=”2.4em” card2content=”ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore” carddirection=”topbottom” cardstyle=”pinkrose” tooltipposition=”top” cardheight=”480″ imagewidth=”960″ card1image=”3242″ card2icon=”fa-heart” divider=”U2F5JTIwaGklMjB0byUyMG1l” card2contentcolor=”#ffffff” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” dividerwidth=”120px” cardshape=”cq-rounded” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” isgap=”cq-isgap” gapcolor=”#333333″ contentsize=”1.2em” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-truck”]
[cq_vc_sidebyside card1avatar=”image” card1image=”3197″ card1iconsize=”1.2em” divider=”b3I=” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”image” card2image=”3168″ card2iconsize=”1.2em” carddirection=”leftright” isgap=”cq-isgap” cardstyle=”mediumgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”300″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”text” dividericon=”fontawesome” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”fontawesome” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Hello There”]

Side by Side Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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.

Side by Side Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

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.

[cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”][cq_vc_sidebyside card1avatar=”image” card1image=”3242″ card1iconsize=”1.2em” divider=”YW5k” dividerborder=”50%” dividerbg=”#ffffff” dividercolor=”#333333″ card2avatar=”none” card2image=”1296″ card2iconsize=”1.5em” carddirection=”topbottom” isgap=”cq-isgap” cardstyle=”darkgray” tooltipposition=”top” elementwidth=”100%” card1link=”url:demo.atomlabs.me%2Fatomzen|title:Side%20by%20Side|” card2link=”url:http%3A%2F%2Fstopdesign.cn%2Fdemo%2Fside-by-side%2F|title:Side%20by%20Side|” cardheight=”360″ imagewidth=”800″ card1title=”Optional tooltip” new_card1icon=”fontawesome” icon_fontawesome=”fa fa-adjust” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” dividertype=”icon” dividericon=”linecons” divider_icon_fontawesome=”fa fa-adjust” divider_icon_openiconic=”vc-oi vc-oi-dial” divider_icon_typicons=”typcn typcn-adjust-brightness” divider_icon_entypo=”entypo-icon entypo-icon-note” divider_icon_linecons=”vc_li vc_li-heart” new_card2icon=”linecons” card2_icon_fontawesome=”fa fa-adjust” card2_icon_openiconic=”vc-oi vc-oi-dial” card2_icon_typicons=”typcn typcn-adjust-brightness” card2_icon_entypo=”entypo-icon entypo-icon-note” card2_icon_linecons=”vc_li vc_li-heart” card2title=”Now it’s a vertical example” card2content=”Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.” card2contentcolor=”#ffffff” card2titlecolor=”#ffffff” titlesize=”1.6em” dividerfontsize=”1.5em” dividerwidth=”48px” dividerheight=”48px”]