Header

Astro Starter Kit

Grid Example (Flexbox)

col-12 col-md-12

col-12 col-md-12

col-12 col-md-6 col-md-left-6

col-6 col-md-4

col-6 col-md-4

col-6 col-md-4

Grid Example (Grid)

g-col-12 g-col-md-12

g-col-12 g-col-md-12

g-col-12 g-col-md-6 g-col-md-start-7

g-col-6 g-col-md-4

g-col-6 g-col-md-4

g-col-6 g-col-md-4

Offcanvas Example

Swiper Example

A description of my image.
figcaption
A description of my image.
figcaption
A description of my image.
figcaption

Alpine Example

Tab 1 is active (default)

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur nisi exercitationem eum maiores dolorem, sit vel minus dolore beatae, excepturi illum incidunt libero. Et est, quos nulla molestiae ad accusantium.

Tab 2 is active

  1. Feature 1
  2. Feature 2
  3. Feature 3

Tab 3 is active

A description of my image.

Expandable Content Example

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Form Example

Choose your interests:*
Choose atleast one interest!
Choose a payment method:*
Choose a payment method!

Modal Example

Accordion Example

Accordion Content 1

Accordion Content 2

Accordion Content 3

Accordion Content 4

Accordion Content 4.1
Accordion Content 4.2
Accordion Content 4.3

Accordion Content 5