Flexible Layouts

You have choices!

This website has been programmed to allow you maximum flexibility in how and where you present your content on a page without having to worry about how the content is styled.

The following attempts to describe and display the different layouts (content blocks) that are available to you and contains dummy content to help you visualize the look and feel of each layout.

Please note: The descriptions are describing the positions of elements when viewed on desktop devices. All layouts are programmed to look great on mobile devices too.

Content Editor

Paragraph – The Content Editor is a WYSIWYG(What You See Is What You Get) component that allows you to add text to your pages. The font size & colors are controlled by the stylesheet.

This an H1

The Section Settings also let you choose how much space to add to the top and bottom of the section as well as the background color, black or gray.

H2 – is the same font-size as an H1.

H3 & H4 – are the same size.

H5 & H6 – are the same size.

Below is a horizontal rule.


  • This is an un-ordered list
  • This is another list item
  • This is another list item

  1. This is an ordered list
  2. This is another list item
  3. This is another list item

Flexible Image

This layout allows you to add an image to a page that will be wider than the content added with the Content Editor.

Text Cards

This renders a row of text cards with a title and text blurb beneath it. The title field is optional. You must add at least 2 cards and at most 4 cards.

Our values

This is what we stand for and what we aspire to be. Our values inform how we do our jobs and how we treat each other every day, while also helping us make the right decisions for our customers, partners, and collaborators.

Users first

We put users first… they are rock stars and we are their biggest fans. Our shared dedication to users holds us together, defines and aligns our work and drives us to deliver for them.

Think Big

We believe great ideas can come from anywhere. We have vigorous debates, we listen and learn, and we make sure the best ideas win.

Be Bold

We do bold things and do big things every day. And, when we fail, we learn, get better and go big again. We challenge and elevate each other to do what may seem impossible; its hard, but we do it any way.

Simple Callouts

This content has a left-aligned image with content to the right consisting of a title (optional) with text below it.

Simple Callout Title

Proin eros fames hac auctor tempor sem pretium congue. Nunc adipiscing ad primis luctus platea curabitur tempor sociis condimentum. Donec sagittis, suscipit at torquent. Ante sociis, est taciti laoreet? Luctus pretium diam vivamus potenti ridicdivus blandit hac.

You may omit the title for this component but the image and Text are required.

Proin eros fames hac auctor tempor sem pretium congue. Nunc adipiscing ad primis luctus platea curabitur tempor sociis condimentum. Donec sagittis, suscipit at torquent.

Primary Callouts

This content has a centered title above a left-aligned image with content to the right consisting of a subtitle (optional) with text and a button below it to link to other pages on your website or any other website.

Case Study
Learn how Vision Appster lorem epsilon dolor for large company in this vertical

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

Learn More
COMPONENTS

The subtitle is optional. Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi.

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam.

Links to Google

Secondary Callouts

Please Note: This layout is an alternative to the global “Site Callout Row” which can be configured under the Website Settings tab and is placed second from the bottom on most pages except for the pages you specify.

You may wish to use this layout to add content not used in the “Site Callout Row” and have the freedom to place it anywhere on the page.

There are 5 different layouts provided for this content. You must add at least 2 and at most 3 layouts for this content block.

WHAT ARE VISION APPS?

Learn more about this game-changing technology and how it can lorem your industry.

Learn More
Latest News

Read the latest exciting news from the VisionAppster team.

News
LEADERSHIP TEAM

Meet the people that make us so great.

Meet the Team

Tertiary Callouts

This content has a left-aligned image with content to the right consisting of a title with text and a button below it. You must use 2 callouts with this layout and all fields are required.

How It Works

Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.

Velit non irure adipisicing aliqua ullamco irure incididunt irure non esse consectetur nostrud minim non minim occaecat.

Learn More

What's Next?

Et et consectetur ipsum labore excepteur est proident excepteur ad velit occaecat qui minim occaecat veniam. Fugiat veniam incididunt anim aliqua enim pariatur veniam sunt est aute sit dolor anim.

Let us show you

Numbered Callout – Horizontal

This layout consists of a title (optional) with 2 or 3 columns of text beneath it. You also have the option of adding a link below the content to direct your users to another internal or external web page.

For the title, you can choose the color, whether it’s centered or not and whether it’s set to uppercase.

You must use a minimum of 2 columns and at most 3 columns with this layout. The columns are numbered automatically.

Why Vision Appster for Vertical 1?

1.

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

2.

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Sociis porta est tristique nam.

Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

3.

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

Numbered Callout – Vertical

This layout consists of a title (optional) with unlimited rows of numbered sections below. You also have the option of adding a link below the content to direct your users to another internal or external web page.

For the title, you can choose the color, whether it’s centered or not and whether it’s set to uppercase.

The columns are numbered automatically.

How It Works

1.

Velit malesuada pellentesque nostra placerat rhoncus hac habitant rutrum iaculis facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

2.

Nunc adipiscing ad primis luctus platea curabitur tempor sociis condimentum. Donec sagittis, suscipit at torquent. Lectus congue quam convallis lacus in tempor porta nascetur? Luctus feugiat pharetra, fringilla dui convallis ornare torquent neque. Cum pulvinar, habitasse ridiculus sed metus fringilla natoque dignissim! Rutrum, dui enim est. Netus per vitae quisque netus a mattis condimentum non hendrerit. Senectus scelerisque sed gravida, nisl duis augue odio venenatis. Consectetur sit luctus netus orci.

3.

Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel. Turpis cras nullam fringilla. Aenean enim augue vitae laoreet malesuada viverra ultricies. Ante sociis, est taciti laoreet? Luctus pretium diam vivamus potenti ridiculus blandit hac. Proin eros fames hac auctor tempor sem pretium congue.facilisi. Luctus cursus amet dui convallis lorem ullamcorper? Sociis porta est tristique nam. Nisi velit enim eleifend lacinia id nec leo accumsan magna vel.

Learn More Callouts

This callout features a title with a horizontal rule beneath it. Below are 2 callouts positioned side-by-side with image aligned left and content aligned right consisting of a title, blurb and a page link.

Please Note: This layout is an alternative to the global “Learn More Row” which can be configured under the Website Settings tab and is placed at the bottom of most pages except for the pages you specify.

You may wish to use this layout to add content not used in the “Learn More Row” and have the freedom to place it anywhere on the page.

WANT TO LEARN MORE ABOUT VISIONAPPSTER?


Schedule a Demo

See VisionAppster in Action!

Schedule it

Contact Us

For questions or more information

Contact Us

Component Callouts

This callout features a title (optional) with style options. Below are 2 – 3 callouts positioned side-by-side with content stacked vertically beginning with an image and content below consisting of a title, author (optional), blurb, price (optional) and a tag list(optional).

You must add 2 but not more than 3 callouts with this layout.

Components used in this case study:

IP Camera Driver

by VisionAppster

Add any IP Camera image stream for the image source.

€3.00

#ip, #ip camera, #driver

Learn More
Emotion Recognizer

by VisionAppster

Detect emotions through facial expressions in images and videos. Gain deeper insight into users, audiences and more with this facial…

€5.00

Learn More
Face Cropper

by VisionAppster

You can use the excerpt field if you'd like to display handcrafted text not found in the product description.

€3.00

Learn More

Flexible Showcases

This layout features a title (optional) with style options and will display 2 – 4 columns side-by-side. The content is stacked vertically consisting of a title, blurb (limited to 30 words) and a Read more link. Each column has an orange left border.

2 posts will occupy 50% of the container width on a desktop
3 posts will occupy 33% of the container width on a desktop
4 posts will occupy 25% of the container width on a desktop

You may select any content on this site to place in this showcase. You must add a minimum of 2 and a maximum of 4 callouts with this layout.

2 Column Flexible Showcase Example

Healthcare

Machine learning is incorporated in medical industries for purposes such as breast and skin cancer detection. For instance...

Read more

Vision Apps

Consequat vulputate ad luctus. Parturient donec quis aptent mauris urna luctus scelerisque dignissim himenaeos nostra. A habitant cum sociosqu sed.

Read more

3 Column Flexible Showcase Example

Healthcare

Machine learning is incorporated in medical industries for purposes such as breast and skin cancer detection. For instance...

Read more

Vision Apps

Consequat vulputate ad luctus. Parturient donec quis aptent mauris urna luctus scelerisque dignissim himenaeos nostra. A habitant cum sociosqu sed.

Read more

The Finnish Parliament

Numerous studies suggest that we tend to trust people who look like us. In Finland, the tradition of "election machines", i.e. services that choose you a candidate based on a set of questions, got new meaning when the VisionAppster team added a vision application to a recent election.

Read more

4 Column Flexible Showcase Example

Healthcare

Machine learning is incorporated in medical industries for purposes such as breast and skin cancer detection. For instance...

Read more

Vision Apps

Consequat vulputate ad luctus. Parturient donec quis aptent mauris urna luctus scelerisque dignissim himenaeos nostra. A habitant cum sociosqu sed.

Read more

The Finnish Parliament

Numerous studies suggest that we tend to trust people who look like us. In Finland, the tradition of "election machines", i.e. services that choose you a candidate based on a set of questions, got new meaning when the VisionAppster team added a vision application to a recent election.

Read more

Solutions

Computer vision is a sector of Artificial Intelligence that uses Machine and Deep Learning to allow computers to “see” and analyze their surroundings.

Read more

Tabbed Content

This component allows you to display content in a tabbed interface above a background image of your choice. Because the text and elements have light colors, a dark background image is required for readability. It features a title (optional) with style options, a tab title, tab content and an (optional) link to direct your users to another internal or external web page.

You must have at least 2 tabs and at most 3 tabs. The height of the component is determined by the tab that contains the most content.

ABOUT VISIONAPPSTER

YouTube Video Block

This component allows you to display a YouTube video on your page. It features a title (optional), a poster image (optional) and an (optional) link to direct your users to another internal or external web page.

LOREM IPSUM DOLOR

Learn more

Contact Forms

There are 3 forms available for this site – contact, schedule a demo and career forms. You typically would only place these on their dedicated pages but having them available as components gives you the flexibility to place them anywhere you choose.

Global Components

The two components you see below are global components. They will be displayed on almost every page on your site except for the pages where you specifically exclude them. You control the content in these components in the Website Settings tab. Any changes made there will be reflected on every page these components are displayed.

They’re always positioned just above the footer.

WHAT ARE VISION APPS?

Learn more about this game-changing technology and how it can impact your industry.

Learn More
Latest News

Read the latest exciting news from the VisionAppster team.

News
Company Overview

We're driven to help you succeed!

Get to know Us

WANT TO LEARN MORE ABOUT VISIONAPPSTER?


Schedule a Demo

See VisionAppster in action!

Schedule it

Contact Us

For questions or more information

Contact Us
Contact Us