-->

Λογισμικά

  1. Αρχική
  2. Λογισμικά
  3. Features

Carousel & Sliders

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Navigation & Pagination

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 7 

{slider style="" autoplay="false" items="3" navigation="true" pagination="true" speed="1000"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Alternative Theme

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 7 

{slider style="carousel-theme-round" autoplay="false" items="3" navigation="true" pagination="true" speed="1000"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Navigation Only

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 7 

{slider autoplay="false" items="3" navigation="true" pagination="false" speed="1000"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Pagination Only

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 7 

{slider autoplay="false" items="3" navigation="false" pagination="true" speed="1000"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

AutoPlay

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 7 

{slider style="carousel-theme-round" autoplay="4000" items="3" navigation="true" pagination="true" speed="1000"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Content Carousel

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Ut sagittis ultrices urna

Etiam laoreet libero vitae vehicula mollis. Vivamus ut consectetur enim, a euismod mi. Phasellus ac ultrices felis.

Same like the examples above, with default Shortcodes in the Item

Simple Slider

Brand 1
Brand 1 

{slider autoplay="false" navigation="true" pagination="false" speed="1000" data-carousel-single="true" data-carousel-transition="goDown"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Simple Slider

Brand 1
Brand 1
Brand 1 

{slider autoplay="6000" navigation="true" pagination="false" speed="1000" data-carousel-single="true" data-carousel-transition="backSlide"}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  {item}IMAGE HERE{/item}
  ...
  ...
{/slider}

Lightbox & Images

Open image in Lighbox from image, button or simple link. Also we can display images in styles for everybody.

Lightbox Image
Button Lightbox Image

Link Lightbox Image

Lightbox Video
Button Lightbox Video

Link Lightbox Video

Lightbox Image
Button Lightbox Map

Link Lightbox Map

IMAGES
{a link="images/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text"}{img src="/images/portfolio/branding/branding-3.jpg" class="thumbnail"}{/a}
{button link="images/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Image{/button}
{a link="images/portfolio/branding/branding-3.jpg" lightbox="image" title="Image Caption Text"}Link Lightbox Image{/a}
VIDEOS
{a link="http://vimeo.com/23237102" lightbox="video" title="Lightbox Caption Text"}{img src="/images/content/video-lightbox.jpg" class="thumbnail"}{/a}
{button link="http://vimeo.com/23237102" lightbox="video" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Video{/button}
{a link="http://vimeo.com/23237102" lightbox="video" title="Image Caption Text"}Link Lightbox Video{/a}
MAPS
{a link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Map Caption Text"}{img src="/images/content/map-lightbox.jpg" class="thumbnail"}{/a}
{button link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Image Caption Text" color="btn-primary" class="btn-block"}Button Lightbox Map{/button}
{a link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" lightbox="map" title="Image Caption Text"}Link Lightbox Map{/a}
Image Style Round
Image Style Default
Image Style Thumbnail

{img alt="" class="img-rounded" src="/images/portfolio/branding/branding-1.jpg"}
{img alt="" src="/images/portfolio/branding/branding-2.jpg"}
{img alt="" class="thumbnail" src="/images/portfolio/branding/branding-3.jpg"}

Image Styles Overlay

AVENDOR comes with multiple overlay effect for images. You can view the page by pushing the button bellow.

View Image Overlay Effects (also Shortcodes)

Image Alignement

Align Image Left sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Mauris sed mauris ac lacus vulputate volutpat. Duis ultricies quis dolor ac varius. Cras interdum vitae mi nec sodales. Vestibulum pretium lacus vitae dictum consequat. Curabitur ligula nunc, mollis quis fermentum sed, congue a purus.

Align Image Center ligula sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Align Image Right sit amet magna iaculis, ultrices aliquet purus porta. Sed ut lacus lacus. Mauris tincidunt hendrerit nunc vel laoreet. Vestibulum quis malesuada nibh. In in purus vitae metus varius suscipit. Donec justo purus, pharetra placerat enim ac, congue feugiat diam.

Mauris sed mauris ac lacus vulputate volutpat. Duis ultricies quis dolor ac varius. Cras interdum vitae mi nec sodales. Vestibulum pretium lacus vitae dictum consequat. Curabitur ligula nunc, mollis quis fermentum sed, congue a purus.

Creative Links

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Simple Tooltip

Simple Tooltip

Button Tooltip

Simple Tooltip

HTML Tooltip

Image Tooltip

Tooltip Position

Top Left Tooltip Top Center Tooltip Top Right Tooltip

Bottom Left Tooltip Bottom Center Tooltip Bottom Right Tooltip

Middle Left Tooltip Middle Right Tooltip

Content Tooltips

Quisque eleifend ipsum est, eu luctus orci aliquet molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo tristique eros quis adipiscing. Donec tristique ipsum nicita, vel congue nisi iaculis in. Integer id euismod odio. Sed et mollis lacus, ac tempus justo. Donec vel tempor dolor. Pellentesque euismod turpis nec sem iaculis, nec iaculis nunc feugiat.

{tooltip position="tc:bc" title="Tooltip Content" link="#" class=""}Text here{/tooltip}
The Tooltip Position can be configurated easily in the Backend

Hover Image Effects

Simple overlay effects for your images. Combine them in any way that you wish so you can achive some unique effects for your design.

Hover Color

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  overlay="overlay-bg bg-color-success"
  iconcolor="#ffffff"
}

Transparency

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  imgclass="img-transparency"
  iconcolor="#ffffff"
}

Zoom Image

{overlay
  image="images/portfolio/print/print-2.jpg"
  link="images/portfolio/print/print-2.jpg"
  lightbox="image"
  imgclass="img-zoom"
  iconcolor="#ffffff"
}

Combined Styles

Creative Links

Aliquam eu ante iaculis, ultricies orci ut, pellentesque elit. Curabitur placerat orci libero. Aliquam blandit sed eros quis scelerisque.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

Quisque Aenean Vestibulum Maecenas

Quisque nec pharetra arcu. Aliquam egestas, velit nec malesuada ultrices, leo mi ullamcorper ipsum, in blandit quam eros vel diam. Donec sagittis rhoncus tincidunt. In nec nulla risus. Nulla facilisi. Sed sit amet justo ac odio feugiat malesuada in venenatis sem.

{a-cl style="1" link="#"}Text{a-cl}
Works also with all default Link Attributes:
{a-cl style="1" link="#" target="_blank" title="Title" data="data-lightbox='image'"}Text{a-cl}
  1. Animation On View
  2. Typography
  3. Buttons
  4. Lists

Θέματα από το Blog μας

Αρ. Γ.Ε.ΜΗ. 6558701000

© 2024 - Τοπογραφικά Όργανα | Περιβαλλοντικός, Βιομηχανικός Εξοπλισμός | METRICA A.E.. Με την επιφύλαξη παντός δικαιώματος.