typography

[vc_row full_width=”stretch_row” el_id=”subpage-banner” css=”.vc_custom_1543228170781{background-image: url(https://designingmedia.com/wordpress/hostiko/layout27/wp-content/uploads/2018/11/hero_banner.jpg?id=12) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column css=”.vc_custom_1542709592236{padding-top: 0px !important;}”][vc_row_inner el_id=”hero_banner_inner”][vc_column_inner el_class=”pull-right”][vc_custom_heading text=”Typography” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” el_class=”lato_font font_weight300 color_fff font_size48 line_height54 no_margin”][vc_custom_heading text=”Hostiko Typography” font_container=”tag:p|text_align:center” use_theme_fonts=”yes” el_class=”font_size20 line_height20 opnesans_font font_weight300 color_fff margin_top10 margin_bottom0″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_class=”padding_top50″ el_id=”basic-typo”][vc_column css=”.vc_custom_1547034082425{padding-top: 0px !important;}”][vc_custom_heading text=”Basic typography” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121026267{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text el_class=”font_size16″]Praesent nec magna ac pede. Mauris suscipit mauris. Nam quis erat id tortor. Phasellus at nibh nulla nulla, egestas quam eu tortor orci, id eros. Mauris neque. Pellentesque dolor. Mauris in est. Vivamus lacus sed justo. Aenean ac dignissim nibh. Suspendisse sapien. Donec in faucibus volutpat, velit in leo ultrices posuere ante a nisl. Sed nec magna. Donec enim luctus diam eu mauris. Pellentesque facilisis. Nulla augue a.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text el_class=”font_size16″]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”H1 Heading” font_container=”tag:h1|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text el_class=”margin_bottom0″]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][vc_custom_heading text=”H2 Heading” font_container=”tag:h2|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text el_class=”margin_bottom0″]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][vc_custom_heading text=”H3 Heading” font_container=”tag:h3|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text el_class=”margin_bottom0″]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”H4 Heading” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text el_class=”margin_bottom15″]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][vc_custom_heading text=”H5 Heading” font_container=”tag:h5|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text el_class=”margin_bottom15″]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][vc_custom_heading text=”H6 Heading” font_container=”tag:h6|text_align:left|color:%23000000″ use_theme_fonts=”yes”][vc_column_text]Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547106715720{padding-top: 50px !important;}” el_id=”hightlghted_text”][vc_column width=”1/2″][vc_custom_heading text=”Highlight Text” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121215577{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Highlight” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121226066{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”blockquote_area”][vc_column width=”1/2″][vc_custom_heading text=”Blockquote” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121239739{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_column_text]Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum

Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum

 

Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Blockquote” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121250041{padding-top: 20px !important;padding-right: 20px !important;padding-bottom: 20px !important;padding-left: 20px !important;background-color: #eeeeee !important;}”][vc_column_text]Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum

Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum

 

Vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor. In iaculis viverra neque, ac eleifend ante lobortis id. In in leo ultrices posuere ante viverra ipsum[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”image_left_align”][vc_column][vc_custom_heading text=”Image Left Align” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121262643{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner][vc_column_text]

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibusultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”Image_Right_Align”][vc_column][vc_custom_heading text=”Image Right Align” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121420626{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner][vc_column_text]

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibusultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”image_center_align”][vc_column][vc_custom_heading text=”Image Center Align” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121430801{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_column_text]

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus

pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibusultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Nulla imperdiet sit amet magna. Vestibulum dapibus

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”Ordered_Unordered_List”][vc_column][vc_custom_heading text=”Ordered, Unordered & Definition Lists” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121442745{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text css=”.vc_custom_1547118222481{padding-left: 15px !important;}”]

• Lorem ipsum dolor sit amet, consecte cons ectetuer tuer adipi sit amet magna scing elit
• Aliquam tincidunt cons ectetuer mauris eu risus
• Vestibulum auctor dapibus con sectet uer neque
• Suspendisse a pellentesque dui, non felis

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

1. Lorem ipsum dolor sit amet, consecte cons ectetuer tuer adipi sit amet magna scing elit
2. Aliquam tincidunt cons ectetuer mauris eu risus
3. Vestibulum auctor dapibus con sectet uer neque
4. Suspendisse a pellentesque dui, non felis

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”prograss_bar”][vc_column width=”1/2″][vc_custom_heading text=”Single Image Option” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121452286{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_icon icon_fontawesome=”fa fa-picture-o” color=”grey” el_class=”font_size48″][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Progress Icons” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121462135{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1550229274326{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099618422{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099756236{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099353637{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099632175{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099775751{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099364983{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099651158{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099930525{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099384591{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099661089{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” css=”.vc_custom_1547099824933{margin-bottom: 0px !important;}” custom_color=”#3e7ccc”][/vc_column_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” css=”.vc_custom_1550232185105{margin-bottom: 0px !important;}” custom_color=”#3e7ccc”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” css=”.vc_custom_1547099687376{margin-bottom: 0px !important;}” custom_color=”#3e7ccc”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099860756{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/6″][vc_icon icon_fontawesome=”fa fa-gratipay” color=”custom” css=”.vc_custom_1550232207938{margin-bottom: 0px !important;}” custom_color=”#3e7ccc”][vc_icon icon_fontawesome=”fa fa-thumbs-o-up” color=”custom” css=”.vc_custom_1550232253724{margin-bottom: 0px !important;}” custom_color=”#3e7ccc”][vc_icon icon_fontawesome=”fa fa-spinner” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547099891413{margin-bottom: 0px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”icons_bar”][vc_column][vc_custom_heading text=”Icon Bar” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121482944{padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_row_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-picture-o” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100719735{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-heartbeat” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100782977{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-calendar-o” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100610289{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-heart” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100804471{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-user” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100665800{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-comment” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100700210{margin-bottom: 0px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/3″][vc_row_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-facebook” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100999135{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-youtube-play” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101038400{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-google-plus” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100990770{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-flickr” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101076262{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-twitter” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100983444{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-linkedin” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101104664{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-vimeo” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100976383{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-pinterest-p” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101119242{margin-bottom: 0px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/3″][vc_row_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-facebook” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100999135{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-youtube-play” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101038400{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-google-plus” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100990770{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-flickr” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101076262{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-twitter” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100983444{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-linkedin” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101104664{margin-bottom: 0px !important;}”][/vc_column_inner][vc_column_inner width=”1/4″][vc_icon icon_fontawesome=”fa fa-vimeo” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547100976383{margin-bottom: 0px !important;}”][vc_icon icon_fontawesome=”fa fa-pinterest-p” color=”custom” custom_color=”#3e7ccc” css=”.vc_custom_1547101119242{margin-bottom: 0px !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547107465448{padding-top: 40px !important;}” el_id=”divider”][vc_column][vc_custom_heading text=”Divider” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121500365{margin-bottom: 35px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_separator][vc_zigzag][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547107500693{padding-top: 40px !important;}” el_id=”google_font”][vc_column][vc_custom_heading text=”Google Fonts” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121519632{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_custom_heading text=”Google Font Lato” font_container=”tag:h2|font_size:80px|text_align:center|color:%23000000|line_height:80px” google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1550234356204{margin-bottom: 20px !important;padding-top: 0px !important;}”][vc_custom_heading text=”Google Font OpenSans” font_container=”tag:h2|font_size:40px|text_align:center|color:%23000000|line_height:40px” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1550234379045{margin-bottom: 20px !important;padding-top: 0px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547107677211{padding-top: 50px !important;}” el_id=”alert_box”][vc_column][vc_custom_heading text=”Alert” font_container=”tag:h4|text_align:left|color:%23000000″ use_theme_fonts=”yes” css=”.vc_custom_1547121589593{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_message message_box_color=”orange” icon_fontawesome=”fa fa-lightbulb-o”]Warning message. This is a sample link[/vc_message][vc_message message_box_color=”pink” icon_fontawesome=”fa fa-bug”]Error message. This is a sample link[/vc_message][vc_message message_box_color=”blue” icon_fontawesome=”fa fa-question”]Info message. This is a sample link[/vc_message][vc_message message_box_color=”green” icon_fontawesome=”fa fa-check” css=”.vc_custom_1547105660184{margin-bottom: 0px !important;}”]Success message. This is a sample link[/vc_message][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547105652447{padding-top: 50px !important;}”][vc_column][vc_custom_heading text=”Ideas” font_container=”tag:h4|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1547116533521{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_message message_box_color=”grey” icon_fontawesome=”fa fa-lightbulb-o” css=”.vc_custom_1547105625416{margin-bottom: 0px !important;}”]Nulla imperdiet sit amet magna. Vestibulum dapibus. Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc.[/vc_message][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547105634282{padding-top: 50px !important;}”][vc_column][vc_custom_heading text=”Share Box” font_container=”tag:h4|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1547116556051{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][bbhd_social style=”” color=”dark” text_align=”” socials=”%5B%7B%22icon_lib%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22fa%20fa-facebook-official%22%7D%2C%7B%22icon_lib%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22fa%20fa-twitter%22%7D%2C%7B%22icon_lib%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22fa%20fa-instagram%22%7D%2C%7B%22icon_lib%22%3A%22fontawesome%22%2C%22icon_fontawesome%22%3A%22fa%20fa-google-plus%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547103700977{margin-bottom: 10px !important;padding-top: 40px !important;}”][vc_column][vc_custom_heading text=”Table” font_container=”tag:h4|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1547116589559{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” el_id=”tables”][vc_column width=”1/2″][vc_column_text css=”.vc_custom_1547105579836{margin-bottom: 0px !important;}”]

Employee	Salary	Bonus	Supervisor
Stephen C. Cox	$300	$50	Bob
Josephin Tan	$150	–	Annie
Joyce Ming	$200	$35	Andy
James A. Pentel	$175	$25	Annie

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text css=”.vc_custom_1547105587485{margin-bottom: 0px !important;}”]

	Salary	Bonus	Supervisor
Stephen C. Cox	$300	$50	Bob
Josephin Tan	$150	–	Annie
Joyce Ming	$200	$35	Andy
James A. Pentel	$175	$25	Annie

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547105597735{padding-top: 50px !important;}”][vc_column][vc_custom_heading text=”Code” font_container=”tag:h4|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1547116609063{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_column_text css=”.vc_custom_1547105547687{margin-bottom: 0px !important;}”]

<h1>H1 Heading</h1>
<p>Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper.</p>

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1547107773695{padding-top: 50px !important;}” el_id=”colums_section”][vc_column css=”.vc_custom_1547103995390{padding-top: 0px !important;}”][vc_custom_heading text=”Columns” font_container=”tag:h4|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1547116639692{margin-bottom: 30px !important;padding-top: 20px !important;padding-right: 25px !important;padding-bottom: 20px !important;padding-left: 25px !important;background-color: #eeeeee !important;}”][vc_row_inner][vc_column_inner][vc_column_text]

1/1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_column_text]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]

2/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″][vc_column_text]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/5″][vc_column_text]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/5″][vc_column_text]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/5″][vc_column_text]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/5″][vc_column_text]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/5″][vc_column_text]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][vc_column_text]

1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet mi sit amet sem consequat eget ultricies nisi tincidunt. Donec dictum posuere commodo. Curabitur sollicitudin dictum urna quis molestie. Proin eget massa quis lorem hendrerit consequat interdum eget tortor.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]