 |
| 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'
Button
1) Fill
2) Outline
3) Rounded
If you click on the below code here button, you will get the code for creating 'Button'
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'
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.
If you click on the below code here button, you will get the code for creating 'Blockquote'
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'
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'
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'
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'
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.
Post a Comment