Kataru

Styles pages

Style your own page with the infinite possibilities of Kataru.

Headings

A heading is a word, phrase, or sentence at the beginning of a written passage that explains what it's about.

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Links

  • Internal Link to Post: A hyperlink within a website that connects to another specific post or article on the same site, facilitating navigation between related content.
  • Internal Link to Page: A hyperlink within a website that directs to another page on the same site, allowing users to navigate seamlessly between different sections or topics.
  • External Link: A hyperlink that points to a web page or resource outside the current website domain, connecting to content on a different site.

Quotes

A blockquote is a formatting element in text that visually distinguishes and sets off a quoted or cited section, often through indentation and altered styling.

Normal quote

Nam pretium nibh dui, sed faucibus velit sollicitudin eu. Fusce laoreet venenatis consequat.

Custom quote one

Nam pretium nibh dui, sed faucibus velit sollicitudin eu. Fusce laoreet venenatis consequat.

Custom quote two

Nam pretium nibh dui, sed faucibus velit sollicitudin eu. Fusce laoreet venenatis consequat.

Highlighting

Highlighting involves marking or color-coding significant information to easily draw attention to key points within text or content.

Lists

Bullet list

  • Item one
  • Item Two
    • Sub item one
    • Sub item Two
  • Item Three

Number list

  1. Item One
  2. Item two
    1. Item one
    2. Item two
  3. Item three

Header

Make it brillant
Praesent elit mauris, interdum eleifend leo id, accumsan euismod magna. Ut interdum velit eget facilisis ultricies. Suspendisse vestibulum auctor nunc, et viverra risus mollis in.

Image

We offer some custom image style like borders and width. You can choose one of the six differents images border style and four images width render with including image zoom effect.

Image
@maartendeckers
Image
@ugur
Image
@victoria_chen
Image
@anthonydelanoix

Gallery

A masonry image gallery with small, medium, large and extra large width. Unlimited image build !

This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image

Slider

Slider with infinite images. Choose the size of the slider, slide mode: snap, free snap and free. Loop image, slide per view and slide spacing.

This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image
This is an alternative text image

Video embed

A video player with custom height.

Code

Choose from the 27 editable codes ! HTML, CSS, Javascript, PHP, Typescript, Python and more...

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example HTML Page</title>
</head>
<body>

    <header>
        <h1>Welcome to Code</h1>
    </header>

    <main>
        <section>
            <p>This is a simple example of an HTML page.</p>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 Kataru</p>
    </footer>

</body>
</html>