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 Panorama Type. It 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. The Advertisement Panorama Type is used to display an ad that can use third-party promotional content and it can use panorama ad unit size.
Semantic-UI Advertisement Panorama Type Class:
- panorama: This class is used for panorama ad unit size.
Syntax:
<div class="ui panorama test ad" data-text="Panorama"></div>
Below example illustrates the Semantic-UI Advertisement Panorama Type:
Example 1:
<!DOCTYPE html> < html >
< head >
< title >Semantic-UI Advertisement Panorama Type</ title >
< link href =
rel = "stylesheet" />
</ head >
< body >
< center >
< h1 class = "ui header green" >GeeksForGeeks</ h1 >
< h2 >Semantic UI Advertisement Panorama Type</ h2 >
</ center >
< div class = "ui panorama test ad" data-text = "Panorama" ></ div >
</ body >
</ html >
|
Output:
Example 2:
<!DOCTYPE html> < html >
< head >
< title > Semantic-UI Advertisement Panorama Type</ title >
< link href =
rel = "stylesheet" />
</ head >
< body >
< center >
< h1 class = "ui header green" >GeeksForGeeks</ h1 >
< h2 >Semantic UI Advertisement Panorama Type</ h2 >
< div class = "ui panorama test ad" data-text = "Panorama" ></ div >
Most popular course on DSA trusted by over 50,000
students! Built with years of experience by industry
experts and gives you a complete package of video lectures,
practice problems, quizzes, discussion forums and contests.
Start Today!
< br >
< br >
This course does not require any prior knowledge of Data
Structure and Algorithms and it covers all topics in two
languages: C++ and Java. You will also learn algorithmic
techniques for solving various problems, get to learn
important topics for interviews and get fluent in the basics
of programming. You will master all the important topics of
data structures and algorithms like sorting, strings, heaps,
DP, searching, trees and more and even learn this concepts by
practicing on real-world projects.
< br >
< br >
< div class = "ui panorama test ad" data-text = "Panorama" >
</ div >
</ center >
</ body >
</ html >
|
Output:
Reference: https://semantic-ui.com/views/advertisement.html#panorama