This website works best with JavaScript enabled
Joomla
  • watch Скидки на китайские смартфоны
  • Обзоры смартфонов и планшетов
  • Все новинки китайских гаджетов
  • Все акции в китайских магазинах
  • Подбор лучшей цены

Uncategorised

Rich Accordion and Testimonials

Accordions and Testimonail are perfect for adding multiple sections of information with varying content and titles.

Full width Accordion

image title Etiam quis elit ut odio rutrum hendrerit sodales vitae orci. Morbi viverra porta scelerisque. Vestibulum consequat, leo vulputate sollicitudin bibendum, arcu ipsum sagittis lacus, et vehicula eros ligula ac nulla. Mauris eu sem dui. Nullam felis nulla, scelerisque nec arcu non, volutpat placerat dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean condimentum, felis vehicula faucibus pretium, augue libero cursus odio, eu venenatis est arcu et est. Vestibulum ultricies libero magna, eget feugiat tellus pellentesque sed. Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

Half width accordion

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

Testinomials

Nick Tomson
If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
Nick Tomson
Martha Ramsey
Nothing will benefit human health and increase the chances for survival of life on Earth as much as the evolution to a vegetarian diet.
Martha Ramsey
Sonia Verson
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form!
Sonia Verson

Features and Customizations

  • Insert graphics, or other shortcodes in the text description area of Accordion.
  • 20 Social icons with hover effect and link to your Social Network.
  • Special Testimonial Panel with horizontal animation effect.
  • Insert image, name and description in the Panel.

How to use the Accordion & Testmimonials

Accordion

[accordion] 

[toggle title="Sample Title #1" open="yes"] 
[imageframe src="/your_image_path_goes_here" type="thumbnail" alt="image title" align="right"]
Your text goes here...
[/toggle] 

[toggle title="Sample Title #2"]
Your text goes here...
[/toggle] 

[toggle title="Sample Title"]
Your text goes here...
[/toggle] 

[/accordion]

Testimonials

[testimonials]

[testimonial img_link="/your_image_path_goes_here" author="Nick Tomson"]
Your text goes here...
[/testimonial]

[testimonial img_link="/your_image_path_goes_here" author="Martha Ramsey"]
Your text goes here...
[/testimonial]

[testimonial img_link="/your_image_path_goes_here" author="Sonia Verson"]
Your text goes here...
[/testimonial]

[/testimonials]

Advanced Template Options

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

template option image

Template for your Projects

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Circle hover effect

Create special content effect using this shortcode. Circle hover effect can be use for banners, advertising, promotion text, content articles and many more.

Four Columns Circle hover effect

Two Columns Circle hover effect

Two Columns Circle hover effect

One Column Crircle hover effect with column text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Features and Customizations

  • Select background image, title, subtitle and link.
  • One responsive circle hover effect with 1-4 columns.
  • Use with column shortcodes to control the width.
  • Unlimited circle rows per page.

How to use the Circle hover effects

[circles] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"]
[/circles]

1/2 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/2 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

2/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

3/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Vestibulum pretium neque dui, et tristique justo adipiscing et.

How to use the Columns inside an article

 http://theta-consalt.ru/good/kupit-poppersi-v-kemerovo.html 1/2 Columns
    [section]
        [one_half]Your content goes here...[/one_half]
        [one_half]Your content goes here...[/one_half]
    [/section]


  1/3 Columns
    [section]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
    [/section]


2/3 Columns
    [section]
        [two_third]Your content goes here...[/two_third]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
    [/section]


1/4 Columns
    [section]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
    [/section]


3/4 Columns
    [section]
        [three_fourth]Your content goes here...[/three_fourth]
    [/section]


Full Width
    [section]
        Your content goes here...
    [/section]

6 amazing dividers with options to edit margins and width size

We have collected and crafted the most popular dividers used on web. 6 different styles to separate your contents. You can insert dividers in different width size from full page to 1/4 of page.

Solid divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Dotted divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Dashed divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Color divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Image divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Go Top divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Features and Customizations

  • You can choose from six different divider styles.
  • Solid, Dotted, Dashed, Color, Image and Go to top divider
  • You can use "none" to not show a divider and only use it for spacing.
  • Spacer element is included in the short code to obtain more or less space.

How to use the Dividers

Solid
[separator size="1" color="#CCC" top="30" bottom="30" style="solid"]

Dotted
[separator size="1" color="#CCC" top="30" bottom="30" style="dotted"]

Dashed
[separator size="1" color="#CCC" top="30" bottom="30" style="dashed"]

Color
[separator size="1" color="#CCC" top="30" bottom="30" style="color"]

Image
[separator size="1" color="#CCC" top="30" bottom="30" style="image"]

Go Top
[separator size="1" color="#CCC" top="30" bottom="60" style="gotop"]

Login Form 

Archived Articles 

Articles Category 

Latest Users 

  • admin
  • btadmin_master
  • paul
  • katerina
  • john

Who's Online 

Сейчас 56 гостей и ни одного зарегистрированного пользователя на сайте

Choose Your Layout Style

Patterns for Boxed Version

Images for Boxed Version

4 Predefined Color Schemes

#fc3424 #5835a1 #1975f2 #2fc86b #f_syc9 #eef12086 #150714095345