Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. In this article, we are going to learn about Advertisement Test Variation.

The Advertisement component is equipped with pre-built semantic components that help create responsive layouts using user-friendly HTML, and it uses predefined CSS and jQuery to incorporate different frameworks. An ad displays third-party promotional content, and it can be formatted to help verify placement. The Test Variation can be used to produce test advertisements that can be used to test the design.

Semantic-UI Advertisement Test Variation Class:

• test: This class is used to make a rectangle-sized test ad.

Note: If you want you can adjust the text displayed for your test ad placement by changing the value of data-text, and you can also change the size and shape of any advertisement.

Syntax:

<div class="ui test ad" data-text="Ad Unit">
...
</div>

The below example illustrates the Semantic-UI advertisement Test Variation:

Example 1:

Output:

Semantic-UI Advertisement Test Variation

Example 2: 

Output:

Semantic-UI Advertisement Test Variation

Reference: https://semantic-ui.com/views/advertisement.html#test