[vc_row ses_title=”Banner” type_row=”thedocs” ses_sub_title=”

Banner is a combination of an image, some heading text, paragraphs, buttons, etc. which comes to header of your page and gives your readers an important message and make your page more fancier.

” ses_class=”” number_tes=””][vc_column][table_content title=”Basic usage” id_content=”basic”][table_content title=”Sizes” id_content=”sizes”][table_content title=”Variations” id_content=”variations”][/vc_column][/vc_row][vc_row ses_title=”Basic usage” type_row=”content” ses_id=”basic” ses_sub_title=”

You can see an example of a banner in top of this page. Following code is the code for this banner.

“][vc_column][vc_raw_html]JTNDcHJlJTIwY2xhc3MlM0QlMjJsaW5lLW51bWJlcnMlMjIlM0UlM0Njb2RlJTIwY2xhc3MlM0QlMjJsYW5ndWFnZS1tYXJrdXAlMjIlM0UlMEElMjZsdCUzQmhlYWRlciUyMGNsYXNzJTNEJTI2cXVvdCUzQnNpdGUtaGVhZGVyJTIwc3RpY2t5JTIwbmF2YmFyLXRyYW5zcGFyZW50JTIwbmF2YmFyLWZ1bGx3aWR0aCUyNnF1b3QlM0IlMjZndCUzQiUwQSUwQSUyMCUyMCUyNmx0JTNCJTIxLS0lMjBUb3AlMjBuYXZiYXIlMjAlMjZhbXAlM0IlMjBicmFuZGluZyUyMC0tJTI2Z3QlM0IlMEElMjAlMjAlMjZsdCUzQm5hdiUyMGNsYXNzJTNEJTI2cXVvdCUzQm5hdmJhciUyMG5hdmJhci1kZWZhdWx0JTI2cXVvdCUzQiUyNmd0JTNCJTBBJTIwJTIwLi4uJTBBJTIwJTIwJTI2bHQlM0IlMkZuYXYlMjZndCUzQiUwQSUyMCUyMCUyNmx0JTNCJTIxLS0lMjBFTkQlMjBUb3AlMjBuYXZiYXIlMjAlMjZhbXAlM0IlMjBicmFuZGluZyUyMC0tJTI2Z3QlM0IlMEElMEElMjAlMjAlMjZsdCUzQiUyMS0tJTIwQmFubmVyJTIwLS0lMjZndCUzQiUwQSUyMCUyMCUyNmx0JTNCZGl2JTIwY2xhc3MlM0QlMjZxdW90JTNCYmFubmVyJTIwb3ZlcmxheS1ibGFjayUyNnF1b3QlM0IlMjBzdHlsZSUzRCUyNnF1b3QlM0JiYWNrZ3JvdW5kLWltYWdlJTNBJTIwdXJsJTI4YXNzZXRzJTJGaW1nJTJGYmFubmVyMS5qcGclMjklM0IlMjZxdW90JTNCJTI2Z3QlM0IlMEElMjAlMjAlMjAlMjAlMjZsdCUzQmRpdiUyMGNsYXNzJTNEJTI2cXVvdCUzQmNvbnRhaW5lciUyMHRleHQtY2VudGVyJTI2cXVvdCUzQiUyNmd0JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTI2bHQlM0JoMSUyNmd0JTNCT25saW5lJTIwRG9jdW1lbnRhdGlvbiUyMFRlbXBsYXRlJTI2bHQlM0IlMkZoMSUyNmd0JTNCJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTI2bHQlM0JoNSUyNmd0JTNCJTI2bHQlM0JzdHJvbmclMjZndCUzQnRoZURvY3MlMjZsdCUzQiUyRnN0cm9uZyUyNmd0JTNCJTIwcmVkdWNlJTIwdGhlJTIwYnVyZGVuJTIwb2YlMjBkZXZlbG9waW5nJTIwZG9jdW1lbnRhdGlvbiUyMGZvciUyMHlvdXIlMjBuZXh0JTIwcHJvZHVjdC4lMjZsdCUzQiUyRmg1JTI2Z3QlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjZsdCUzQmJyJTI2Z3QlM0IlMjZsdCUzQmJyJTI2Z3QlM0IlMjZsdCUzQmJyJTI2Z3QlM0IlMEElMjAlMjAlMjAlMjAlMjAlMjAlMjZsdCUzQnAlMjZndCUzQiUyNmx0JTNCYSUyMGNsYXNzJTNEJTI2cXVvdCUzQmJ0biUyMGJ0bi13aGl0ZSUyMGJ0bi1sZyUyMGJ0bi1vdXRsaW5lJTI2cXVvdCUzQiUyMGhyZWYlM0QlMjZxdW90JTNCJTIzJTI2cXVvdCUzQiUyMHJvbGUlM0QlMjZxdW90JTNCYnV0dG9uJTI2cXVvdCUzQiUyNmd0JTNCJTIwR2V0dGluZyUyMFN0YXJ0ZWQlMjAlMjZsdCUzQiUyRmElMjZndCUzQiUyNmx0JTNCJTJGcCUyNmd0JTNCJTBBJTIwJTIwJTIwJTIwJTI2bHQlM0IlMkZkaXYlMjZndCUzQiUwQSUyMCUyMCUyNmx0JTNCJTJGZGl2JTI2Z3QlM0IlMEElMjAlMjAlMjZsdCUzQiUyMS0tJTIwRU5EJTIwQmFubmVyJTIwLS0lMjZndCUzQiUwQSUwQSUyNmx0JTNCJTJGaGVhZGVyJTI2Z3QlM0IlMEElM0MlMkZjb2RlJTNFJTNDJTJGcHJlJTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJjYWxsb3V0JTIwY2FsbG91dC1pbmZvJTIyJTIwcm9sZSUzRCUyMmFsZXJ0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaDQlM0VPdmVybGF5cyUzQyUyRmg0JTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDcCUzRVRvJTIwbWFrZSUyMGElMjBiZXR0ZXIlMjBjb250cmFzdCUyMGJldHdlZW4lMjB0ZXh0cyUyMGFuZCUyMGltYWdlJTJDJTIwaXQlMjdzJTIwYmV0dGVyJTIwdG8lMjB1c2UlMjBvdmVybGF5JTIwaGVscGVyJTIwY2xhc3NlcyUyMHdpdGglMjBiYW5uZXJzLiUyMFlvdSUyMGNhbiUyMHVzZSUyMGVpdGhlciUyMCUzQ2NvZGUlM0Uub3ZlcmxheS1ibGFjayUzQyUyRmNvZGUlM0UlMjBvciUyMCUzQ2NvZGUlM0Uub3ZlcmxheS13aGl0ZSUzQyUyRmNvZGUlM0UlMjB3aXRoJTIweW91ciUyMGJhbm5lci4lM0MlMkZwJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[/vc_raw_html][/vc_column][/vc_row][vc_row ses_title=”Sizes” type_row=”content” ses_id=”sizes” ses_sub_title=”

Easily change the height of your banner by adding .banner-sm or .banner-lg to the .banner. Even you can make it full height by adding .navbar-full-height to the .banner.

“][vc_column width=”1/2″ type=”column”][colors title=”Small” subtitle=”Uses .banner-sm class.” images=”187″][/vc_column][vc_column width=”1/2″ type=”column”][colors title=”Default” subtitle=”It’s default size, doesn’t require any class.” images=”184″][/vc_column][/vc_row][vc_row type_row=”skin” ses_sub_title=”


“][vc_column width=”1/2″ type=”column”][colors title=”Large” subtitle=”Uses .banner-lg class.” images=”186″][/vc_column][vc_column width=”1/2″ type=”column”][colors title=”Full height” subtitle=”Uses .banner-full-height class.” images=”185″][/vc_column][/vc_row][vc_row][vc_column][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJjYWxsb3V0JTIwY2FsbG91dC13YXJuaW5nJTIyJTIwcm9sZSUzRCUyMmFsZXJ0JTIyJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDaDQlM0VQaG9uZXMlM0MlMkZoNCUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUzQ3AlM0VEdWUlMjB0byUyMGxhY2slMjBvZiUyMGVub3VnaCUyMHNwYWNlJTJDJTIwYmFubmVyJTIwc2l6ZSUyMHdpbGwlMjBiZSUyMGZ1bGwlMjBoZWlnaHQlMjBpbiUyMHBob25lcy4lM0MlMkZwJTNFJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTNDJTJGZGl2JTNF[/vc_raw_html][/vc_column][/vc_row][vc_row ses_title=”Variations” type_row=”sample” ses_id=”variations” ses_sub_title=”Apart from size varieties, you can make different type of variations.”][vc_column width=”1/3″ type=”column”][variations title=”Sample 1″ subtitle=”Demo” images=”188″][/vc_column][vc_column width=”1/3″ type=”column”][variations title=”Sample 2″ subtitle=”Demo” images=”189″][/vc_column][vc_column width=”1/3″ type=”column”][variations title=”Sample 3″ subtitle=”Demo” images=”190″][/vc_column][/vc_row]

Bitnami