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 Hugo 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://gohugo.io/ or https://gohugo.io/ and sometimes 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

1. The leap into electronic typesetting
2. It was popularised in the 1960s
3. Recently with desktop publishing software
4. An unknown printer took a galley
5. 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

Gallery

Youtube video

Vimeo video

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

Twitter Card

Owl bet you'll lose this staring contest 🦉 pic.twitter.com/eJh4f2zncC

— San Diego Zoo Wildlife Alliance (@sandiegozoo) October 26, 2021

Code and Syntax Highlighting

Inline code has back-ticks around it.

HTML

<article class="card post/post-card h-100 border-0 bg-transparent">
  <div class="card-body">
    <div class="post-image position-relative">
      <img class="w-100 h-auto rounded" src="/images/box.webp" alt="alter caption">
    </div>
    <a class="d-block" href="/blog/analysisi-ai-winter/" title="train is running out of steam">
      <h3 class="mb-3 post-title text-link">The AGI hype train is running out of steam</h3>
    </a>
  </div>
</article>

Javascript

function scrollToTopVisibility() {
  if (window.scrollY >= 500) {
    scrollToTop.classList.add("shown");
  } else {
    scrollToTop.classList.remove("shown");
  }
}

Markdown table

Colons can be used to align columns.

Responsive HTML table