Home
Typography

Popular UI All Style (Typography, Elements, Gallery, etc)

Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
Popular UI All Style (Typography, Elements, Gallery, etc)
Popular UI All Style (Typography, Elements, Gallery, etc)

 

Table of Content

Classic Syntax Highlighter

You can add class to display what kind of code it is.
.post-body pre {
  background-color: #333;
  border-left: 5px solid #009688;
  padding: 0;
  margin: .5em auto;
}

<html>
  <head>
    <title>Populer UI</title>
  </head>
  <body>
    ....
    ....
  </body>
</html>

If you click on the below code here button, you will get the code for creating 'Classic Syntax Highlighter'
Code Here



Button

1) Fill











Also Read: Popular UI Blogger Template Table of Content

2) Outline










3) Rounded










If you click on the below code here button, you will get the code for creating 'Button'
Code Here


Note Box

This feature serves to add important info, warning sentences or highlight sentences, there are two styles that you can try including :
Info A simple info alert—check it out!
Warning A simple warning alert—check it out!
Success A simple success alert—check it out!
Error A simple error alert—check it out!

If you click on the below code here button, you will get the code for creating 'Note Box'
Code Here


Also Read: Popular UI Blogger Template Safelink Page

Blockquote

1) Default

This powerful blockquote by Winston Churchill reminds us that success and failure are not permanent states but rather fleeting moments in our journey. Success should not lead to complacency, and failure should not discourage us from trying again..

2) With Author

The true measure of our character lies in our ability to persevere, to pick ourselves up after setbacks, and to keep moving forward with courage and determination. It is through this relentless pursuit of our goals that we pave the way to lasting accomplishments and personal growth.
@MD Abu Sufian

If you click on the below code here button, you will get the code for creating 'Blockquote'
Code Here



Accordion

Hide or reveal contents. Very common in FAQ (Frequently Asked Question) section.

Collapse 1 - Click Me!
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Collapse 2 - Click Me!
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Collapse 3 - Click Me!
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

If you click on the below code here button, you will get the code for creating 'Accordion'
Code Here


Also Read: How to use Table

Dropcaps

APopular UI blogger theme refers to a specific type of blog design and layout that focuses on topics related to popular user interface (UI) trends, techniques, and examples. This theme is tailored to showcase and discuss UI designs that are currently popular and widely used in various industries.


If you click on the below code here button, you will get the code for creating 'Dropcaps'
Code Here



Table


No. Name Gender City Hobbies
1 Sufian Man Dhaka Create a Blogger template design
2 No data. No data. No data. No data.
3 No data. No data. No data. No data.
4 No data. No data. No data. No data.
5 No data. No data. No data. No data.

If you click on the below code here button, you will get the code for creating 'Table'
Code Here



YouTube

Lazy load YouTube video will make your pages lighter.

If you click on the below code here button, you will get the code for creating 'YouTube video'
Code Here


Also Read: How to use the Classic Syntax Highlighter
If you want to report some bugs, you can write it in the comment section of the Report a bug page and if you want to request a new feature or give feedback, please write it in the comment section of the request and feedback page.
Go to Link
#Typography

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
More Details
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.