Counter Box

Collection of predefined components to use on your site
  • Sample Counter Box I
    • %
      Pellentesque quam

      Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.

    • %
      Nunc eget maximus

      Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.

    • %
      Integer vestibulum

      Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.

    • %
      Vestibulum luctus

      Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.

    • %
      Donec a finibus mis

      Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.

    • %
      Quisque porttitor est

      Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.

    - Hide code+ Show code
    [pb_counter_box layout="33x33x33" animation_start_duration="3000" animation_start_easing="easeOutExpo"]
    [pb_counter_box_item value="85" character_after="%"]
    [pb_counter_box_item_header]Pellentesque quam[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="95" character_after="%"]
    [pb_counter_box_item_header]Nunc eget maximus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="100" character_after="%"]
    [pb_counter_box_item_header]Integer vestibulum[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="65" character_after="%"]
    [pb_counter_box_item_header]Vestibulum luctus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="75" character_after="%"]
    [pb_counter_box_item_header]Donec a finibus mis[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="25" character_after="%"]
    [pb_counter_box_item_header]Quisque porttitor est[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [/pb_counter_box]
  • Sample Counter Box II
    • %
      Pellentesque quam

      Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.

    • %
      Nunc eget maximus

      Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.

    • %
      Integer vestibulum

      Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.

    • %
      Vestibulum luctus

      Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.

    • %
      Donec a finibus mis

      Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.

    • %
      Quisque porttitor est

      Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.

  • - Hide code+ Show code
    [pb_counter_box layout="50x50" css_class="theme-section-padding-top theme-section-padding-bottom theme-section-white" animation_start_duration="3000" animation_start_easing="easeOutExpo"]
    [pb_counter_box_item value="85" character_after="%"]
    [pb_counter_box_item_header]Pellentesque quam[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="95" character_after="%"]
    [pb_counter_box_item_header]Nunc eget maximus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="100" character_after="%"]
    [pb_counter_box_item_header]Integer vestibulum[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="65" character_after="%"]
    [pb_counter_box_item_header]Vestibulum luctus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="75" character_after="%"]
    [pb_counter_box_item_header]Donec a finibus mis[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="25" character_after="%"]
    [pb_counter_box_item_header]Quisque porttitor est[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [/pb_counter_box]
  • Sample Counter Box III
    • $
      Pellentesque quam

      Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.

    • +
      Nunc eget maximus

      Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.

    • +
      Integer vestibulum

      Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.

    • >
      Vestibulum luctus

      Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.

    • <
      Donec a finibus mis

      Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.

    • +
      Quisque porttitor est

      Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.

  • - Hide code+ Show code
    [pb_counter_box layout="25x25x25x25" css_class="theme-section-padding-top theme-section-padding-bottom theme-section-white" animation_start_duration="3000" animation_start_easing="easeOutExpo"]
    [pb_counter_box_item value="35" character_before="-" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Pellentesque quam[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Donec vulputate quam interdum porttitor lorem ut semper felis praesent ultricies cursus ultricies.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="140" character_before="+" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Nunc eget maximus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Suspendisse potenti vivamus eget blandit libero etiam ligula commodo rutrum lobortis nulla id volutpat ante.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="100" character_before="+" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Integer vestibulum[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Praesent pharetra vel neque sit amet elementum pellentesque at tempus metus non feugiat nisl dignissim.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="65" character_before="-" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Vestibulum luctus[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Mauris laoreet augue at urna semper sit amet efficitur turpis luctus dapibus etiam volutpat consectetur urna.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="105" character_before="+" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Donec a finibus mis[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Lurabitur placerat accumsan risus feugiat rhoncus ipsum tristique id phase malesuada scelerisque imperdiet.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [pb_counter_box_item value="25" character_before="-" graphic_counter_enable="0"]
    [pb_counter_box_item_header]Quisque porttitor est[/pb_counter_box_item_header]
    [pb_counter_box_item_content]Etiam blandit elit non dolor auctor dictum vestibulum a tortor integer a massa ac sem accumsan malesuada.[/pb_counter_box_item_content]
    [/pb_counter_box_item]
    [/pb_counter_box]