Skip to content

Content Elements

[vc_row parallax=”content-moving” parallax_image=”257″][vc_column][vc_empty_space height=”200″ tablet_height=”150″ mobile_height=”130″ jangulak=”true”][vc_row_inner][vc_column_inner width=”1/4″][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

Theme Content Elements

This is a custom row on behalf of the theme’s default header for the page and in this page you will see the most important content elements known also as shortodes which you can use to build you pages.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][/vc_column_inner][/vc_row_inner][vc_empty_space height=”200″ tablet_height=”150″ mobile_height=”130″][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”100″ tablet_height=”80″ mobile_height=”70″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Publications short-code

This element can be used to list your publications at a page. You can select distinctively, order, offset and exclude and also determine the number of items in the list.[/vc_column_text][/vc_column][vc_column width=”2/3″][hubble_publications post_type=”publications” max_items=”3″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

List with Title

A nice element with 3 main features:

  1. title
  2. lable at the background of title
  3. contents

[/vc_column_text][/vc_column][vc_column width=”2/3″][hubble_list_title items=”%5B%7B%22title%22%3A%22Proffessor%22%2C%22label%22%3A%222000-2014%22%2C%22content%22%3A%22Material%20Department%20%3Cbr%3E%20University%20of%20California%2C%20Santa%20Barbara%22%7D%2C%7B%22title%22%3A%22Proffessor%22%2C%22label%22%3A%222000-2014%22%2C%22content%22%3A%22Material%20Department%20%3Cbr%3E%20University%20of%20California%2C%20Santa%20Barbara%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

List with Numbers

A nice list elements with bold design numbers to grab visitors attention.[/vc_column_text][/vc_column][vc_column width=”2/3″][hubble_list_numbers items=”%5B%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%2C%7B%22text%22%3A%22The%20text%20of%20the%20item%20inside%20the%20list%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Timeline List

If you are listing some items which are belong to some groups in some sort, you can use this timeline like list.[/vc_column_text][/vc_column][vc_column width=”2/3″][hubble_list_timeline items=”%5B%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222017%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-heart%22%7D%2C%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222012%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-Mendeley%22%7D%2C%7B%22title%22%3A%22The%20title%20goes%20here%22%2C%22label%22%3A%222006%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%22%2C%22url%22%3A%22url%3A%2523%7Ctitle%3AA%2520link%2520here%7C%7C%22%2C%22icon_type%22%3A%22hubbleicons%22%2C%22icon_fontawesome%22%3A%22fa%20fa-info-circle%22%2C%22icon_openiconic%22%3A%22vc-oi%20vc-oi-dial%22%2C%22icon_typicons%22%3A%22typcn%20typcn-adjust-brightness%22%2C%22icon_entypo%22%3A%22entypo-icon%20entypo-icon-note%22%2C%22icon_linecons%22%3A%22vc_li%20vc_li-heart%22%2C%22icon_hubbleicons%22%3A%22oli%20oli-cosine%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

HTML Definition List

This element can be used to provide description for some terms and also as a table to list some items and their descriptions.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_list_definition items=”%5B%7B%22title%22%3A%22Math%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%2C%7B%22title%22%3A%22Analytics%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%2C%7B%22title%22%3A%22Statistics%22%2C%22content%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%20Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipisicing%20elit.%22%7D%5D”][/vc_column_inner][vc_column_inner width=”1/2″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Simple Icon Box

Eye catching set of icon and title and description.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-pressure” title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][vc_empty_space height=”0″ tablet_height=”30″ mobile_height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-degrees” title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Icon Box – side icon

Eye catching set of icon and title and description.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”2″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][vc_empty_space height=”0″ tablet_height=”30″ mobile_height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”2″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Icon Box – with background label

Eye catching set of icon and title and description.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”3″ title=”Title of the iconbox” behind_title=”1920″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][vc_empty_space height=”0″ tablet_height=”30″ mobile_height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”3″ title=”Title of the iconbox” behind_title=”2017″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Icon Box – circular

Eye catching set of icon and title and description.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-pressure” iconbox_type=”4″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][vc_empty_space height=”0″ tablet_height=”30″ mobile_height=”30″][/vc_column_inner][vc_column_inner width=”1/2″][hubble_iconbox icon_hubbleicons=”oli oli-degrees” iconbox_type=”4″ title=”Title of the iconbox”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/hubble_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Buttons

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/3″][hubble_btn color=”none” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn color=”btn-skin-red” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn shape=”btn-circle” color=”btn-skin-yellow” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_align=”left” icon_type=”fontawesome”][/vc_column_inner][vc_column_inner width=”1/3″][hubble_btn size=”btn-small” color=”none” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn size=”btn-small” shape=”btn-round” color=”btn-skin-blue” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn color=”btn-skin-purple” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_align=”left”][/vc_column_inner][vc_column_inner width=”1/3″][hubble_btn size=”btn-large” color=”none” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn size=”btn-large” shape=”btn-circle” color=”btn-skin-green” transparent=”” wide=”” with_icon=””][vc_empty_space tablet_height=”20″ mobile_height=”10″][hubble_btn size=”btn-small” shape=”btn-round” color=”btn-skin-blue” transparent=”” wide=”yes” with_icon=”yes” animate_icon=”yes” icon_hubbleicons=”oli oli-clouds”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Linkable Image with Title

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_image_title title=”The title goes here” image=”130″ url=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/2″][hubble_image_title title=”The title goes here” image=”131″ url=”url:%23|||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Linkable Logos Grid

[/vc_column_text][/vc_column][vc_column width=”2/3″][hubble_logo_grid columns=”4″ logos=”%5B%7B%22logo%22%3A%22149%22%7D%2C%7B%22logo%22%3A%22148%22%7D%2C%7B%22logo%22%3A%22147%22%7D%2C%7B%22logo%22%3A%22146%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%2C%7B%22logo%22%3A%22145%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″][vc_column_text]

Persons List

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/2″][hubble_person title1=”Person Name” title2=”Their title” image=”179″ url=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/2″][hubble_person title1=”Person Name” title2=”Their title” image=”7″ url=”url:%23|title:Research%20Gate||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″ equal_height=”yes” content_placement=”middle”][vc_column width=”1/3″][vc_column_text]

Google Maps

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_gmaps link=”#E-8_JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZ29vZ2xlLmNvbSUyRm1hcHMlMkZlbWJlZCUzRnBiJTNEJTIxMW0xOCUyMTFtMTIlMjExbTMlMjExZDYzMDQuODI5OTg2MTMxMjcxJTIxMmQtMTIyLjQ3NDY5NjgwMzMwOTIlMjEzZDM3LjgwMzc0NzUyMTYwNDQzJTIxMm0zJTIxMWYwJTIxMmYwJTIxM2YwJTIxM20yJTIxMWkxMDI0JTIxMmk3NjglMjE0ZjEzLjElMjEzbTMlMjExbTIlMjExczB4ODA4NTg2ZTYzMDI2MTVhMSUyNTNBMHg4NmJkMTMwMjUxNzU3YzAwJTIxMnNTdG9yZXklMkJBdmUlMjUyQyUyQlNhbiUyQkZyYW5jaXNjbyUyNTJDJTJCQ0ElMkI5NDEyOSUyMTVlMCUyMTNtMiUyMTFzZW4lMjEyc3VzJTIxNHYxNDM1ODI2NDMyMDUxJTIyJTIwd2lkdGglM0QlMjI2MDAlMjIlMjBoZWlnaHQlM0QlMjI0NTAlMjIlMjBmcmFtZWJvcmRlciUzRCUyMjAlMjIlMjBzdHlsZSUzRCUyMmJvcmRlciUzQTAlMjIlMjBhbGxvd2Z1bGxzY3JlZW4lM0UlM0MlMkZpZnJhbWUlM0U=”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″ equal_height=”yes” content_placement=”middle”][vc_column width=”1/3″][vc_column_text]

Easy Video Embed

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_video][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][vc_separator][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row][vc_row gap=”35″ equal_height=”yes” content_placement=”middle”][vc_column width=”1/3″][vc_column_text]

Simple Image Slider

[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_gallery type=”flexslider_slide” interval=”3″ images=”132,131,130″ img_size=”large” onclick=””][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_empty_space height=”80″ tablet_height=”50″ mobile_height=”30″][/vc_column][/vc_row]