NOTE
This section showcases how the other contents types are displayed on this specific template.
The Accordion, carousel, cards and TimeLine elements are also displayed at the bottom.
Text with Image
Content Type Showcase
The appearance of Text with image elements in this Elegant Theme of Bootstrap Package (bootstrap_package) is showcased below:
There are about 6 different types of image positioning and alignment available in the default TYPO3 package.
This visual appearance of these text with image elements in this TYPO3 Template can be seen below:

Image placed below & centered
Below center subheader
Elevate your website's storytelling! Bootstrap themes and templates allows you to seamlessly position a compelling image below and centered, guiding viewers through your narrative with a clear visual flow.

Beside text right
Beside text right subheader
Make a bold statement! Our templates empower you to place a striking image beside your text on the right, creating a dynamic layout that grabs attention and emphasizes key points.

Beside text left
Beside text left subheader
Introduce your message with impact! we offer the flexibility to showcase a captivating image beside your text on the left, establishing a visually engaging introduction for your content.

Beside text centered right
Beside text centered right subheader
Create a balanced composition! With our themes and templates, you can effortlessly position an impactful image beside your text, centered and aligned to the right. This layout ensures visual harmony and a polished presentation.

Beside text centered left
Beside text centered left subheader
Achieve a modern aesthetic! Here, we give you the power to display a captivating image beside your text, centered and aligned to the left. This modern approach creates a sleek and contemporary look for your website.
Images
This is to showcase images
Images
1 column

Images
2 column


Images
3 column



Images
4 column




Our Crew




Buttons
Default Button Primary Button Secondary Button
Tertiary Button Quaternary Button Success Button
Info Button Warning Button Danger Button
Bullets & Tables
- Bullet List Example
- Bullet List Example
- Bullet List Example
- Ordered / Numbered List Example
- Ordered / Numbered List Example
- Ordered / Numbered List Example
A Table
| First Column | Second Column | Third Column | Fourth Column |
| Seond Row | Item 2 | Item 3 | Item 4 |
Regular Text Elements
A Normal Paragraph
Follwoing are an example of different Types of Headers available in this BootStrap_Package Theme
Header 1
Header 2
Header 3
Header 4
Header 5
Background & Spacing
with no background
Showcasing different Backgrounds & Spacing
Default frame
with primary background
This area showcases how a this frame looks with the default Spaces selected. There is no background color chosen here. We can chose one of the 6 background color here.
Extra small Spacing
with Secondary background
Extra small Spacing (ZERO SPACING) is generally selected when the frames should not have any spacing.
There is Primary background color chosen here. We can chose one of the 6 background color here.
small frame
with Tertiary background
This area showcases the appearance of a frame with the small Spacing selected.
There is Secondary color chosen here. We can chose one of the 6 background color here.
Medium frame
with Quaternary background
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, atque. Praesentium itaque saepe aliquam? Quaerat quasi veniam, quia, autem neque impedit.
Large frame
with Light background
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, atque. Praesentium itaque saepe aliquam? Quaerat quasi veniam, quia, autem neque impedit.
Extra large frame
with Dark background
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, atque. Praesentium itaque saepe aliquam? Quaerat quasi veniam, quia, autem neque impedit.
Normal header only
Subheader
Header only with background image
Header only with background image subheader
Regular text element
Regular text element subheader
Have you ever wanted to impress your audience at first sight? Our studio uses modern technologies and extensive opportunities for photo and video shooting in action. We work with ambitious brands to create a meaningful image so that you can make the best impression.
Action Button
Sell Your Digital Creative Products By CyberM5
Text and media
Text and media subheader
Have you ever wanted to impress your audience at first sight? Our studio uses modern technologies and extensive opportunities for photo and video shooting in action. We work with ambitious brands to create a meaningful image so that you can make the best impression.
Table
Table subheader
| Row1 | Column1 | column2 | column3 |
| Row2 | Column1 | column2 | column3 |
| Row3 | Column1 | column2 | column3 |
Accordian
Accordian subheader

The accordion is a graphical control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item.

The accordion is a graphical control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item.
Carousel
carousel subheader
Carousel small
Carousel small subheader
Timeline
Tineline sub

Timeline 2
- Digital ads & marketing design
- Motion graphics design
- Illustration & infographic design
- App and web product design
- Brand identity design
- Design & brand consulting

Tineline 1
- Digital ads & marketing design
- Motion graphics design
- Illustration & infographic design
- App and web product design
- Brand identity design
- Design & brand consulting
Card 1 column
Rapid interaction with clients
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Scientific website optimization
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Generating increased revenue
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card 2 Columns
Rapid interaction with clients
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Generating increased revenue
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card 3 column

Research
Portfolio

Analysis
Portfolio

Processing
Portfolio
Card 4 column
card group sub

Card 1
card group sub
Lorem ipsum dolor sit amet, consectetur, adipisicing elit. Reprehenderit rerum reiciendis, voluptatibus eligendi sit suscipit in officii.

card 2
card 2 sub
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit quasi consectetur corrupti, blanditiis. Sit, quam.

card 3
card 3 sub
Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Nobis consectetur eligendi natus in neque provident?

card 4
card 4 sub
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis excepturi numquam unde quia quis saepe.
Tab
Tab sub

Lorem ipsum dolor sit amet, consectetur, adipisicing elit. Reprehenderit rerum reiciendis, voluptatibus eligendi sit suscipit in officii.

Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Nobis consectetur eligendi natus in neque provident?
Bullet list
Bullet list subheader
- Digital ads & marketing design
- Motion graphics design
- Illustration & infographic design
- App and web product design
- Brand identity design
- Design & brand consulting
Audio
Audio subheader
Ayan_Visil_Tone.mp3
List group
- Digital ads & marketing design
- Motion graphics design
- Illustration & infographic design
- App and web product design
- Brand identity design
- Design & brand consulting

