Component Example Details

  • Category: Internal Example
  • Tools: HTML, CSS, JavaScript, JSON
  • Platform: Web
  • Links: streetfighter.com

Introduction Text Section

This is the first component, a simple text block. It can contain multiple paragraphs.

You can use these text blocks to introduce sections, explain concepts, or provide detailed descriptions. Titles are optional. You can also add inline links like this: Google Search or an internal link to the Contact Page.

Placeholder image 1

Image Left, Text Right

This component places an image on the left and text content on the right. The image scales appropriately.

It's useful for visually breaking up text and illustrating specific points adjacent to the relevant explanation.

Placeholder image 2

Text Left, Image Right

This is the reverse layout, with text on the left and the image on the right.

Alternating these layouts can create a dynamic visual flow down the page.

Full width placeholder
This is an optional caption for a full-width image component.

This is a pull quote component, designed to highlight a key statement or testimonial.

Optional Author Name

Video Left, Text Right

Similar to the image/text component, but embeds a video.

Ensure you provide a valid video URL. A poster image is recommended.

A full-width video embed.

Another text block, demonstrating content without a title. This can be useful for shorter descriptions or transitional text.

Key Features Component

Modular Design

Build pages with reusable components.

Media Support

Integrate images and videos easily.

Flexible Layouts

Choose from various text and media arrangements.

Explore More Components

This system can be extended with even more component types.