Elements Showcase I

Custom Icon Styles

[icon_text_elegant icon=”fa-clock-o” icon_type=”square” icon_size=”fa-3x” title=”Custom Shortcodes” separator=”yes” text=”Nam liber tempor cum soluta nobis eleifend option congue nihil” icon_background_color=”#00c6ff” icon_color=”#ffffff”]
[icon_text_elegant icon=”fa-flag” icon_type=”square” icon_size=”fa-3x” title=”Font Awesome Icons” separator=”yes” text=”Nam liber tempor cum soluta nobis eleifend option congue nihil” icon_color=”#ffffff” icon_background_color=”#b9cf00″]
[icon_text_elegant icon=”fa-dribbble” icon_type=”circle” icon_size=”fa-3x” title=”Easy Customization” separator=”yes” text=”Nam liber tempor cum soluta nobis eleifend option congue nihil” icon_color=”#ec5126″ icon_background_color=”#f4f4f4″]
[icon_text_elegant icon=”fa-html5″ icon_type=”circle” icon_size=”fa-3x” title=”Responsive Layout” separator=”yes” text=”Nam liber tempor cum soluta nobis eleifend option congue nihil” icon_color=”#fac635″ icon_background_color=”#f4f4f4″]

Various Types Of Service Tables

[service_table title=”Awesome Design” show_border=”with_border” icon=”fa-flag” icon_size=”fa-lg” custom_size=”45″ title_background_type=”background_color_type” title_color=”#222222″ title_background_color=”#ffffff” title_border_color=”#00c6ff”]

  • Modern electronic commerce typically uses the World Wide Web at least at one point
  • Ecommerce Development
  • Premium Sliders
  • Retina Ready Graphics
  • Mobile Ready Now

[/service_table]

[service_table title=”Modern & Clean” show_border=”with_border” icon=”fa-desktop” icon_size=”fa-lg” custom_size=”45″ title_background_color=”#ffffff” title_border_color=”#b9cf00″ title_background_type=”background_color_type” title_color=”#222222″]

  • Modern electronic commerce typically uses the World Wide Web at least at one point
  • Ecommerce Development
  • Premium Sliders
  • Retina Ready Graphics
  • Mobile Ready Now

[/service_table]

[service_table title=”Demo Content” show_border=”without_border” icon=”fa-html5″ icon_size=”fa-lg” custom_size=”45″ title_background_color=”#ec5126″ title_border_color=”#ec5126″ title_background_type=”background_color_type”]

  • Modern electronic commerce typically uses the World Wide Web at least at one point
  • Ecommerce Development
  • Premium Sliders
  • Retina Ready Graphics
  • Mobile Ready Now

[/service_table]

[service_table show_border=”without_border” icon_size=”fa-lg” custom_size=”45″ title_background_color=”#fac635″ title_border_color=”#fac635″ title_background_type=”background_color_type” title=”Awesome Design” icon=”fa-plane”]

  • Modern electronic commerce typically uses the World Wide Web at least at one point
  • Ecommerce Development
  • Premium Sliders
  • Retina Ready Graphics
  • Mobile Ready Now

[/service_table]

q

Animated Elements

[custom_font font_family=”museo100″ font_size=”20″ line_height=”23″ font_style=”normal” text_align=”center” font_weight=”300″ text_decoration=”none” text_shadow=”no” padding=”0″ margin=”0″]Endless customization possibilities. Choose the style you like[/custom_font]

Visual Page Builder

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.

[button type=”stript_button” size=”small” icon_size=”fa-lg” target=”_self” text=”See More” link=”#”]

Responsive Layout

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.

[button type=”stript_button” size=”small” icon_size=”fa-lg” target=”_self” font_weight=”400″ text=”See More” link=”#”]

Font Awesome Icons

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.

[button type=”stript_button” size=”small” icon_size=”fa-lg” target=”_self” font_weight=”400″ text=”See More” link=”#”]

Parallax With Social Icons Example

[social_icons type=”circle_social” icon=”fa-twitter” size=”fa-4x” link=”https://twitter.com” target=”_blank” transparency=”0.2″ background_color=”#ffffff”]
[social_icons type=”circle_social” icon=”fa-google-plus” size=”fa-4x” link=”https://plus.google.com” target=”_blank” background_color=”#ffffff” transparency=”0.2″]
[social_icons type=”circle_social” icon=”fa-dribbble” size=”fa-4x” link=”http://dribbble.com/” target=”_blank” background_color=”#ffffff” transparency=”0.2″]
[social_icons type=”circle_social” icon=”fa-facebook” size=”fa-4x” link=”https://www.facebook.com/” target=”_blank” background_color=”#ffffff” transparency=”0.2″]
[social_icons type=”circle_social” icon=”fa-youtube” size=”fa-4x” link=”https://www.youtube.com/” target=”_blank” background_color=”#ffffff” transparency=”0.2″]
[social_icons type=”circle_social” icon=”fa-pinterest” size=”fa-4x” link=”https://www.pinterest.com/” target=”_blank” background_color=”#ffffff” transparency=”0.2″]
q

Icon Progress Bars

[custom_font font_family=”museo300″ font_size=”15″ line_height=”17″ font_style=”normal” text_align=”left” font_weight=”300″ text_decoration=”none” text_shadow=”no” padding=”0″ margin=”0″ color=”#222222″]Awards So Far[/custom_font]
[progress_bar_icon type=”square” icon=”fa-trophy” size=”tiny” icons_number=”14″ active_number=”4″]
[custom_font font_family=”museo300″ font_size=”15″ line_height=”17″ font_style=”normal” text_align=”left” font_weight=”300″ text_decoration=”none” text_shadow=”no” padding=”0″ margin=”0″ color=”#222222″]Stars Earned So Far[/custom_font]
[progress_bar_icon type=”square” icon=”fa-star” size=”tiny” icons_number=”14″ active_number=”8″]
[custom_font font_family=”museo300″ font_size=”15″ line_height=”17″ font_style=”normal” text_align=”left” font_weight=”300″ text_decoration=”none” text_shadow=”no” padding=”0″ margin=”0″ color=”#222222″]Awards So Far[/custom_font]
[progress_bar_icon type=”square” icon=”fa-check” size=”tiny” icons_number=”14″ active_number=”12″]

Latest Posts, Call to Action and Team Shortcodes

[latest_post type=”boxes” number_of_colums=”3″ order_by=”title” order=”ASC” display_category=”1″ display_time=”1″ display_comments=”0″ display_like=”0″ display_share=”0″ text_length=”88″]
[latest_post type=”image_in_box” number_of_colums=”2″ order_by=”title” order=”ASC” display_category=”1″ display_time=”1″ display_comments=”0″ display_like=”0″ display_share=”0″ number_of_posts=”4″]
[action type=”with_icon” icon=”fa-adjust” show_button=”yes” button_target=”_self” button_icon=”fa-flag” custom_icon=”12679″ text_left_padding=”102″ background_color=”#ffffff” button_text=”See All Icon Sets” button_link=”#” button_text_color=”#ffffff” button_background_color=”#b7ce35″]

If you want others to be happy, practice compassion

Mostly based on CSS and JavaScript, many of these frameworks are open-source, free to download and quickly customizable. Some of the most popular today are Bootstrap and Foundation.

[/action]

[q_team team_social_icon_1=”fa-facebook” team_social_icon_1_target=”_blank” team_social_icon_2=”fa-twitter” team_social_icon_2_target=”_blank” team_social_icon_3=”fa-dribbble” team_social_icon_3_target=”_blank” team_social_icon_4=”fa-pinterest” team_social_icon_4_target=”_blank” team_image=”13132″ team_name=”Alex Smith” team_position=”CEO” team_description=”Quis autem vel eum iure repre henderit qui in ea voluptate.” team_social_icon_1_link=”http://www.facebook.com/” team_social_icon_2_link=”http://twitter.com/” team_social_icon_3_link=”http://dribbble.com/” team_social_icon_4_link=”https://www.pinterest.com/‎” type=”boxes”]
[q_team team_social_icon_1=”fa-facebook” team_social_icon_1_target=”_blank” team_social_icon_2=”fa-twitter” team_social_icon_2_target=”_blank” team_social_icon_3=”fa-dribbble” team_social_icon_3_target=”_blank” team_social_icon_4=”fa-pinterest” team_social_icon_4_target=”_blank” team_image=”13133″ team_name=”Annie Morrison” team_position=”Marketing Manager” team_description=”At vero eos et accusa mus et iusto odio digniss imos ducimus.” team_social_icon_1_link=”http://www.facebook.com/” team_social_icon_2_link=”http://twitter.com/” team_social_icon_3_link=”http://dribbble.com/” team_social_icon_4_link=”https://www.pinterest.com/‎” type=”boxes”]
[q_team team_social_icon_1=”fa-facebook” team_social_icon_1_target=”_blank” team_social_icon_2=”fa-twitter” team_social_icon_2_target=”_blank” team_social_icon_3=”fa-dribbble” team_social_icon_3_target=”_blank” team_social_icon_4=”fa-pinterest” team_social_icon_4_target=”_blank” team_image=”13150″ team_name=”John Adams” team_position=”CTO” team_description=”Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero.” team_social_icon_1_link=”http://www.facebook.com/” team_social_icon_2_link=”http://twitter.com/” team_social_icon_3_link=”http://dribbble.com/” team_social_icon_4_link=”https://www.pinterest.com/‎” type=”normal”]
[q_team team_social_icon_1=”fa-facebook” team_social_icon_1_target=”_blank” team_social_icon_2=”fa-twitter” team_social_icon_2_target=”_blank” team_social_icon_3=”fa-dribbble” team_social_icon_3_target=”_blank” team_social_icon_4=”fa-pinterest” team_social_icon_4_target=”_blank” team_image=”13151″ team_name=”Adrian Holmes” team_position=”General Manager” team_description=”Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero.” team_social_icon_1_link=”http://www.facebook.com/” team_social_icon_2_link=”http://twitter.com/” team_social_icon_3_link=”http://dribbble.com/” team_social_icon_4_link=”https://www.pinterest.com/‎” type=”normal”]