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.

URLs and URLs in angle brackets will automatically get turned into links. https://nextjs.org/ or https://nextjs.org/ and sometimes www.example.com (but not on Github, for example).

Heading one

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

Image

Ratione unde maiores uisquam fugit voluptates, voluptatum consequatur harum enim quidem sapiente facilis recusandae a expedita odit. Iusto facere molestiae veritatis doloremque dignissimos quos aliquam placeat non perspiciatis doloribus iste vel, omnis deserunt nam quod nisi magnam! Optio, incidunt omnis reiciendis eius error esse autem, voluptatibus commodi eligendi odit nemo nesciunt fugit fugiat id harum explicabo dignissimos illo nobis ducimus voluptatum tempora ad. Atque tempora autem eius quo dolorem, minus maxime natus deleniti facilis aut enim impedit ut consectetur nobis hic labore laudantium veniam! Veniam vitae excepturi quis, officiis earum adipisci iste. voluptatibus commodi eligendi odit nemo nesciunt fugit fugiat id harum explicabo dignissimos illo nobis ducimus voluptatum tempora ad. Atque tempora autem eius quo dolorem, minus maxime natus deleniti facilis aut enim impedit ut consectetur nobis hic labore laudantium veniam! Veniam vitae excepturi quis.

omnis deserunt nam quod nisi magnam! Optio, incidunt omnis reiciendis eius error esse autem, voluptatibus commodi eligendi odit nemo nesciunt fugit fugiat id harum explicabo dignissimos illo nobis ducimus voluptatum tempora ad. Atque tempora autem eius quo dolorem, minus maxime natus deleniti facilis aut enim impedit ut consectetur nobis hic labore laudantium veniam! Veniam vitae excepturi quis, officiis earum adipisci iste. voluptatibus commodi eligendi odit nemo nesciunt fugit

Code and Syntax Highlighting

Inline code has back-ticks around it.

Script

1export const getStaticProps = async ({ params: { tagname } }) => {
2  const allPost = getPosts();
3  const filteredPostByTag = allPost.filter((post) =>
4    post.frontMatter.tags.map((tag) => slugify(tag)).includes(tagname)
5  );
6
7  return {
8    props: {
9      authors: getAuthors(),
10      posts: filteredPostByTag,
11      tag: tagname,
12    },
13  };
14}
15

SCSS

1.form-control {
2  padding: 0;
3  border: 0;
4  border-radius: 0;
5  border: 1px solid #ddd;
6  transition: 0.3s ease;
7  padding: 12px 16px;
8  &:not(textarea) {
9    height: 50px;
10  }
11  &:focus {
12    box-shadow: none;
13    color: $dark;
14    border-color: rgba($dark, 0.5);
15    ~ .input-group-append {
16      .input-group-text {
17        border-color: rgba($dark, 0.5);
18      }
19    }
20  }
21}
22

Blockquote

Since its beginning in the 1950s, the field of artificial intelligence has cycled several times between periods of optimistic predictions and investment Alexender Toto