Basic Elements

[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”row-line-seperator” top=”70px” bottom=”30px” content_width=”940″ section_id=”basic”][vc_column width=”1/1″][vc_button2 title=”Text on the button” style=”rounded” color=”blue” size=”lg”][vc_button2 title=”Text on the button” style=”3d” color=”turquoise” size=”lg”][vc_button2 title=”Text on the button” style=”round” color=”pink” size=”lg”][vc_button2 title=”Text on the button” style=”outlined” color=”violet” size=”lg”][/vc_column][/vc_row]
[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”no-seperator” top=”0px” bottom=”30px” content_width=”940″][vc_column width=”1/1″][vc_button2 title=”Text on the button” style=”rounded” color=”peacoc” size=”md”][vc_button2 title=”Text on the button” style=”3d” color=”chino” size=”md”][vc_button2 title=”Text on the button” style=”round” color=”mulled_wine” size=”md”][vc_button2 title=”Text on the button” style=”outlined” color=”vista_blue” size=”md”][vc_button2 title=”Text on the button” style=”square_outlined” color=”orange” size=”md”][/vc_column][/vc_row]
[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”no-seperator” top=”0px” bottom=”75px” content_width=”940″][vc_column width=”1/1″][vc_button title=”Button Text” target=”_self” color=”btn_themecolor” icon_name=”fa-location-arrow” size=”btn-large”][vc_button title=”Button Text” target=”_self” color=”btn_turquoise” icon_name=”fa-check” size=”btn-large”][vc_button title=”Button Text” target=”_self” color=”btn_turquoise” button_style=”minimal_style” icon_name=”fa-comment-o” size=”btn-large”][vc_button title=”Button text” target=”_self” color=”btn_red” button_style=”minimal_style” size=”btn-large” icon_name=”fa-magic” el_class=”text-aligncenter”][vc_button title=”Button Text” target=”_self” color=”btn_white” icon_name=”fa-heart” size=”btn-large”][/vc_column][/vc_row]
[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”row-line-seperator” top=”70px” bottom=”70px” content_width=”940″ bg_color=”#fafafa” row_mobile_style=”ipad_full_width”][vc_column width=”1/2″][vc_message color=”alert-info” style=”round”]I am message box. Click edit button to change this text.[/vc_message][vc_spacer size=”20px”][vc_message color=”alert-danger” style=”outlined”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][vc_column width=”1/2″][vc_message color=”alert-warning” style=”rounded”]I am message box. Click edit button to change this text.[/vc_message][vc_spacer size=”20px”][vc_message color=”alert-success” style=”3d”]I am message box. Click edit button to change this text.[/vc_message][/vc_column][/vc_row]
[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”row-line-seperator” top=”70px” bottom=”80px” content_width=”940″ row_mobile_style=”ipad_full_width”][vc_column width=”1/2″][vc_toggle title=”This is open tab example – it will be open on page load” open=”true”]Sed nibh lacus, molestie et tempor eu, hendrerit viverra tortor. Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.[/vc_toggle][vc_toggle title=”This is a default closed tab state” open=”false”]Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.[/vc_toggle][vc_toggle title=”Options above can be applied to any tab” open=”false”]Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.[/vc_toggle][/vc_column][vc_column width=”1/2″][vc_toggle title=”Nulla condimentum gravida orci id dignissim?” open=”false”]Etiam adipiscing mollis velit, ac molestie magna elementum a. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.[/vc_toggle][vc_toggle title=”Suspendisse a libero et urna tincidunt auctor?” open=”false”]Etiam adipiscing mollis velit, ac molestie magna elementum. Proin viverra convallis erat ac tempus. Nam scelerisque luctus pulvinar.[/vc_toggle][vc_toggle title=”Aliquam luctus blandit dolor eget blandit?” open=”false”]Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi.[/vc_toggle][vc_toggle title=”Donec malesuada felis a sem consectetur scelerisque?” open=”false”]Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.[/vc_toggle][vc_toggle title=”Suspendisse a libero et urna tincidunt auctor?” open=”false”]Ut feugiat, felis a luctus malesuada, enim nulla vehicula leo, laoreet dapibus purus purus eu metus. Quisque rutrum ultrices urna, eget adipiscing justo ultrices et.[/vc_toggle][/vc_column][/vc_row]
[vc_row bg_video_start=”0″ bg_video_opacity=”1″ row_seperator=”row-line-seperator” top=”70px” bottom=”70px” content_width=”940″ bg_color=”#fafafa” row_mobile_style=”ipad_full_width”][vc_column width=”1/2″][vc_progress_bar values=”90|Bars with animation,80|Design,70|Marketing” bgcolor=”bar_themecolor” options=”striped,animated”][/vc_column][vc_column width=”1/2″][vc_progress_bar values=”80|Marketing,70|Design,90|Development” bgcolor=”custom” units=”%” custombgcolor=”#ff614b”][/vc_column][/vc_row]
Leave a Reply