Professional

[vc_row full_width=”stretch_row” css=”.vc_custom_1449429580812{padding-top: 50px !important;padding-bottom: 50px !important;background-color: #3171a3 !important;}”][vc_column][vc_column_text]

The HD Professional Layout

[/vc_column_text][vc_column_text css=”.vc_custom_1450039785951{padding-top: 20px !important;}”]

The best part of the professional layout is the ability to create sections within your pages.

This helps break up content so users are not looking at one long page of text and getting mentally fatigued which may lead to them hitting the back button.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1450040187110{padding-top: 30px !important;padding-bottom: 30px !important;background-color: #f1f1f1 !important;}”][vc_column][vc_column_text]

Here are some of the added features you could see with a Professional layout

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449994621285{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1450001574880{padding-bottom: 30px !important;}”]

New grid and text layout options

Organising your content with style

The Professional layout makes use of a grid layout system to enhance the appearance of your website. You can see more on the Grid Layout page.

Text blocks make it easy to place content in the grid and with the Custom Headings, Message Boxes, and line break text options there is plenty of ways to a unique touch to any site.[/vc_column_text][ult_buttons btn_title=”Grid Layout Examples” btn_size=”ubtn-custom” btn_width=”200″ btn_height=”50″ btn_title_color=”#ffffff” btn_bg_color=”#3171a3″ btn_hover=”ubtn-fade-bg” btn_bg_color_hover=”#222222″ icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left”][/vc_column_inner][vc_column_inner width=”1/3″][ultimate_heading main_heading=”Tt” main_heading_color=”#3171a3″ main_heading_font_size=”desktop:172px;” main_heading_style=”font-weight:bold;”]
[/ultimate_heading][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449994961136{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f5f5 !important;}”][vc_column][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”110″ img_size=”full” alignment=”center”][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]

Multiple media elements

From images to videos

There are many ways to display images from a single image, gallery, grid, slider, or carousel. If you have a flickr account you could even set your site to load and display them on your pages.

With WordPress you can also embed a YouTube video by simply copying and pasting the video link. It will automatically work out the width and height and give you a great marketing tool to reach your audience.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1450039545052{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #222222 !important;}”][vc_column][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]

News and Social Media

Reaching your market

If you use your site to communicate to your viewers with a news or blog page then there are extra options available to enhance your visitors experience.

A post slider or masonry post grid is a great way to display your latest entries with a bit of a difference to keep people interested.

To help share your site news there are also social media options available to assist you expand your audience.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][just_icon icon=”Defaults-list-alt” icon_size=”100″ icon_color=”#f48650″ icon_style=”circle” icon_color_bg=”#222222″][/vc_column_inner][vc_column_inner width=”1/6″][just_icon icon=”Defaults-facebook facebook-f” icon_size=”100″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#3171a3″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1449995079144{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #fafafa !important;}”][vc_column][vc_row_inner][vc_column_inner width=”1/3″][vc_progress_bar values=”90|Development,80|Design,70|Marketing,60|Print” bgcolor=”custom” custombgcolor=”#f48650″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]

Graphics and Buttons

Aiding information and navigation

A few tools are available to help portray information effectively. Progress bars work great to display project advancements or skill levels.

Pie graphs are an easy way to quickly give the reader a representation of work completed or funds raised.

Links can also be enhanced with buttons to grab the attention of a visitor quickly and easily assist with internal navigation. Call to action bars help break up a long page and offer quick, precise links right when they are needed.[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1450039461141{padding-top: 30px !important;padding-bottom: 30px !important;background-color: #3171a3 !important;}”][vc_column width=”5/6″][vc_column_text css=”.vc_custom_1450039490944{padding-top: 30px !important;}”]

This is a call to action bar, great for placing focused links

[/vc_column_text][/vc_column][vc_column width=”1/6″][ult_buttons btn_title=”Grid Layout Examples” btn_link=”url:http%3A%2F%2Fwww.hdbuild.nz%2Fprofessional%2Fgrid-layouts%2F||” btn_align=”ubtn-center” btn_title_color=”#3171a3″ btn_bg_color=”#ffffff” btn_hover=”ubtn-fade-bg” btn_bg_color_hover=”#222222″ icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left”][/vc_column][/vc_row][vc_row css=”.vc_custom_1449994668429{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_row_inner][vc_column_inner width=”2/3″][vc_column_text]

Contacting your business

Reaching out to the world

Adding communication tools to your site can greatly assist with helping you interact with your clients.

Forms can be customised to act as a simple inquiry or something more fine tuned to fit your needs such as a booking form or quote request.

The addition of a Google Maps helps those find your premises quickly and with the high use of smartphones and GPS they could have directions in no time.[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][just_icon icon=”Defaults-mobile mobile-phone” icon_size=”100″ icon_color=”#ffffff” icon_style=”circle” icon_color_bg=”#3171a3″][/vc_column_inner][vc_column_inner width=”1/6″][just_icon icon=”Defaults-map-marker” icon_size=”100″ icon_color=”#f48650″ icon_style=”circle”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_video link=”https://www.youtube.com/watch?v=6ZifJ3DvumA” align=”center”][/vc_column][vc_column width=”1/4″][vc_video link=”https://www.youtube.com/watch?v=6ZifJ3DvumA” align=”center”][/vc_column][vc_column width=”1/4″][vc_video link=”https://www.youtube.com/watch?v=6ZifJ3DvumA” align=”center”][/vc_column][vc_column width=”1/4″][vc_video link=”https://www.youtube.com/watch?v=6ZifJ3DvumA” align=”center”][/vc_column][/vc_row]