Blog archive in: مايو 2022

Post with Full Page Feature with no image

Pis a capital letter used as a decorative element at the beginning of any paragraph or section. The size of the descending limit is usually two or more lines.

The drop cap will resize the first letter of the paragraph so that it drops one or more lines down. Many types of print media use drop caps such as books, magazines, newspapers and so on because they can add to the visual appeal.

Contents

Table (Mobile responsive)
Press me! to read JOKES
Blockquote
Click me! to read more JOKES

Table (Mobile responsive)

The tables in this theme is set to support mobile responsiveness, for example if the number of columns or the width of the table exceeds the width of screen resolution, it wont appear distorted, the table will automatically have a scroll function.

Please open this article on your mobile device and scroll to the table section:

No	Full Name	Position	Office	Salary
1	Angelica Ramos	Chief Executive	San Francisco	$162,700
2	Brenden Wagner	Software Engineer	Los Angeles	$1,200,000
3	Caesar Vance	Sales Assistant	San Antonio	$372,000
4	Donna Snider	Team Leader	Colorado Springs	$433,060

H2 Headings are gonna appear like this

Above you can see how H2 headings are gonna appear inside post articles. Below text is written in ordered list manner.

Some bullet points for ordered list will appear like this.
Hear about the new restaurant called Karma?
There’s no menu: You get what you deserve.
Why don’t scientists trust atoms?
Because they make up everything.

Blockquote

Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.

— Jack Handey

H3 Headings are gonna appear like this

Above you can see how H3 headings are gonna appear inside post articles. Below text is written in Un-ordered list manner.

What did the left eye say to the right eye?
Between you and me, something smells.
I told my wife she was drawing her eyebrows too high.
She looked at me surprised.

Someone complimented my parking today! They left a sweet note on my windshield that said "parking fine."

Shortcodes added for different functions

Mis a capital letter used as a decorative element at the beginning of any paragraph or section. The size of the descending limit is usually two or more lines.

Table (Mobile responsive)

Please open this article on your mobile device and scroll to the table section:

No	Full Name	Position	Office	Salary
1	Angelica Ramos	Chief Executive	San Francisco	$162,700
2	Brenden Wagner	Software Engineer	Los Angeles	$1,200,000
3	Caesar Vance	Sales Assistant	San Antonio	$372,000
4	Donna Snider	Team Leader	Colorado Springs	$433,060

Blockquote

Before you criticize someone, you should walk a mile in their shoes. That way when you criticize them, you are a mile away from them and you have their shoes.

— Jack Handey

Note to users

Through this block you can share any important message, news or update with your blog users.

Warning!
This is another block through which can share any warning or urgent update with your blog users.

Accordion Menu

Accordion_first_title

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Accordion_second_title

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Accordion_third_title

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Accordion_fourth_title (alt)

Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.

Multi Tabs inside post area

This format is used to write HTML, CSS, JavaScript or any code inside post area, usually used for blogs with coding themes or blogging tutorials.

Here's an example of how it looks:

<!DOCTYPE html>
<html dir='ltr' lang='en'>
  <head>
    <title>Sample Page</title>
  </head>

  <!--[ <body> open ]-->
  <body>
    <p>Sample content here!</p>
  </body>
  <!--[ </body> close ]-->
</html>

/* Standar CSS */
::selection{color:#fff;background:var(--linkC)}
*, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)}
h1{font-size:1.9rem}
h2{font-size:1.7rem}
h3{font-size:1.5rem}
h4{font-size:1.4rem}
h5{font-size:1.3rem}
h6{font-size:1.2rem}
a{color:var(--linkC);text-decoration:none}
a:hover{opacity:.9;transition:opacity .1s}