Open In App

Semantic-UI Advertisement Panorama Type

Improve
Improve
Like Article
Like
Save
Share
Report

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:

HTML




<!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:

 Semantic-UI Advertisement Panorama Type

Semantic-UI Advertisement Panorama Type

Example 2:

HTML




<!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:

Semantic-UI Advertisement Panorama Type

Semantic-UI Advertisement Panorama Type

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



Last Updated : 07 Mar, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads