Elements

This page demonstrate some basic elements and typography which you will use frequently within your site. Make the text bold or make it italic. Why not bold and italic both at a time. Here is the link to Next.js website. Do you want to link a long text here how it looks in this theme.

Heading two

Heading three

Heading four

Heading five

Heading six

Paragraph

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.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Ordered List

The leap into electronic typesetting
It was popularised in the 1960s
Recently with desktop publishing software
An unknown printer took a galley
It has survived not only five centuries

Unordered List

The leap into electronic typesetting
It was popularised in the 1960s
Recently with desktop publishing software
An unknown printer took a galley
It has survived not only five centuries

Code and Syntax Highlighting

Inline code has back-ticks around it.

Script

1const [isCopied, setIsCopied] = useState(false);
2const copyToClipboard = () => {
3  navigator.clipboard.writeText(postURL);
4  setIsCopied(true);
5};
6
7useEffect(() => {
8  if (isCopied) {
9    setTimeout(() => {
10      setIsCopied(false);
11    }, 3000);
12  }
13}, [isCopied]);
14

SCSS

1// Form autofill reset
2.autofill-black:-webkit-autofill,
3.autofill-black:-webkit-autofill:hover, 
4.autofill-black:-webkit-autofill:focus {
5  -webkit-text-fill-color: #fff;
6  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
7}
8.autofill-light:-webkit-autofill,
9.autofill-light:-webkit-autofill:hover, 
10.autofill-light:-webkit-autofill:focus {
11  -webkit-text-fill-color: #000;
12  -webkit-box-shadow: 0 0 0px 1000px #E7E5D4 inset;
13}
14