-
2102815440 -
-
Λογισμικά
Counters
Avendor comes with counter for your projects. Using the other shortcodes provided in the theme you can build alternatives for the counter as seen bellow.
Default Counters
{counter-text start="0" end="1000" speed="3000" refresh="50"}
Counters Block
Projects
Satisfied Clients
Winning Awards
Episodes Left
{counter-block start="0" end="1000" speed="3000" refresh="50" text="Text here"}
Counters with Icons
Projects Delivered
Satisfied Clients
Winning Awards
Episodes Left
{h2 align="text-center"}{icon-avendor name="video-2"}{/h2}
{h2 align="text-center"}{counter-text start="0" end="426" speed="4000" refresh="50"}{/h2}
Counters With Pie Charts
{pie-counter percent="88" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" start="0" end="129"}
Counters Within Text
Vestibulum eget massa in metus iaculis rutrum sed vitae massa. Phasellus eu mattis lectus, non tincidunt augue. Etiam et porttitor augue. Fusce quis dictum tortor. Curabitur imperdiet mauris nibh, vitae consectetur sem accumsan sed. Pellentesque nec neque eget risus suscipit consectetur congue auctor nulla. Suspendisse sagittis ante massa, ut laoreet augue posuere nec. Nam elit lacus, mollis quis mi vitae, tristique mattis est.
Progress Bars
Progress bars comes with diffrent styles and modes. Bellow you can see the styles provided in the Avendor Theme.
Default Progress Bars
{progress width="72"}Curabitur pellentesque 72%{/progress}
Progress Bars Colors
{progress width="72" color="success"}Curabitur pellentesque 72%{/progress}
Progress Bars Titles
Curabitur pellentesque72%
Proin adipiscing90%
Nunc faucibus64%
Sed hendrerit enim80%
Venenatis at Laoreet92%
Turpis venenatis76%
{progress width="72" color="success" headline="Curabitur pellentesque"}{/progress}
Progress Bars Slim
{progress width="72" color="success" style="pb-slim"}{/progress}
Team Member Blocks
AVENDOR comes with 3 styles for the team members but using the provided shortcodes in the theme you can customize your own.
Default Team Member Blocks
|
|
Alternative Team Member Blocks
|
|
|
|
|
Hover Team Member Blocks
|
|
|
Pie Charts
Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.
Default Pie Charts
{pie-icon-text percent="82" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" text="Agency"}
{icon-fa name="fa-thumbs-o-up"}
{/pie-icon-text}
{pie-icon percent="68" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false"}
{icon-fa name="fa-phone"}
{/pie-icon}
{pie-counter percent="59" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" start="0" end="59"}
Pie Charts Styles
{pie-icon-text percent="82" barcolor="#f7505a" trackcolor="transparent" linewidth="40" scalecolor="false" text="Beers"}
{icon-avendor name="beer"}
{/pie-icon-text}
{pie-counter percent="43" barcolor="#f7505a" trackcolor="#f2f2f2" linewidth="4" scalecolor="#cccccc" start="0" end="43"}
{pie-icon percent="68" barcolor="#f7505a" trackcolor="transparent" linewidth="20" scalecolor="false"}
{icon-fa name="fa-bug"}
{/pie-icon}
{pie-counter percent="59" barcolor="#f7505a" trackcolor="transparent" linewidth="28" scalecolor="#cccccc" start="0" end="59"}
Pie Charts Custom Colors
{pie-icon-text percent="82" barcolor="#9dd30b" trackcolor="transparent" linewidth="40" scalecolor="false" text="Songs"}
{icon-avendor name="music"}
{/pie-icon-text}
{pie-counter percent="43" barcolor="#22d2d2" trackcolor="#f2f2f2" linewidth="4" scalecolor="#cccccc" start="0" end="43" bgcolor="color-info"}
{pie-icon percent="68" barcolor="#ff9933" trackcolor="transparent" linewidth="20" scalecolor="false" bgcolor="color-default"}
{icon-fa name="fa-group"}
{/pie-icon}
{pie-counter percent="59" barcolor="#222" trackcolor="transparent" linewidth="28" scalecolor="#cccccc" start="0" end="59" bgcolor="color-warning"}
Parallax
AVENDOR comes with parallax blocks that can be customized using specific classes. We have simple parallax, parallax with custom color overlay, paralax dark and light and also parallax with gradient overlay (dark and light).
Simple Parallax
We believe that apps and websites should not only be eye catching but actually provide a great user experience that users will remember.
Custom Color Parallax
We believe that apps and websites should not only be eye catching but actually provide a great user experience that users will remember.
Dark/Light Gradient Parallax
We believe that apps and websites should not only be eye catching but actually provide a great user experience that users will remember.
Light Overlay Parallax
We believe that apps and websites should not only be eye catching but actually provide a great user experience that users will remember.
{parallax image="images/parallax/parallax-back8.jpg" ratio="0" overlay="bg-overlay bg-overlay-warning"}
CONTENT HERE
{/parallax}
Also you have a nice Editor for this in the Backend to keep it more easier.
Θέματα από το Blog μας
© 2024 - Τοπογραφικά Όργανα | Περιβαλλοντικός, Βιομηχανικός Εξοπλισμός | METRICA A.E.. Με την επιφύλαξη παντός δικαιώματος.
