Animated Counters

[vc_row][vc_column width=”1/1″][block_title style=”section_title” title=”The best way to show numbers” description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][counter text=”Coffes” icon=”linecon-icon-cup” number=”654″][/vc_column][vc_column width=”1/4″][counter text=”Lines of Code” icon=”moon-code” number=”1000″][/vc_column][vc_column width=”1/4″][counter text=”Hours” icon=”moon-clock” number=”356″][/vc_column][vc_column width=”1/4″][counter text=”Tweets” icon=”moon-twitter” number=”1500″][/vc_column][/vc_row][vc_row type=”in_container” bg_position=”left top” bg_repeat=”no-repeat” bg_color=”#f5f5f5″ text_color=”dark” top_padding=”60″ bottom_padding=”60″][vc_column width=”1/4″][counter text=”Lines of Code” icon=”moon-code” number=”1000″][/vc_column][vc_column width=”1/4″][counter text=”Coffes” icon=”linecon-icon-cup” number=”654″][/vc_column][vc_column width=”1/4″][counter text=”Tweets” icon=”moon-twitter” number=”1500″][/vc_column][vc_column width=”1/4″][counter text=”Hours” icon=”moon-clock” number=”356″][/vc_column][/vc_row][vc_row type=”full_width_background” bg_image=”276″ bg_position=”left top” bg_repeat=”no-repeat” parallax_bg=”true” overlay=”true” overlay_color=”#00010a” text_color=”light” top_padding=”40″ bottom_padding=”40″][vc_column width=”1/4″][counter text=”Hours” icon=”moon-clock” number=”356″][/vc_column][vc_column width=”1/4″][counter text=”Coding Hours” icon=”moon-console” number=”3500″][/vc_column][vc_column width=”1/4″][counter text=”Emails” icon=”moon-mail” number=”2000″][/vc_column][vc_column width=”1/4″][counter text=”Html Lines” icon=”moon-html5″ number=”2500″][/vc_column][/vc_row][vc_row type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” bg_color=”#10b8c7″ text_color=”light” top_padding=”40″ bottom_padding=”40″][vc_column width=”1/1″][textbar title=”Take a look to our features” button_bool=”yes” button_title=”Features” button_link=”#” icon=”moon-enter”][/vc_column][/vc_row]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *