first commit

typo3conf/ext/bootstrap_package/Resources/Private/.htaccess

@@ -0,0 +1,2 @@
+Order deny,allow
+Deny from all

typo3conf/ext/bootstrap_package/Resources/Private/Forms/Contact.form.yaml

@@ -0,0 +1,114 @@
+type: Form
+identifier: contactform
+label: Contact Form
+prototypeName: standard
+
+finishers:
+    -
+        identifier: EmailToReceiver
+        options:
+            subject: '{subject}'
+            recipientAddress: ''
+            recipientName: ''
+            senderAddress: '{email}'
+            senderName: '{fullname}'
+            replyToAddress: '{email}'
+            carbonCopyAddress: ''
+            blindCarbonCopyAddress: ''
+            format: html
+            attachUploads: true
+    -
+        identifier: Redirect
+        options:
+            pageUid: ''
+            additionalParameters: ''
+
+renderables:
+    -
+        type: Page
+        identifier: form
+        label: ''
+        renderables:
+            -
+                properties:
+                    text: '* Mandatory fields'
+                type: StaticText
+                identifier: mandatory
+                label: 'Your personal data'
+            -
+                type: GridRow
+                identifier: gridrow
+                label: ''
+                renderables:
+                    -
+                        type: Fieldset
+                        identifier: fieldset-left
+                        label: ''
+                        properties:
+                            gridColumnClassAutoConfiguration:
+                                viewPorts:
+                                    xs: { numbersOfColumnsToUse: '12' }
+                                    sm: { numbersOfColumnsToUse: '6' }
+                                    md: { numbersOfColumnsToUse: '6' }
+                                    lg: { numbersOfColumnsToUse: '6' }
+                        renderables:
+                            -
+                                type: Text
+                                identifier: fullname
+                                label: 'Full name and surname'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Full name and surname'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                            -
+                                type: Text
+                                identifier: company
+                                label: 'Company'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Company'
+                            -
+                                type: Text
+                                identifier: email
+                                label: 'Email'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Email'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                                    - { identifier: EmailAddress }
+                    -
+                        type: Fieldset
+                        identifier: fieldset-right
+                        label: ''
+                        properties:
+                            gridColumnClassAutoConfiguration:
+                                viewPorts:
+                                    xs: { numbersOfColumnsToUse: '12' }
+                                    sm: { numbersOfColumnsToUse: '6' }
+                                    md: { numbersOfColumnsToUse: '6' }
+                                    lg: { numbersOfColumnsToUse: '6' }
+                        renderables:
+                            -
+                                type: Text
+                                identifier: subject
+                                label: 'Subject'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Subject'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }
+                            -
+                                type: Textarea
+                                identifier: message
+                                label: 'Message'
+                                properties:
+                                    fluidAdditionalAttributes:
+                                        placeholder: 'Message'
+                                        required: required
+                                validators:
+                                    - { identifier: NotEmpty }

typo3conf/ext/bootstrap_package/Resources/Private/Language/Backend.xlf

@@ -0,0 +1,953 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+    <file source-language="en" datatype="plaintext" original="messages" date="2013-09-19T09:11:39Z"
+          product-name="bootstrap_package">
+        <header/>
+        <body>
+
+            <trans-unit id="theme_name">
+                <source>Bootstrap Package</source>
+            </trans-unit>
+
+            <trans-unit id="pages.nav_icon">
+                <source>Navigation Icon</source>
+            </trans-unit>
+            <trans-unit id="pages.thumbnail">
+                <source>Thumbnail</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.simple">
+                <source>Simple</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.2_columns">
+                <source>2 Columns</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.2_columns_25_75">
+                <source>2 Columns 25/75</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.2_columns_50_50">
+                <source>2 Columns 50/50</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.2_columns_offset_right">
+                <source>2 Columns, Offset Right</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.3_columns">
+                <source>3 Columns</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.subnavigation_right">
+                <source>Subnavigation Right</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.subnavigation_right_2_columns">
+                <source>Subnavigation Right and 2 Columns</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.subnavigation_left">
+                <source>Subnavigation Left</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.subnavigation_left_2_columns">
+                <source>Subnavigation Left and 2 Columns</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.special_start">
+                <source>Special Startpage</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.special_feature">
+                <source>Special Feature</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.subnav">
+                <source>Sub Navigation (NOEDIT)</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.normal">
+                <source>Normal</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.border">
+                <source>Border</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.middle1">
+                <source>Middle: Left</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.middle2">
+                <source>Middle: Center</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.middle3">
+                <source>Middle: Right</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.main2">
+                <source>Normal 2</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.contentbefore">
+                <source>Before Content</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.contentafter">
+                <source>After Content</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.special1">
+                <source>Special 1</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special2">
+                <source>Special 2</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special3">
+                <source>Special 3</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special4">
+                <source>Special 4</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special5">
+                <source>Special 5</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special6">
+                <source>Special 6</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special7">
+                <source>Special 7</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special8">
+                <source>Special 8</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special9">
+                <source>Special 9</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.special10">
+                <source>Special 10</source>
+            </trans-unit>
+
+            <trans-unit id="backend_layout.column.footer1">
+                <source>Footer: Left</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.footer2">
+                <source>Footer: Center</source>
+            </trans-unit>
+            <trans-unit id="backend_layout.column.footer3">
+                <source>Footer: Right</source>
+            </trans-unit>
+
+            <trans-unit id="menu.card_dir">
+                <source>Cards of subpages</source>
+            </trans-unit>
+            <trans-unit id="menu.card_dir.description">
+                <source>Insert menu to display subpages as cards</source>
+            </trans-unit>
+            <trans-unit id="menu.card_list">
+                <source>Cards</source>
+            </trans-unit>
+            <trans-unit id="menu.card_list.description">
+                <source>Insert menu to display selected pages as cards</source>
+            </trans-unit>
+
+            <trans-unit id="menu.card.options">
+                <source>Options</source>
+            </trans-unit>
+            <trans-unit id="menu.card.columns">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="menu.card.align">
+                <source>Alignment</source>
+            </trans-unit>
+            <trans-unit id="menu.card.align.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="menu.card.align.center">
+                <source>Center</source>
+            </trans-unit>
+            <trans-unit id="menu.card.align.right">
+                <source>Right</source>
+            </trans-unit>
+
+            <trans-unit id="menu.thumbnail_dir">
+                <source>Thumbnails of subpages</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail_dir.description">
+                <source>Insert menu to display subpages as thumbnail</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail_list">
+                <source>Thumbnails</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail_list.description">
+                <source>Insert menu to display selected pages as thumbnail</source>
+            </trans-unit>
+
+            <trans-unit id="menu.thumbnail.options">
+                <source>Options</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail.columns">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail.align">
+                <source>Alignment</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail.align.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail.align.center">
+                <source>Center</source>
+            </trans-unit>
+            <trans-unit id="menu.thumbnail.align.right">
+                <source>Right</source>
+            </trans-unit>
+
+            <trans-unit id="content_group.interactive">
+                <source>Interactive</source>
+            </trans-unit>
+            <trans-unit id="content_group.media">
+                <source>Media</source>
+            </trans-unit>
+            <trans-unit id="content_group.data">
+                <source>Data</source>
+            </trans-unit>
+            <trans-unit id="content_group.text">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="content_group.social_media">
+                <source>Social Media</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.csv">
+                <source>CSV</source>
+            </trans-unit>
+            <trans-unit id="content_element.csv.description">
+                <source>Render a table from a CSV file.</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.media">
+                <source>Media</source>
+            </trans-unit>
+            <trans-unit id="content_element.media.description">
+                <source>Any number of youtube and vimeo videos in columns and rows with a caption.</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.audio">
+                <source>Audio</source>
+            </trans-unit>
+            <trans-unit id="content_element.audio.description">
+                <source>Insert Audio files</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.panel">
+                <source>Panel</source>
+            </trans-unit>
+            <trans-unit id="content_element.panel.description">
+                <source>Insert Panelelement with simple text</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.carousel">
+                <source>Carousel</source>
+            </trans-unit>
+            <trans-unit id="content_element.carousel.description">
+                <source>Insert Carouselelement with different contents (header / text with image / pure HTML)</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.carousel_small">
+                <source>Carousel Small</source>
+            </trans-unit>
+            <trans-unit id="content_element.carousel_small.description">
+                <source>Insert Carouselelement with different contents (header / text with image / pure HTML)</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.carousel_fullscreen">
+                <source>Carousel Fullscreen</source>
+            </trans-unit>
+            <trans-unit id="content_element.carousel_fullscreen.description">
+                <source>Insert Carouselelement with different contents (header / text with image / pure HTML)</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.textcolumn">
+                <source>Text in Columns</source>
+            </trans-unit>
+            <trans-unit id="content_element.textcolumn.description">
+                <source>Insert Text in Columns</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.textteaser">
+                <source>Text with Teaser</source>
+            </trans-unit>
+            <trans-unit id="content_element.textteaser.description">
+                <source>Insert Text with Teaser</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.texticon">
+                <source>Text and Icon</source>
+            </trans-unit>
+            <trans-unit id="content_element.texticon.description">
+                <source>Insert Bootstrap Icon with Text</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.accordion">
+                <source>Accordion</source>
+            </trans-unit>
+            <trans-unit id="content_element.accordion.description">
+                <source>Insert several Accordionelement(s) with headline and text</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.tab">
+                <source>Tab</source>
+            </trans-unit>
+            <trans-unit id="content_element.tab.description">
+                <source>Insert several Tabelement(s) with headline and text</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.card_group">
+                <source>Card Group</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.description">
+                <source>Insert a element with several content cards</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.options">
+                <source>Options</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.columns">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.align">
+                <source>Alignment</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.align.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.align.center">
+                <source>Center</source>
+            </trans-unit>
+            <trans-unit id="content_element.card_group.align.right">
+                <source>Right</source>
+            </trans-unit>
+
+            <trans-unit id="card_group_item">
+                <source>Card</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.tt_content">
+                <source>Card Group</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.subheader">
+                <source>Subheader</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.image">
+                <source>Image</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.link">
+                <source>Link</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.link_title">
+                <source>Title</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.link_icon">
+                <source>Icon</source>
+            </trans-unit>
+            <trans-unit id="card_group_item.link_class">
+                <source>Color</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.icon_group">
+                <source>Icon Group</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.description">
+                <source>Insert a element with several icons</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.options">
+                <source>Options</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.columns">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.columns.auto">
+                <source>Automatic</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.align">
+                <source>Alignment</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.align.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.align.center">
+                <source>Center</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.align.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position">
+                <source>Icon Position</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.left-top">
+                <source>Left: Top</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.left-center">
+                <source>Left: Center</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.right-top">
+                <source>Right: Top</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.right-center">
+                <source>Right: Center</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.above">
+                <source>Above</source>
+            </trans-unit>
+            <trans-unit id="content_element.icon_group.icon_position.below">
+                <source>Below</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.listgroup">
+                <source>List Group</source>
+            </trans-unit>
+            <trans-unit id="content_element.listgroup.description">
+                <source>Insert simple Listgroupelement</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.external_media">
+                <source>External Media</source>
+            </trans-unit>
+            <trans-unit id="content_element.external_media.description">
+                <source>Insert external media from YouTube or Vimeo</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.textmedia">
+                <source>Text &amp; Media</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.quote">
+                <source>Quote</source>
+            </trans-unit>
+            <trans-unit id="content_element.quote.description">
+                <source>Insert Quotation</source>
+            </trans-unit>
+
+            <trans-unit id="quote.text">
+                <source>Quote Text</source>
+            </trans-unit>
+            <trans-unit id="quote.link">
+                <source>Quote Link</source>
+            </trans-unit>
+            <trans-unit id="quote.source">
+                <source>Quote Source</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.social_links">
+                <source>Social Links</source>
+            </trans-unit>
+            <trans-unit id="content_element.social_links.description">
+                <source>Insert a element to display configured social media channels</source>
+            </trans-unit>
+
+            <trans-unit id="content_element.timeline">
+                <source>Timeline</source>
+            </trans-unit>
+            <trans-unit id="content_element.timeline.description">
+                <source>Insert a element to display a timeline</source>
+            </trans-unit>
+
+            <trans-unit id="carousel.options">
+                <source>Carousel Options</source>
+            </trans-unit>
+            <trans-unit id="carousel.interval">
+                <source>Interval in ms</source>
+            </trans-unit>
+            <trans-unit id="carousel.transition">
+                <source>Transition</source>
+            </trans-unit>
+            <trans-unit id="carousel.transition.slide">
+                <source>Slide</source>
+            </trans-unit>
+            <trans-unit id="carousel.transition.fade">
+                <source>Fade</source>
+            </trans-unit>
+            <trans-unit id="carousel.wrap">
+                <source>Wrap</source>
+            </trans-unit>
+            <trans-unit id="carousel.wrap.description">
+                <source>Start the Carousel from the beginning once it has arrived at the end.</source>
+            </trans-unit>
+            <trans-unit id="carousel.show_nav_title">
+                <source>Show Navigation Title</source>
+            </trans-unit>
+            <trans-unit id="carousel.show_nav_title.description">
+                <source>Show the navigation title of the records instead of the bubbles.</source>
+            </trans-unit>
+
+            <trans-unit id="carousel_item">
+                <source>Carousel Item</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.tt_content">
+                <source>Carousel</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.link">
+                <source>Link</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_layout">
+                <source>Header Layout</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_class">
+                <source>Header Class</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_position">
+                <source>Header Position</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_position.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_position.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_position.center">
+                <source>Center</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.header_position.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.subheader">
+                <source>Subheader</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.subheader_layout">
+                <source>Subheader Layout</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.subheader_class">
+                <source>Subheader Class</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.nav_title">
+                <source>Navigation Title</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.button_text">
+                <source>Button Text</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.text_color">
+                <source>Text Color</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.image">
+                <source>Image</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.background_color">
+                <source>Background Color</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.background_image">
+                <source>Background Image</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.background_image_options">
+                <source>Background Image Options</source>
+            </trans-unit>
+
+            <trans-unit id="carousel_item.item_type.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.text">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.calltoaction">
+                <source>Call to Action</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.image">
+                <source>Image</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.textandimage">
+                <source>Text and Image</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.backgroundimage">
+                <source>Background Image</source>
+            </trans-unit>
+            <trans-unit id="carousel_item.item_type.html">
+                <source>HTML</source>
+            </trans-unit>
+
+            <trans-unit id="accordion.options">
+                <source>Accordion Options</source>
+            </trans-unit>
+            <trans-unit id="accordion.default_element">
+                <source>Default Element</source>
+            </trans-unit>
+
+            <trans-unit id="accordion_item">
+                <source>Accordion Item</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.tt_content">
+                <source>Accordion</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.media">
+                <source>Media</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaposition">
+                <source>Media position</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.imagecols">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.image_zoom">
+                <source>Enlarge on Click</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaorient">
+                <source>Orientation</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaorient.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaorient.top">
+                <source>Top</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaorient.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="accordion_item.mediaorient.bottom">
+                <source>Bottom</source>
+            </trans-unit>
+
+            <trans-unit id="tab.options">
+                <source>Tab Options</source>
+            </trans-unit>
+            <trans-unit id="tab.default_tab">
+                <source>Default Tab</source>
+            </trans-unit>
+
+            <trans-unit id="tab_item">
+                <source>Tab Item</source>
+            </trans-unit>
+            <trans-unit id="tab_item.tt_content">
+                <source>Tab</source>
+            </trans-unit>
+            <trans-unit id="tab_item.active">
+                <source>Set as default</source>
+            </trans-unit>
+            <trans-unit id="tab_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="tab_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="tab_item.media">
+                <source>Media</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaposition">
+                <source>Media position</source>
+            </trans-unit>
+            <trans-unit id="tab_item.imagecols">
+                <source>Columns</source>
+            </trans-unit>
+            <trans-unit id="tab_item.image_zoom">
+                <source>Enlarge on Click</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaorient">
+                <source>Orientation</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaorient.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaorient.top">
+                <source>Top</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaorient.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="tab_item.mediaorient.bottom">
+                <source>Bottom</source>
+            </trans-unit>
+
+            <trans-unit id="timeline.options">
+                <source>Timeline Options</source>
+            </trans-unit>
+            <trans-unit id="timeline.sorting">
+                <source>Sorting</source>
+            </trans-unit>
+            <trans-unit id="timeline.sorting.asc">
+                <source>Ascending</source>
+            </trans-unit>
+            <trans-unit id="timeline.sorting.desc">
+                <source>Descending</source>
+            </trans-unit>
+
+            <trans-unit id="timeline_item">
+                <source>Timeline Item</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.tt_content">
+                <source>Timeline</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.date">
+                <source>Date</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.icon_file">
+                <source>Icon File</source>
+            </trans-unit>
+            <trans-unit id="timeline_item.image">
+                <source>Image</source>
+            </trans-unit>
+
+            <trans-unit id="icon_group_item">
+                <source>Icon Group Item</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.tt_content">
+                <source>Icon Group</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.header">
+                <source>Header</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.subheader">
+                <source>Subheader</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.bodytext">
+                <source>Text</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.link">
+                <source>Link</source>
+            </trans-unit>
+            <trans-unit id="icon_group_item.icon_file">
+                <source>Icon File</source>
+            </trans-unit>
+
+            <trans-unit id="field.panel_class">
+                <source>Panel Class</source>
+            </trans-unit>
+
+            <trans-unit id="external_media">
+                <source>External Media</source>
+            </trans-unit>
+            <trans-unit id="field.external_media_source">
+                <source>External Media Source</source>
+            </trans-unit>
+            <trans-unit id="field.external_media_ratio">
+                <source>Ratio</source>
+            </trans-unit>
+
+            <trans-unit id="field.icon">
+                <source>Icon</source>
+            </trans-unit>
+            <trans-unit id="field.icon_set">
+                <source>Icon Set</source>
+            </trans-unit>
+            <trans-unit id="field.icon_file">
+                <source>Icon File</source>
+            </trans-unit>
+            <trans-unit id="field.icon_position">
+                <source>Position</source>
+            </trans-unit>
+            <trans-unit id="field.icon_type">
+                <source>Type</source>
+            </trans-unit>
+            <trans-unit id="field.icon_size">
+                <source>Size</source>
+            </trans-unit>
+            <trans-unit id="field.icon_background">
+                <source>Background</source>
+            </trans-unit>
+            <trans-unit id="field.icon_color">
+                <source>Color</source>
+            </trans-unit>
+            <trans-unit id="field.icon_background">
+                <source>Background</source>
+            </trans-unit>
+
+            <trans-unit id="field.background_color_class">
+                <source>Background Color</source>
+            </trans-unit>
+            <trans-unit id="field.background_image">
+                <source>Background Image</source>
+            </trans-unit>
+            <trans-unit id="field.background_image_options">
+                <source>Background Image Options</source>
+            </trans-unit>
+
+            <trans-unit id="field.teaser">
+                <source>Teaser</source>
+            </trans-unit>
+            <trans-unit id="field.file_folder">
+                <source>File Folder</source>
+            </trans-unit>
+
+            <trans-unit id="field.imageorient.125">
+                <source>Beside Text, Centered Right</source>
+           </trans-unit>
+            <trans-unit id="field.imageorient.126">
+                <source>Beside Text, Centered Left</source>
+            </trans-unit>
+
+            <trans-unit id="option.background_image.parallax">
+                <source>Parallax</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.parallax.description">
+                <source>Enable Parallax effect</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.fade">
+                <source>Fade</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.fade.description">
+                <source>Enable Fade effect</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.filter">
+                <source>Filter</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.filter.none">
+                <source>None</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.filter.blur">
+                <source>Blur</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.filter.grayscale">
+                <source>Grayscale</source>
+            </trans-unit>
+            <trans-unit id="option.background_image.filter.sepia">
+                <source>Sepia</source>
+            </trans-unit>
+
+            <trans-unit id="option.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="option.none">
+                <source>None</source>
+            </trans-unit>
+            <trans-unit id="option.left">
+                <source>Left</source>
+            </trans-unit>
+            <trans-unit id="option.top">
+                <source>Top</source>
+            </trans-unit>
+            <trans-unit id="option.right">
+                <source>Right</source>
+            </trans-unit>
+            <trans-unit id="option.bottom">
+                <source>Bottom</source>
+            </trans-unit>
+            <trans-unit id="option.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="option.square">
+                <source>Square</source>
+            </trans-unit>
+            <trans-unit id="option.circle">
+                <source>Circle</source>
+            </trans-unit>
+            <trans-unit id="option.extrasmall">
+                <source>Extra Small</source>
+            </trans-unit>
+            <trans-unit id="option.small">
+                <source>Small</source>
+            </trans-unit>
+            <trans-unit id="option.medium">
+                <source>Medium</source>
+            </trans-unit>
+            <trans-unit id="option.large">
+                <source>Large</source>
+            </trans-unit>
+            <trans-unit id="option.awesome">
+                <source>Awesome</source>
+            </trans-unit>
+            <trans-unit id="option.primary">
+                <source>Primary</source>
+            </trans-unit>
+            <trans-unit id="option.success">
+                <source>Success</source>
+            </trans-unit>
+            <trans-unit id="option.info">
+                <source>Info</source>
+            </trans-unit>
+            <trans-unit id="option.warning">
+                <source>Warning</source>
+            </trans-unit>
+            <trans-unit id="option.danger">
+                <source>Danger</source>
+            </trans-unit>
+
+            <trans-unit id="ratio.16_9">
+                <source>16:9</source>
+            </trans-unit>
+            <trans-unit id="ratio.4_3">
+                <source>4:3</source>
+            </trans-unit>
+            <trans-unit id="ratio.1_1">
+                <source>1:1</source>
+            </trans-unit>
+            <trans-unit id="ratio.free">
+                <source>Free</source>
+            </trans-unit>
+
+            <trans-unit id="tablelayout.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="tablelayout.basic">
+                <source>Basic</source>
+            </trans-unit>
+            <trans-unit id="tablelayout.striped">
+                <source>Striped rows</source>
+            </trans-unit>
+            <trans-unit id="tablelayout.bordered">
+                <source>Bordered table</source>
+            </trans-unit>
+            <trans-unit id="tablelayout.hover">
+                <source>Hover rows</source>
+            </trans-unit>
+            <trans-unit id="tablelayout.condensed">
+                <source>Condensed table</source>
+            </trans-unit>
+
+            <trans-unit id="uploadslayout.default">
+                <source>Default</source>
+            </trans-unit>
+            <trans-unit id="uploadslayout.icons">
+                <source>Display Icons</source>
+            </trans-unit>
+            <trans-unit id="uploadslayout.iconsandpreview">
+                <source>Display Icons and Preview Images</source>
+            </trans-unit>
+
+            <trans-unit id="field.assets">
+                <source>Media elements</source>
+            </trans-unit>
+
+            <trans-unit id="tabs.background">
+                <source>Background</source>
+            </trans-unit>
+            <trans-unit id="tabs.icon">
+                <source>Icon</source>
+            </trans-unit>
+
+            <trans-unit id="colorpicker">
+                <source>Colorpicker</source>
+            </trans-unit>
+
+            <trans-unit id="advanced">
+                <source>Advanced</source>
+            </trans-unit>
+            <trans-unit id="settings">
+                <source>Settings</source>
+            </trans-unit>
+
+            <trans-unit id="palette.alignment">
+                <source>Alignment</source>
+            </trans-unit>
+
+            <trans-unit id="field.readmore_label">
+                <source>Read More Label</source>
+            </trans-unit>
+
+        </body>
+    </file>
+</xliff>

typo3conf/ext/bootstrap_package/Resources/Private/Language/ExtConfTemplate.xlf

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+    <file source-language="en" datatype="plaintext" original="messages" date="2013-09-19T09:11:39Z" product-name="bootstrap_package">
+        <header/>
+        <body>
+
+            <trans-unit id="pageTs.disablePageTsRTE">
+                <source>Disable RTE: If this option is set the config for RTE will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/RTE.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsTCEFORM">
+                <source>Disable TCEFORM: If this option is set the config for TCEFORM will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/TCEFORM.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsTCEMAIN">
+                <source>Disable TCEMAIN: If this option is set the config for TCEMAIN will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/TCEMAIN.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsBackendLayouts">
+                <source>Disable BackendLayouts: If this option is set the included backend layouts will not load automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/Mod/WebLayout/BackendLayouts.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+            <trans-unit id="pageTs.disablePageTsContentElements">
+                <source>Disable Content Element PageTS Configuration: If this option is set, the included configuration for content elements will not be loaded automatically. Include "FILE:EXT:bootstrap_package/Configuration/TsConfig/Page/ContentElement/All.tsconfig" in your PageTsConfig to load the config manually.</source>
+            </trans-unit>
+
+            <trans-unit id="feature.disableCssProcessing">
+                <source>Disable Processing of LESS/Scss files: WARNING: If this option is set there no more automatic processing of LESS/Scss files in the frontend. You will need to provide CSS files instead or handle the processing of the LESS/Scss files yourself.</source>
+            </trans-unit>
+            <trans-unit id="feature.disableGoogleFontCaching">
+                <source>Disable local Google-Font cache: If this option is set, Google Fonts will not be cached on the server.</source>
+            </trans-unit>
+            <trans-unit id="feature.disableFontLoader">
+                <source>Disable WebFontLoader: If this option is set, there will be no additional processing of WebFonts.</source>
+            </trans-unit>
+
+        </body>
+    </file>
+</xliff>

typo3conf/ext/bootstrap_package/Resources/Private/Language/locallang.xlf

@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
+<xliff version="1.0">
+    <file source-language="en" datatype="plaintext" original="messages" date="2013-09-19T09:11:39Z"
+          product-name="bootstrap_package">
+        <header/>
+        <body>
+
+            <trans-unit id="skiptomaincontent">
+                <source>Skip to main content</source>
+            </trans-unit>
+
+            <trans-unit id="skipnavigation">
+                <source>Skip navigation block</source>
+            </trans-unit>
+
+            <trans-unit id="scrolltop">
+                <source>Scroll to top</source>
+            </trans-unit>
+
+            <trans-unit id="togglenavigation">
+                <source>Toggle navigation</source>
+            </trans-unit>
+
+            <trans-unit id="linktop">
+                <source>To top</source>
+            </trans-unit>
+
+            <trans-unit id="breadcrumb">
+                <source>You are here:</source>
+            </trans-unit>
+            <trans-unit id="breadcrumb.label">
+                <source>Breadcrumb</source>
+            </trans-unit>
+
+            <trans-unit id="previous">
+                <source>Previous</source>
+            </trans-unit>
+
+            <trans-unit id="next">
+                <source>Next</source>
+            </trans-unit>
+
+            <trans-unit id="readmore">
+                <source>Read more</source>
+            </trans-unit>
+
+            <trans-unit id="externalmediaunsupported">
+                <source>The external media source %s is not supported. Please provide a valid YouTube or Vimeo URL.</source>
+            </trans-unit>
+
+            <trans-unit id="form.browse">
+                <source>Browse</source>
+            </trans-unit>
+            <trans-unit id="form.selectfile">
+                <source>Select File</source>
+            </trans-unit>
+
+            <trans-unit id="element.contactform.renderingOptions.submitButtonLabel">
+                <source>Submit</source>
+            </trans-unit>
+             <trans-unit id="contactform.element.mandatory.properties.label">
+                <source>Your personal data</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.mandatory.properties.text">
+                <source>* Mandatory fields</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.fullname.properties.label">
+                <source>Full name and surname</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.fullname.properties.placeholder">
+                <source>Full name and surname</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.company.properties.label">
+                <source>Company</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.company.properties.placeholder">
+                <source>Company</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.email.properties.label">
+                <source>Email</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.email.properties.placeholder">
+                <source>Email</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.subject.properties.label">
+                <source>Subject</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.subject.properties.placeholder">
+                <source>Subject</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.message.properties.label">
+                <source>Message</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.message.properties.placeholder">
+                <source>Message</source>
+            </trans-unit>
+            <trans-unit id="contactform.element.summary.properties.label">
+                <source>Summary</source>
+            </trans-unit>
+
+            <trans-unit id="cookieconsent.common.header">
+                <source>Cookies used on the website!</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.message">
+                <source>This website uses cookies to ensure you get the best experience on our website.</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.dismiss">
+                <source>Got it!</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.allow">
+                <source>Allow cookies</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.deny">
+                <source>Decline</source>
+            </trans-unit>
+            <trans-unit id="cookieconsent.common.link">
+                <source>Learn more</source>
+            </trans-unit>
+
+            <trans-unit id="googleanalyticsstatus.title">
+                <source>Google Analytics Status</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.description">
+                <source>Here you can object to the anonymous collection by Google Analytics on this website for your browser by using an "Opt-Out-Cookie". Please note that if you delete the exclusion cookie or use a different computer or web browser, you will need to re-set the exclusion.</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.link.enable">
+                <source>Enable Google Analytics (Opt-In)</source>
+            </trans-unit>
+            <trans-unit id="googleanalyticsstatus.link.disable">
+                <source>Deactivate Google Analytics (Opt-Out)</source>
+            </trans-unit>
+
+        </body>
+    </file>
+</xliff>

typo3conf/ext/bootstrap_package/Resources/Private/Layouts/ContentElements/Default.html

@@ -0,0 +1,76 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+
+    <bk2k:data.imageVariants as="variants" variants="{settings.responsiveimages.variants}" />
+    <f:variable name="backendlayoutConfig">{settings.responsiveimages.backendlayout.{backendlayout}}</f:variable>
+    <f:variable name="columnConfig">{backendlayoutConfig.{data.colPos}}</f:variable>
+    <f:if condition="{columnConfig}">
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{columnConfig.multiplier}" gutters="{columnConfig.gutters}" corrections="{columnConfig.corrections}" />
+    </f:if>
+
+    <f:variable name="frameClass">frame-{data.frame_class}</f:variable>
+    <f:variable name="typeClass">frame-type-{data.CType}</f:variable>
+    <f:variable name="layoutClass">frame-layout-{data.layout}</f:variable>
+    <f:variable name="backgroundClass">frame-background-{f:if(condition: data.background_color_class, else: 'none', then: data.background_color_class)}</f:variable>
+    <f:variable name="spaceBeforeClass">frame-space-before-{f:if(condition: data.space_before_class, else: 'none', then: data.space_before_class)}</f:variable>
+    <f:variable name="spaceAfterClass">frame-space-after-{f:if(condition: data.space_after_class, else: 'none', then: data.space_after_class)}</f:variable>
+
+    <f:if condition="{data.frame_class} != none">
+        <f:then>
+
+            <f:variable name="backgroundImageClass">{f:if(condition: backgroundImage.0, then: 'frame-has-backgroundimage', else: 'frame-no-backgroundimage')}</f:variable>
+            <div id="c{data.uid}" class="frame {frameClass} {typeClass} {layoutClass} {backgroundClass} {backgroundImageClass} {spaceBeforeClass} {spaceAfterClass}">
+                <f:render partial="Frame/General/BackgroundImage" arguments="{_all}" />
+                <div class="frame-container">
+                    <div class="frame-inner">
+                        <f:if condition="{data._LOCALIZED_UID}">
+                            <a id="c{data._LOCALIZED_UID}"></a>
+                        </f:if>
+                        <f:render section="Before" optional="true">
+                            <f:render partial="DropIn/Before/All" arguments="{_all}" />
+                        </f:render>
+                        <f:render section="Header" optional="true">
+                            <f:render partial="Header/All" arguments="{_all}" />
+                        </f:render>
+                        <f:render section="Main" optional="true" />
+                        <f:render section="Footer" optional="true">
+                            <f:render partial="Footer/All" arguments="{_all}" />
+                        </f:render>
+                        <f:render section="After" optional="true">
+                            <f:render partial="DropIn/After/All" arguments="{_all}" />
+                        </f:render>
+                    </div>
+                </div>
+            </div>
+
+        </f:then>
+        <f:else>
+
+            <a id="c{data.uid}"></a>
+            <f:if condition="{data._LOCALIZED_UID}">
+                <a id="c{data._LOCALIZED_UID}"></a>
+            </f:if>
+            <f:if condition="{data.space_before_class}">
+                <div class="{spaceBeforeClass}"></div>
+            </f:if>
+            <f:render section="Before" optional="true">
+                <f:render partial="DropIn/Before/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="Header" optional="true">
+                <f:render partial="Header/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="Main" optional="true" />
+            <f:render section="Footer" optional="true">
+                <f:render partial="Footer/All" arguments="{_all}" />
+            </f:render>
+            <f:render section="After" optional="true">
+                <f:render partial="DropIn/After/All" arguments="{_all}" />
+            </f:render>
+            <f:if condition="{data.space_after_class}">
+                <div class="{spaceAfterClass}"></div>
+            </f:if>
+
+        </f:else>
+    </f:if>
+</f:spaceless>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Layouts/Page/Default.html

@@ -0,0 +1,30 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:spaceless>
+<div id="top"></div>
+<div class="body-bg{f:if(condition:theme.navigation.type, then:' body-bg-{theme.navigation.type}')}">
+
+    <f:render partial="Structure/CookieConsent" arguments="{_all}" />
+    <a class="sr-only sr-only-focusable" href="#page-content">
+        <span>{f:translate(key: 'skiptomaincontent', extensionName: 'bootstrap_package')}</span>
+    </a>
+    <f:render partial="Navigation/Main" arguments="{_all}" />
+    <f:render section="Border" optional="true" />
+    <f:render partial="Navigation/Breadcrumb" arguments="{_all}" />
+
+    <div id="page-content" class="bp-page-content main-section">
+        <!--TYPO3SEARCH_begin-->
+        <f:render section="Main" />
+        <!--TYPO3SEARCH_end-->
+    </div>
+
+    <footer id="page-footer" class="bp-page-footer">
+        <f:render partial="DropIn/Structure/FooterBefore" arguments="{_all}" />
+        <f:render section="Footer" optional="true" />
+        <f:render partial="Structure/FooterMeta" arguments="{_all}" />
+        <f:render partial="DropIn/Structure/FooterAfter" arguments="{_all}" />
+    </footer>
+    <f:render partial="Structure/ScrollTop" arguments="{_all}" />
+
+</div>
+</f:spaceless>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Control/Control.html

@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{records -> f:count()} > 1">
+    <a data-slide="prev" role="button" class="left carousel-control carousel-control-prev" href="#carousel-{data.uid}">
+        <span class="carousel-control-icon carousel-control-prev-icon"></span>
+        <span class="sr-only">{f:translate(key: 'previous', extensionName: 'bootstrap_package')}</span>
+    </a>
+    <a data-slide="next" role="button" class="right carousel-control carousel-control-next" href="#carousel-{data.uid}">
+        <span class="carousel-control-icon carousel-control-next-icon"></span>
+        <span class="sr-only">{f:translate(key: 'next', extensionName: 'bootstrap_package')}</span>
+    </a>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Control/Indicator.html

@@ -0,0 +1,16 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{records -> f:count()} > 1">
+    <ol class="carousel-indicators{f:if(condition: data.pi_flexform.show_nav_title,then:' carousel-indicators-navigation')}">
+        <f:for each="{records}" as="item" iteration="iteration">
+            <li data-target="#carousel-{data.uid}" data-slide-to="{iteration.index}" class="{f:if(condition: iteration.isFirst,then:'active')}">
+                <span>
+                    <f:if condition="{item.data.nav_title}">
+                        <f:then>{item.data.nav_title}</f:then>
+                        <f:else>{item.data.header}</f:else>
+                    </f:if>
+                </span>
+            </li>
+        </f:for>
+    </ol>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/General/BackgroundImage.html

@@ -0,0 +1,39 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{item.backgroundImage.0}">
+    <f:variable name="backgroundImageObject" value="{item.backgroundImage.0}"/>
+    <f:variable name="backgroundImageIdentifier" value="carousel-backgroundimage-{data.uid}-{item.data.uid}"/>
+    <f:variable name="backgroundImageClasses">carousel-backgroundimage</f:variable>
+    <f:if condition="{item.data.background_image_options.parallax}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-parallax</f:variable></f:if>
+    <f:if condition="{item.data.background_image_options.fade}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-fade</f:variable></f:if>
+    <f:if condition="{item.data.background_image_options.filter}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} carousel-backgroundimage-{item.data.background_image_options.filter}</f:variable></f:if>
+    <div class="carousel-backgroundimage-container">
+        <div id="{backgroundImageIdentifier}" class="{backgroundImageClasses}">
+            <f:variable name="styles" value=""/>
+            <f:for each="{variants}" key="name" as="variant">
+                <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+                <f:variable name="width">{variant.width as integer}</f:variable>
+                <f:if condition="{width} && {variant.sizes}">
+                    <f:variable name="variantStyle" value=""/>
+                    <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                        <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                        <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                        <f:variable name="sizeDppx">{sizeKey as float}</f:variable>
+                        <f:variable name="mediaBreakpoint"><f:if condition="{breakpoint}">(min-width: {breakpoint}px)</f:if></f:variable>
+                        <f:variable name="mediaQuery" value=""/>
+                        <f:if condition="{mediaBreakpoint}">
+                            <f:variable name="mediaQuery">{mediaBreakpoint}</f:variable>
+                        </f:if>
+                        <f:if condition="{sizeDppx} > 1">
+                            <f:variable name="mediaQuery">(-webkit-min-device-pixel-ratio: {sizeDppx})<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                            <f:variable name="mediaQuery">{mediaQuery}, (min-resolution: {sizeDppx}dppx)<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                        </f:if>
+                        <f:variable name="variantStyle">{variantStyle} <f:if condition="{mediaQuery}">@media {mediaQuery} { </f:if>#{backgroundImageIdentifier} { background-image: url('{f:uri.image(image: backgroundImageObject, cropVariant: name, maxWidth: sizeWidth)}'); }<f:if condition="{mediaQuery}"> }</f:if></f:variable>
+                    </f:for>
+                    <f:variable name="styles" value="{variantStyle -> bk2k:format.trim()} {styles}"/>
+                </f:if>
+            </f:for>
+            <style>{styles -> f:format.raw()}</style>
+        </div>
+    </div>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/BackgroundImage.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}"> </f:link.typolink>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/CallToAction.html

@@ -0,0 +1,30 @@
+<div class="valign">
+    <div class="vcontainer">
+        <div class="carousel-box">
+            <f:if condition="{item.data.nav_title}">
+                <div>{item.data.nav_title}</div>
+            </f:if>
+            <h{item.data.header_layout} class="carousel-item-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+            <f:if condition="{item.data.subheader}">
+                <h{item.data.subheader_layout} class="carousel-item-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+            </f:if>
+            <f:if condition="{item.data.bodytext}">
+                <div class="carousel-item-bodytext">
+                    <f:format.html>{item.data.bodytext}</f:format.html>
+                </div>
+            </f:if>
+            <f:if condition="{item.data.link}">
+                <f:link.typolink parameter="{item.data.link}" class="carousel-item-button btn btn-primary" additionalAttributes="{draggable:'false'}">
+                    <f:if condition="{item.data.button_text}">
+                        <f:then>
+                            <span>{item.data.button_text}</span>
+                        </f:then>
+                        <f:else>
+                            <span><f:translate key="readmore" extensionName="bootstrap_package" /></span>
+                        </f:else>
+                    </f:if>
+                </f:link.typolink>
+            </f:if>
+        </div>
+    </div>
+</div>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/Header.html

@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="valign" {f:if(condition: item.data.text_color,then:'style="color: {item.data.text_color};"')}>
+        <div class="vcontainer">
+            <div class="carousel-text-inner">
+                <h{item.data.header_layout} class="carousel-header awesome{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+                <f:if condition="{item.data.subheader}">
+                    <h{item.data.subheader_layout} class="carousel-subheader awesome{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+                </f:if>
+            </div>
+        </div>
+    </div>
+</f:link.typolink>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/Html.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+{item.data.bodytext->f:format.raw()}
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/Image.html

@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="valign">
+        <div class="carousel-image vcontainer">
+            <f:if condition="{item.images.0}">
+                <f:render partial="Media/Rendering/Image" arguments="{file: item.images.0, data: item.data, settings: settings, variants: variants}" />
+            </f:if>
+        </div>
+    </div>
+</f:link.typolink>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/Text.html

@@ -0,0 +1,18 @@
+<div class="valign" {f:if(condition: item.data.text_color,then:'style="color: {item.data.text_color};"')}>
+    <div class="vcontainer">
+        <div class="carousel-text-inner">
+            <f:if condition="{item.data.nav_title}">
+                <div>{item.data.nav_title}</div>
+            </f:if>
+            <h{item.data.header_layout} class="carousel-item-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+            <f:if condition="{item.data.subheader}">
+                <h{item.data.subheader_layout} class="carousel-item-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+            </f:if>
+            <f:if condition="{item.data.bodytext}">
+                <div class="carousel-item-bodytext">
+                    <f:format.html>{item.data.bodytext}</f:format.html>
+                </div>
+            </f:if>
+        </div>
+    </div>
+</div>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Carousel/Item/TextAndImage.html

@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:link.typolink parameter="{item.data.link}" additionalAttributes="{draggable:'false'}">
+    <div class="valign">
+        <div class="carousel-text vcontainer" {f:if(condition: item.data.text_color,then: 'style="color: {item.data.text_color};"')}>
+        <h{item.data.header_layout} class="carousel-header{f:if(condition: item.data.header_class, then: ' {item.data.header_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.header}</f:format.htmlspecialchars></h{item.data.header_layout}>
+            <f:if condition="{item.data.subheader}">
+                <h{item.data.subheader_layout} class="carousel-subheader{f:if(condition: item.data.subheader_class, then: ' {item.data.subheader_class}')}{f:if(condition: item.data.header_position, then: ' text-{item.data.header_position}')}"><f:format.htmlspecialchars doubleEncode="false">{item.data.subheader}</f:format.htmlspecialchars></h{item.data.subheader_layout}>
+            </f:if>
+            <f:format.html>{item.data.bodytext}</f:format.html>
+        </div>
+        <div class="carousel-image vcontainer">
+            <f:if condition="{item.images.0}">
+                <f:variable name="imageConfig">{settings.responsiveimages.contentelements.{data.CType}}</f:variable>
+                <f:variable name="imageConfig">{imageConfig.{item.data.item_type}}</f:variable>
+                <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+                <f:render partial="Media/Rendering/Image" arguments="{file: item.images.0, data: item.data, settings: settings, variants: variants}" />
+            </f:if>
+        </div>
+    </div>
+</f:link.typolink>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/DropIn/After/All.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after all other output inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/DropIn/Before/All.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before any other output inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Footer/All.html

@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.linkToTop}">
+    <p>
+        <a href="#top"><f:translate key="linktop" extensionName="bootstrap_package" /></a>
+    </p>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Frame/General/BackgroundImage.html

@@ -0,0 +1,39 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{backgroundImage.0}">
+    <f:variable name="backgroundImageObject" value="{backgroundImage.0}"/>
+    <f:variable name="backgroundImageIdentifier" value="frame-backgroundimage-{data.uid}"/>
+    <f:variable name="backgroundImageClasses">frame-backgroundimage</f:variable>
+    <f:if condition="{data.background_image_options.parallax}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-parallax</f:variable></f:if>
+    <f:if condition="{data.background_image_options.fade}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-fade</f:variable></f:if>
+    <f:if condition="{data.background_image_options.filter}"><f:variable name="backgroundImageClasses">{backgroundImageClasses} frame-backgroundimage-{data.background_image_options.filter}</f:variable></f:if>
+    <div class="frame-backgroundimage-container">
+        <div id="{backgroundImageIdentifier}" class="{backgroundImageClasses}">
+            <f:variable name="styles" value=""/>
+            <f:for each="{variants}" key="name" as="variant">
+                <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+                <f:variable name="width">{variant.width as integer}</f:variable>
+                <f:if condition="{width} && {variant.sizes}">
+                    <f:variable name="variantStyle" value=""/>
+                    <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                        <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                        <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                        <f:variable name="sizeDppx">{sizeKey as float}</f:variable>
+                        <f:variable name="mediaBreakpoint"><f:if condition="{breakpoint}">(min-width: {breakpoint}px)</f:if></f:variable>
+                        <f:variable name="mediaQuery" value=""/>
+                        <f:if condition="{mediaBreakpoint}">
+                            <f:variable name="mediaQuery">{mediaBreakpoint}</f:variable>
+                        </f:if>
+                        <f:if condition="{sizeDppx} > 1">
+                            <f:variable name="mediaQuery">(-webkit-min-device-pixel-ratio: {sizeDppx})<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                            <f:variable name="mediaQuery">{mediaQuery}, (min-resolution: {sizeDppx}dppx)<f:if condition="{mediaBreakpoint}"> and {mediaBreakpoint}</f:if></f:variable>
+                        </f:if>
+                        <f:variable name="variantStyle">{variantStyle} <f:if condition="{mediaQuery}">@media {mediaQuery} { </f:if>#{backgroundImageIdentifier} { background-image: url('{f:uri.image(image: backgroundImageObject, cropVariant: name, maxWidth: sizeWidth)}'); }<f:if condition="{mediaQuery}"> }</f:if></f:variable>
+                    </f:for>
+                    <f:variable name="styles" value="{variantStyle -> bk2k:format.trim()} {styles}"/>
+                </f:if>
+            </f:for>
+            <style>{styles -> f:format.raw()}</style>
+        </div>
+    </div>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Header/All.html

@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.header_layout} != 100">
+    <f:if condition="{data.header} || {data.subheader} || {data.date}">
+        <header class="frame-header">
+            <f:render partial="Header/Header" arguments="{
+                header: data.header,
+                layout: data.header_layout,
+                class: settings.header.class,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}',
+                link: data.header_link,
+                default: settings.header.defaultHeaderType}" />
+            <f:render partial="Header/SubHeader" arguments="{
+                subheader: data.subheader,
+                layout: data.header_layout,
+                class: settings.subheader.class,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}',
+                default: settings.header.defaultHeaderType}" />
+            <f:render partial="Header/Date" arguments="{
+                date: data.date,
+                format: settings.header.date.format,
+                positionClass: '{f:if(condition: data.header_position, then: \'text-{data.header_position}\')}'}" />
+        </header>
+    </f:if>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Header/Date.html

@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{date}">
+    <p class="{positionClass}">
+        <time datetime="{date -> f:format.date(format: '%Y-%m-%d')}"><f:format.date format="{format}">{date}</f:format.date></time>
+    </p>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Header/Header.html

@@ -0,0 +1,49 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{header}">
+    <f:switch expression="{layout}">
+        <f:case value="1">
+            <h1 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h1>
+        </f:case>
+        <f:case value="2">
+            <h2 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h2>
+        </f:case>
+        <f:case value="3">
+            <h3 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h3>
+        </f:case>
+        <f:case value="4">
+            <h4 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h4>
+        </f:case>
+        <f:case value="5">
+            <h5 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h5>
+        </f:case>
+        <f:case value="6">
+            <h6 class="{class} {positionClass}">
+                <f:link.typolink parameter="{link}"><span>{header}</span></f:link.typolink>
+            </h6>
+        </f:case>
+        <f:case value="100">
+            <f:comment> -- do not show header -- </f:comment>
+        </f:case>
+        <f:defaultCase>
+            <f:if condition="{default}">
+                <f:render partial="Header/Header" arguments="{
+                    header: header,
+                    layout: default,
+                    class: class,
+                    positionClass: positionClass,
+                    link: link}" />
+            </f:if>
+        </f:defaultCase>
+    </f:switch>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Header/SubHeader.html

@@ -0,0 +1,40 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{subheader}">
+    <f:switch expression="{layout}">
+        <f:case value="1">
+            <h2 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h2>
+        </f:case>
+        <f:case value="2">
+            <h3 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h3>
+        </f:case>
+        <f:case value="3">
+            <h4 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h4>
+        </f:case>
+        <f:case value="4">
+            <h5 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h5>
+        </f:case>
+        <f:case value="5">
+            <h6 class="{class} {positionClass}">
+                <span><f:format.htmlspecialchars doubleEncode="false">{subheader}</f:format.htmlspecialchars></span>
+            </h6>
+        </f:case>
+        <f:defaultCase>
+            <f:if condition="{default}">
+                <f:render partial="Header/SubHeader" arguments="{
+                    subheader: subheader,
+                    class: class,
+                    positionClass: positionClass,
+                    layout: default}" />
+            </f:if>
+        </f:defaultCase>
+    </f:switch>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Gallery.html

@@ -0,0 +1,20 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{files}">
+
+    <f:variable name="imagecols">1</f:variable>
+    <f:if condition="{files -> f:count()} > 1">
+        <f:variable name="imagecols">{data.imagecols as integer}</f:variable>
+    </f:if>
+    <f:variable name="columnConfig">{settings.gallery.columns.{imagecols}}</f:variable>
+    <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{columnConfig.multiplier}" gutters="{columnConfig.gutters}" corrections="{columnConfig.corrections}" />
+
+    <div class="gallery-row">
+        <f:for each="{files}" as="file" iteration="fileIteration">
+            <div class="gallery-item {columnConfig.class}">
+                <f:render partial="Media/Type" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+            </div>
+        </f:for>
+    </div>
+
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Rendering/Audio.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:media class="audio-embed-item" file="{file}" alt="{file.properties.alternative}" title="{file.properties.title}" />
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Rendering/Image.html

@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<picture>
+    <f:for each="{variants}" key="name" as="variant">
+        <f:variable name="breakpoint">{variant.breakpoint as integer}</f:variable>
+        <f:variable name="width">{variant.width as integer}</f:variable>
+        <f:if condition="{width}">
+            <f:variable name="mediaQuery">{f:if(condition: breakpoint, then: 'media="(min-width: {breakpoint}px)"')}</f:variable>
+            <f:if condition="{variant.sizes}">
+                <f:variable name="srcset" value="" />
+                <f:for each="{variant.sizes}" key="sizeKey" as="sizeConfig" iteration="iteration">
+                    <f:variable name="sizeWidth">{sizeConfig.multiplier as float}</f:variable>
+                    <f:variable name="sizeWidth">{sizeWidth * width}</f:variable>
+                    <f:variable name="srcset">{srcset}{f:uri.image(image: file, cropVariant: name, maxWidth: sizeWidth)} {sizeKey}{f:if(condition: iteration.isLast, else: ',')}</f:variable>
+                </f:for>
+            </f:if>
+            <source data-variant="{name}" data-maxwidth="{width}" {mediaQuery->f:format.raw()} srcset="{srcset}">
+        </f:if>
+    </f:for>
+    <img loading="lazy" src="{f:uri.image(image: file, cropVariant: 'default', maxWidth: variants.default.width)}" width="{bk2k:lastImageInfo(property: 'width')}" height="{bk2k:lastImageInfo(property: 'height')}" intrinsicsize="{bk2k:lastImageInfo(property: 'width')}x{bk2k:lastImageInfo(property: 'height')}" title="{file.properties.title}" alt="{file.properties.alternative}">
+</picture>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Rendering/Video.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:media class="embed-responsive-item" file="{file}" alt="{file.properties.alternative}" title="{file.properties.title}" additionalConfig="{settings.media.additionalConfig}" />
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Type.html

@@ -0,0 +1,19 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:variable name="isImage" value="{file -> bk2k:file.isImage()}" />
+<f:variable name="isAudio" value="{file -> bk2k:file.isAudio()}" />
+<f:variable name="isMedia" value="{file -> bk2k:file.isMedia()}" />
+<f:switch expression="1">
+    <f:case value="{isImage}">
+        <f:render partial="Media/Type/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+    </f:case>
+    <f:case value="{isAudio}">
+        <f:render partial="Media/Type/Audio" arguments="{file: file, data: data, settings: settings}" />
+    </f:case>
+    <f:case value="{isMedia}">
+        <f:render partial="Media/Type/Video" arguments="{file: file, data: data, settings: settings}" />
+    </f:case>
+    <f:defaultCase>
+        <!-- NOT SUPPORTED MEDIA TYPE -->
+    </f:defaultCase>
+</f:switch>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Type/Audio.html

@@ -0,0 +1,10 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="audio">
+    <div class="embed">
+        <f:render partial="Media/Rendering/Audio" arguments="{file: file, data: data, settings: settings}" />
+    </div>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Type/Image.html

@@ -0,0 +1,26 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="image">
+    <f:if condition="{file.properties.link}">
+        <f:then>
+            <f:link.typolink parameter="{file.properties.link}" title="{file.properties.title}">
+                <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+            </f:link.typolink>
+        </f:then>
+        <f:else>
+            <f:if condition="{data.image_zoom}">
+                <f:then>
+                    <a href="{f:uri.image(image: file, maxHeight: settings.lightbox.image.maxHeight, maxWidth: settings.lightbox.image.maxWidth)}" title="{file.properties.title}" data-lightbox-caption="{file.properties.description}" class="{settings.lightbox.cssClass}" data-lightbox-width="{bk2k:lastImageInfo(property: 'width')}" data-lightbox-height="{bk2k:lastImageInfo(property: 'height')}" rel="{settings.lightbox.prefix}-{data.uid}">
+                        <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+                    </a>
+                </f:then>
+                <f:else>
+                    <f:render partial="Media/Rendering/Image" arguments="{file: file, data: data, settings: settings, variants: variants}" />
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Media/Type/Video.html

@@ -0,0 +1,10 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<figure class="video">
+    <div class="embed embed-responsive embed-responsive-16by9">
+        <f:render partial="Media/Rendering/Video" arguments="{file: file, data: data, settings: settings}" />
+    </div>
+    <f:if condition="{file.properties.description}">
+        <figcaption class="caption"><f:format.nl2br>{file.properties.description}</f:format.nl2br></figcaption>
+    </f:if>
+</figure>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Menu/SkipNavigation.html

@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{data.accessibility_bypass} && {nextContentElement.0}">
+    <a href="#c{nextContentElement.0.data.uid}" class="sr-only sr-only-focusable">
+        <f:if condition="{data.accessibility_bypass_text}">
+            <f:then>
+                <span>{data.accessibility_bypass_text}</span>
+            </f:then>
+            <f:else>
+                <span><f:translate key="skipnavigation" extensionName="bootstrap_package" /></span>
+            </f:else>
+        </f:if>
+    </a>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/ContentElements/Table/Columns.html

@@ -0,0 +1,98 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{rowIterator.isFirst}">
+    <f:then>
+        <f:if condition="{data.table_header_position} == 1">
+            <f:then>
+                <th>
+            </f:then>
+            <f:else>
+                <f:if condition="{columnIterator.isFirst}">
+                    <f:then>
+                        <f:if condition="{data.table_header_position} == 2">
+                            <f:then>
+                                <th>
+                            </f:then>
+                            <f:else>
+                                <td>
+                            </f:else>
+                        </f:if>
+                    </f:then>
+                    <f:else>
+                        <td>
+                    </f:else>
+                </f:if>
+            </f:else>
+        </f:if>
+    </f:then>
+    <f:else>
+        <f:if condition="{columnIterator.isFirst}">
+            <f:then>
+                <f:if condition="{data.table_header_position} == 2">
+                    <f:then>
+                        <th>
+                    </f:then>
+                    <f:else>
+                        <td>
+                    </f:else>
+                </f:if>
+            </f:then>
+            <f:else>
+                <td>
+            </f:else>
+        </f:if>
+    </f:else>
+</f:if>
+
+<f:if condition="{cell}">
+    <f:then>
+        <f:format.nl2br>{cell}</f:format.nl2br>
+    </f:then>
+    <f:else>
+        &nbsp;
+    </f:else>
+</f:if>
+
+<f:if condition="{rowIterator.isFirst}">
+    <f:then>
+        <f:if condition="{data.table_header_position} == 1">
+            <f:then>
+                </th>
+            </f:then>
+            <f:else>
+                <f:if condition="{columnIterator.isFirst}">
+                    <f:then>
+                        <f:if condition="{data.table_header_position} == 2">
+                            <f:then>
+                                </th>
+                            </f:then>
+                            <f:else>
+                                </td>
+                            </f:else>
+                        </f:if>
+                    </f:then>
+                    <f:else>
+                        </td>
+                    </f:else>
+                </f:if>
+            </f:else>
+        </f:if>
+    </f:then>
+    <f:else>
+        <f:if condition="{columnIterator.isFirst}">
+            <f:then>
+                <f:if condition="{data.table_header_position} == 2">
+                    <f:then>
+                        </th>
+                    </f:then>
+                    <f:else>
+                        </td>
+                    </f:else>
+                </f:if>
+            </f:then>
+            <f:else>
+                </td>
+            </f:else>
+        </f:if>
+    </f:else>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/Checkbox.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element, doNotShowLabel: 1}" contentAs="elementContent">
+        <f:form.checkbox
+            property="{element.identifier}"
+            id="{element.uniqueIdentifier}"
+            class="{element.properties.elementClassAttribute}"
+            value="{element.properties.value}"
+            errorClass="{element.properties.elementErrorClassAttribute}"
+            additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+        />
+        <label class="custom-control-label" for="{element.uniqueIdentifier}">
+            <span>{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></span>
+        </label>
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/DatePicker.html

@@ -0,0 +1,45 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+        <div class="form-row row">
+            <div class="form-column form-column-date">
+                <formvh:form.datePicker
+                    id="{element.uniqueIdentifier}"
+                    property="{element.identifier}"
+                    dateFormat="{element.properties.dateFormat}"
+                    initialDate="{element.properties.initialDate}"
+                    enableDatePicker="{element.properties.enableDatePicker}"
+                    class="{element.properties.elementClassAttribute}"
+                    errorClass="{element.properties.elementErrorClassAttribute}"
+                    additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                    previewMode="{element.rootForm.renderingOptions.previewMode}"
+                />
+            </div>
+            <f:if condition="{element.properties.displayTimeSelector}">
+                <div class="form-column form-column-hours">
+                    <formvh:form.timePicker
+                        id="{element.uniqueIdentifier}-time"
+                        title="{formvh:translateElementProperty(element: element, property: 'timeSelectorHourLabel')}"
+                        property="{element.identifier}"
+                        initialDate="{element.properties.initialDate}"
+                        class="{element.properties.timeSelectorClassAttribute}"
+                        errorClass="{element.properties.elementErrorClassAttribute}"
+                        timeType="hour"
+                    />
+                </div>
+                <div class="form-column form-column-minute">
+                    <formvh:form.timePicker
+                        id="{element.uniqueIdentifier}-time-minute"
+                        title="{formvh:translateElementProperty(element: element, property: 'timeSelectorMinuteLabel')}"
+                        property="{element.identifier}"
+                        initialDate="{element.properties.initialDate}"
+                        class="{element.properties.timeSelectorClassAttribute}"
+                        errorClass="{element.properties.elementErrorClassAttribute}"
+                        timeType="minute"
+                    />
+                </div>
+            </f:if>
+        </div>
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/Field/Field.html

@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:form.validationResults for="{element.rootForm.identifier}.{element.identifier}">
+    <div class="form-element form-element-{element.identifier} form-element-type-{element.type -> bk2k:format.lowercaseDashed()} form-group{f:if(condition: '{validationResults.errors.0}', then: ' has-error')}">
+        <div class="{element.properties.containerClassAttribute}">
+            <f:if condition="{doNotShowLabel} != 1">
+                <label for="{element.uniqueIdentifier}">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></label>
+            </f:if>
+            <f:format.raw>
+                {elementContent}
+                <f:if condition="{validationResults.flattenedErrors}">
+                    <div class="invalid-feedback">
+                        <f:for each="{validationResults.errors}" as="error">
+                            {formvh:translateElementError(element: element, error: error)}
+                            <br>
+                        </f:for>
+                    </div>
+                </f:if>
+            </f:format.raw>
+            <f:if condition="{element.properties.elementDescription}">
+                <small class="form-text text-muted">{formvh:translateElementProperty(element: element, property: 'elementDescription')}</small>
+            </f:if>
+        </div>
+    </div>
+</f:form.validationResults>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/Fieldset.html

@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <fieldset id="{element.uniqueIdentifier}" class="form-fieldset form-fieldset-{element.identifier}{f:if(condition: element.properties.elementClassAttribute, then: ' {element.properties.elementClassAttribute}')}">
+        <div class="form-fieldset-inner">
+            <f:if condition="{element.label}">
+                <legend>{formvh:translateElementProperty(element: element, property: 'label')}</legend>
+            </f:if>
+            <f:for each="{element.elements}" as="element">
+                <f:render partial="{element.templateName}" arguments="{element: element}" />
+            </f:for>
+        </div>
+    </fieldset>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/FileUpload.html

@@ -0,0 +1,31 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+
+        <div class="custom-file">
+            <formvh:form.uploadedResource
+                property="{element.identifier}"
+                as="resource"
+                id="{element.uniqueIdentifier}"
+                class="{element.properties.elementClassAttribute}"
+                errorClass="{element.properties.elementErrorClassAttribute}"
+                additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                accept="{element.properties.allowedMimeTypes}"
+            >
+                <f:variable name="preview" value="{resource}" />
+            </formvh:form.uploadedResource>
+            <label class="custom-file-label" for="{element.uniqueIdentifier}" data-browse-label="{f:translate(key: 'form.browse', extensionName: 'bootstrap_package')}">
+                <f:if condition="{preview}">
+                    <f:then>
+                        {preview.originalResource.originalFile.name}
+                    </f:then>
+                    <f:else>
+                        {f:translate(key: 'form.selectfile', extensionName: 'bootstrap_package')}
+                    </f:else>
+                </f:if>
+            </label>
+        </div>
+
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/ImageUpload.html

@@ -0,0 +1,39 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+
+        <div class="custom-file">
+            <formvh:form.uploadedResource
+                property="{element.identifier}"
+                as="resource"
+                id="{element.uniqueIdentifier}"
+                class="{element.properties.elementClassAttribute}"
+                errorClass="{element.properties.elementErrorClassAttribute}"
+                additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                accept="{element.properties.allowedMimeTypes}"
+            >
+                <f:variable name="image" value="{resource}" />
+            </formvh:form.uploadedResource>
+            <label class="custom-file-label" for="{element.uniqueIdentifier}" data-browse-label="{f:translate(key: 'form.browse', extensionName: 'bootstrap_package')}">
+                <f:if condition="{image}">
+                    <f:then>
+                        {image.originalResource.originalFile.name}
+                    </f:then>
+                    <f:else>
+                        {f:translate(key: 'form.selectfile', extensionName: 'bootstrap_package')}
+                    </f:else>
+                </f:if>
+            </label>
+        </div>
+
+        <f:if condition="{image}">
+            <div class="form-image" id="{element.uniqueIdentifier}-preview">
+                <a href="{f:uri.image(image: image, maxWidth: element.properties.imageLinkMaxWidth)}" title="{image.originalResource.originalFile.name}" class="{bk2k:typoScript.constant(constant: 'plugin.bootstrap_package_contentelements.lightbox.cssClass')}" data-lightbox-width="{bk2k:lastImageInfo(property: 'width')}" data-lightbox-height="{bk2k:lastImageInfo(property: 'height')}" rel="{element.uniqueIdentifier}-preview">
+                    <f:image additionalAttributes="{loading: 'lazy'}" image="{image}" maxWidth="{element.properties.imageMaxWidth}" maxHeight="{element.properties.imageMaxHeight}" alt="{formvh:translateElementProperty(element: element, property: 'altText')}" class="img-fluid img-thumbnail" />
+                </a>
+            </div>
+        </f:if>
+
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/MultiCheckbox.html

@@ -0,0 +1,24 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+        <div id="{element.uniqueIdentifier}" class="form-check-list">
+            <f:for each="{element.properties.options}" as="label" key="value" iteration="idIterator">
+                <div class="custom-control custom-checkbox">
+                    <f:form.checkbox
+                        property="{element.identifier}"
+                        multiple="1"
+                        id="{element.uniqueIdentifier}-{idIterator.index}"
+                        class="{element.properties.elementClassAttribute}"
+                        value="{value}"
+                        errorClass="{element.properties.elementErrorClassAttribute}"
+                        additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                    />
+                    <label class="custom-control-label" for="{element.uniqueIdentifier}-{idIterator.index}">
+                        <span>{formvh:translateElementProperty(element: element, property: '{0: \'options\', 1: value}')}</span>
+                    </label>
+                </div>
+            </f:for>
+        </div>
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/MultiSelect.html

@@ -0,0 +1,32 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+        <f:if condition="{element.properties.prependOptionLabel}">
+            <f:then>
+                <f:form.select
+                    property="{element.identifier}"
+                    id="{element.uniqueIdentifier}"
+                    class="{element.properties.elementClassAttribute}"
+                    options="{formvh:translateElementProperty(element: element, property: 'options')}"
+                    multiple="multiple"
+                    errorClass="{element.properties.elementErrorClassAttribute}"
+                    additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                    prependOptionLabel="{formvh:translateElementProperty(element: element, property: 'prependOptionLabel')}"
+                    prependOptionValue="{formvh:translateElementProperty(element: element, property: 'prependOptionValue')}"
+                />
+            </f:then>
+            <f:else>
+                <f:form.select
+                    property="{element.identifier}"
+                    id="{element.uniqueIdentifier}"
+                    class="{element.properties.elementClassAttribute}"
+                    options="{formvh:translateElementProperty(element: element, property: 'options')}"
+                    multiple="multiple"
+                    errorClass="{element.properties.elementErrorClassAttribute}"
+                    additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                />
+            </f:else>
+        </f:if>
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/Page.html

@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{page}">
+    <f:if condition="{page.label}">
+        <div class="form-page-header">
+            <h2>{formvh:translateElementProperty(element: page, property: 'label')}</h2>
+        </div>
+    </f:if>
+    <f:for each="{page.elements}" as="element">
+        <f:render partial="{element.templateName}" arguments="{element: element}" />
+    </f:for>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/RadioButton.html

@@ -0,0 +1,23 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
+        <div id="{element.uniqueIdentifier}" class="form-check-list">
+            <f:for each="{element.properties.options}" as="label" key="value" iteration="idIterator">
+                <div class="custom-control custom-radio">
+                    <f:form.radio
+                        property="{element.identifier}"
+                        id="{element.uniqueIdentifier}-{idIterator.index}"
+                        class="{element.properties.elementClassAttribute} form-check-input"
+                        value="{value}"
+                        errorClass="{element.properties.elementErrorClassAttribute}"
+                        additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
+                    />
+                    <label class="custom-control-label" for="{element.uniqueIdentifier}-{idIterator.index}">
+                        <span>{formvh:translateElementProperty(element: element, property: '{0: \'options\', 1: value}')}</span>
+                    </label>
+                </div>
+            </f:for>
+        </div>
+    </f:render>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Form/StaticText.html

@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
+<formvh:renderRenderable renderable="{element}">
+    <div class="form-element form-element-{element.identifier} form-element-type-{element.type -> bk2k:format.lowercaseDashed()} form-group">
+        <f:if condition="{element.label}">
+            <h2>{formvh:translateElementProperty(element: element, property: 'label')}</h2>
+        </f:if>
+        <f:if condition="{element.properties.text}">
+            <p{f:if(condition: element.properties.elementClassAttribute, then: ' class="{element.properties.elementClassAttribute}"')}>{formvh:translateElementProperty(element: element, property: 'text') -> f:format.nl2br()}</p>
+        </f:if>
+    </div>
+</formvh:renderRenderable>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/IndexedSearch/Form.html

@@ -0,0 +1,146 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:form action="search" method="post" id="tx_indexedsearch" pageUid="{settings.targetPid}">
+    <div class="tx-indexedsearch-hidden-fields">
+        <f:form.hidden name="search[_sections]" value="0" />
+        <f:form.hidden name="search[_freeIndexUid]" id="tx_indexedsearch_freeIndexUid" value="_" />
+        <f:form.hidden name="search[pointer]" id="tx_indexedsearch_pointer" value="0" />
+        <f:form.hidden name="search[ext]" value="{searchParams.ext}" />
+        <f:form.hidden name="search[searchType]" value="{searchParams.searchType}" />
+        <f:form.hidden name="search[defaultOperand]" value="{searchParams.defaultOperand}" />
+        <f:form.hidden name="search[mediaType]" value="{searchParams.mediaType}" />
+        <f:form.hidden name="search[sortOrder]" value="{searchParams.sortOrder}" />
+        <f:form.hidden name="search[group]" value="{searchParams.group}" />
+        <f:form.hidden name="search[languageUid]" value="{searchParams.languageUid}" />
+        <f:form.hidden name="search[desc]" value="{searchParams.desc}" />
+        <f:form.hidden name="search[numberOfResults]" value="{searchParams.numberOfResults}" />
+        <f:form.hidden name="search[extendedSearch]" value="{searchParams.extendedSearch}" />
+    </div>
+    <fieldset>
+        <legend class="sr-only">
+            <f:translate key="form.legend" />
+        </legend>
+        <div class="form-group">
+            <label for="tx-indexedsearch-searchbox-sword" class="control-label">
+                <f:translate key="form.searchFor" />
+            </label>
+            <div class="input-group">
+                <f:form.textfield name="search[sword]" value="{sword}" id="tx-indexedsearch-searchbox-sword" class="form-control" />
+                <span class="input-group-btn">
+                    <f:form.submit name="search[submitButton]" value="{f:translate(key: 'form.submit')}" id="tx-indexedsearch-searchbox-button-submit" class="btn btn-primary" />
+                </span>
+            </div>
+        </div>
+        <f:if condition="{settings.displayAdvancedSearchLink}">
+            <p>
+                <f:if condition="{searchParams.extendedSearch}">
+                    <f:then>
+                        <f:link.action action="form" arguments="{search: {extendedSearch: 0}}">
+                            <f:translate key="form.linkToRegularSearch" />
+                        </f:link.action>
+                    </f:then>
+                    <f:else>
+                        <f:link.action action="form" arguments="{search: {extendedSearch: 1}}">
+                            <f:translate key="form.linkToAdvancedSearch" />
+                        </f:link.action>
+                    </f:else>
+                </f:if>
+            </p>
+        </f:if>
+        <f:render partial="Rules" arguments="{_all}" />
+        <f:if condition="{searchParams.extendedSearch}">
+            <f:if condition="{showTypeSearch}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-searchtype" class="control-label">
+                        <f:translate key="form.match" />
+                    </label>
+                    <div class="row">
+                        <f:if condition="{allSearchTypes}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[searchType]" options="{allSearchTypes}" value="{searchParams.searchType}" id="tx-indexedsearch-selectbox-searchtype" class="form-control" />
+                            </div>
+                        </f:if>
+                        <f:if condition="{allDefaultOperands}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[defaultOperand]" options="{allDefaultOperands}" value="{searchParams.defaultOperand}" id="tx-indexedsearch-selectbox-defaultoperand" class="form-control" />
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{showMediaAndLanguageSearch}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-media" class="control-label">
+                        <f:translate key="form.searchIn" />
+                    </label>
+                    <div class="row">
+                        <f:if condition="{allMediaTypes}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[mediaType]" options="{allMediaTypes}" value="{searchParams.mediaType}" id="tx-indexedsearch-selectbox-media" class="form-control" />
+                            </div>
+                        </f:if>
+                        <f:if condition="{allLanguageUids}">
+                            <div class="col-sm-6 col-xs-12">
+                                <f:form.select name="search[languageUid]" options="{allLanguageUids}" value="{searchParams.languageUid}" id="tx-indexedsearch-selectbox-lang" class="form-control" />
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{allSections}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-sections" class="control-label">
+                        <f:translate key="form.fromSection" />
+                    </label>
+                    <f:form.select name="search[sections]" options="{allSections}" value="{searchParams.sections}" id="tx-indexedsearch-selectbox-sections" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{allIndexConfigurations}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-freeIndexUid" class="control-label">
+                        <f:translate key="form.freeIndexUid" />
+                    </label>
+                    <f:form.select name="search[freeIndexUid]" options="{allIndexConfigurations}" value="{searchParams.freeIndexUid}" id="tx-indexedsearch-selectbox-freeIndexUid" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{showSortOrders}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-order" class="control-label">
+                        <f:translate key="form.orderBy" />
+                    </label>
+                    <div class="row">
+                        <div class="col-sm-6 col-xs-12">
+                            <f:form.select name="search[sortOrder]" options="{allSortOrders}" value="{searchParams.sortOrder}" id="tx-indexedsearch-selectbox-order" class="form-control" />
+                        </div>
+                        <div class="col-sm-6 col-xs-12">
+                            <f:form.select name="search[sortDesc]"  options="{allSortDescendings}" value="{searchParams.sortDesc}" id="tx-indexedsearch-selectbox-desc" class="form-control" />
+                        </div>
+                    </div>
+                </div>
+            </f:if>
+            <f:if condition="{allNumberOfResults}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-results" class="control-label">
+                        <f:translate key="form.atATime" />
+                    </label>
+                    <f:form.select name="search[numberOfResults]" options="{allNumberOfResults}" value="{searchParams.numberOfResults}" id="tx-indexedsearch-selectbox-results" class="form-control" />
+                </div>
+            </f:if>
+            <f:if condition="{allGroups}">
+                <div class="form-group">
+                    <label for="tx-indexedsearch-selectbox-group" class="control-label">
+                        <f:translate key="form.style" />
+                    </label>
+                    <div class="input-group">
+                        <f:form.select name="search[group]" options="{allGroups}" value="{searchParams.group}" id="tx-indexedsearch-selectbox-group" class="form-control" />
+                        <f:if condition="{settings.blind.extResume} == 0">
+                            <span class="input-group-addon">
+                                <f:form.checkbox name="search[extResume]" id="tx_indexedsearch_extResume" checked="{searchParams.extResume}" value="1" />
+                            </span>
+                        </f:if>
+                    </div>
+                </div>
+            </f:if>
+        </f:if>
+    </fieldset>
+</f:form>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/IndexedSearch/Rules.html

@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{settings.displayRules}">
+
+    <div class="form-group">
+        <a href="#" data-toggle="popover" data-trigger="focus" title="{f:translate(key:'rules.headline')}" data-html="true" data-content="{f:translate(key:'rules.text') -> f:format.htmlentities()}">
+            <f:translate key="rules.headline" />
+        </a>
+    </div>
+
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/IndexedSearch/Searchresult.html

@@ -0,0 +1,25 @@
+<div class="media">
+    <div class="media-body">
+        <h4 class="media-heading">
+            <f:if condition="{settings.displayResultNumber}">
+                <span class="tx-indexedsearch-result-number">{row.result_number}</span>
+            </f:if>
+            <f:format.raw>{row.title}</f:format.raw>
+            <span>{row.rating}</span>
+        </h4>
+        <f:if condition="{row.headerOnly} == 0">
+            <p><f:format.crop maxCharacters="{settings.results.summaryCropAfter}">{row.item_description}</f:format.crop></p>
+            <ul class="list-inline">
+                <li><strong><f:translate key="result.size" /></strong> {row.size}</li>
+                <li><strong><f:translate key="result.created" /></strong> <f:format.date>@{row.created}</f:format.date></li>
+                <li><strong><f:translate key="result.modified" /></strong> <f:format.date>@{row.modified}</f:format.date></li>
+                <li><strong><f:translate key="result.path" /></strong> <f:format.raw>{row.path}</f:format.raw></li>
+            </ul>
+        </f:if>
+        <f:if condition="{row.subresults}">
+            <f:for each="{row.subresults.items}" as="subrow">
+                <f:render partial="Searchresult" arguments="{row: subrow}" />
+            </f:for>
+        </f:if>
+    </div>
+</div>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/DropIn/Navigation/MainAfter.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after the main menu, inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/DropIn/Navigation/MainBefore.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before the main menu, inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/DropIn/Structure/FooterAfter.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered after the footer, inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/DropIn/Structure/FooterBefore.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>DropIn Placeholder. Will be rendered before the footer, inside the wrapping container.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Navigation/Breadcrumb.html

@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.breadcrumb.enable}">
+    <f:if condition="{breadcrumb}">
+        <nav class="breadcrumb-section" aria-label="{f:translate(key: 'breadcrumb.label', extensionName: 'bootstrap_package')}">
+            <div class="container">
+                <p class="sr-only" id="breadcrumb">{f:translate(key: 'breadcrumb', extensionName: 'bootstrap_package')}</p>
+                <ol class="breadcrumb">
+                    <f:for each="{breadcrumb}" as="item">
+                        <li class="breadcrumb-item{f:if(condition: item.current, then: ' active')}"{f:if(condition: item.current, then: ' aria-current="page"')}>
+                            <f:if condition="{item.current} && {breadcrumbExtendedValue} == ''">
+                                <f:then>
+                                    <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
+                                </f:then>
+                                <f:else>
+                                    <a class="breadcrumb-link" href="{item.link}"{f:if(condition: item.target, then: ' target="{item.target}"')} title="{item.title}">
+                                        <f:render section="BreadcrumbTitle" arguments="{item: item, theme: theme}" />
+                                    </a>
+                                </f:else>
+                            </f:if>
+                        </li>
+                    </f:for>
+                    <f:if condition="{breadcrumbExtendedValue}">
+                        <li class="breadcrumb-item active" aria-current="page">
+                            <span class="breadcrumb-text">{breadcrumbExtendedValue}</span>
+                        </li>
+                    </f:if>
+                </ol>
+            </div>
+        </nav>
+    </f:if>
+</f:if>
+<f:section name="BreadcrumbTitle">
+    <f:if condition="{theme.breadcrumb.icon.enable} && {item.icon}">
+        <span class="breadcrumb-icon">
+            <f:if condition="{item.icon.0.extension} === svg">
+                <f:then>
+                    <bk2k:inlineSvg image="{item.icon.0}" width="{theme.breadcrumb.icon.width}" height="{theme.breadcrumb.icon.height}" />
+                </f:then>
+                <f:else>
+                    <f:image additionalAttributes="{loading: 'lazy'}" image="{item.icon.0}" alt="{item.icon.0.alternative}" title="{item.icon.0.title}" width="{theme.breadcrumb.icon.width}" height="{theme.breadcrumb.icon.height}" />
+                </f:else>
+            </f:if>
+        </span>
+    </f:if>
+    <span class="breadcrumb-text">{item.title}</span>
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Navigation/Language.html

@@ -0,0 +1,20 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{languagenavigation}">
+    <ul id="language_menu" class="language-menu">
+        <f:for each="{languagenavigation}" as="item">
+            <li class="{f:if(condition: item.active, then: 'active')} {f:if(condition: item.available, else: 'text-muted')}">
+                <f:if condition="{item.available}">
+                    <f:then>
+                        <a href="{item.link}" hreflang="{item.hreflang}" title="{item.title}">
+                            <span>{item.navigationTitle}</span>
+                        </a>
+                    </f:then>
+                    <f:else>
+                        <span>{item.navigationTitle}</span>
+                    </f:else>
+                </f:if>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Navigation/Main.html

@@ -0,0 +1,97 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<f:variable name="headerClass">bp-page-header navbar navbar-mainnavigation navbar-{theme.navigation.style}</f:variable>
+<f:variable name="headerClass">{headerClass}{f:if(condition: logo.normal, then:' navbar-has-image')}</f:variable>
+<f:variable name="headerClass">{headerClass}{f:if(condition: theme.navigation.type, else:' navbar-top', then:' navbar-{theme.navigation.type} navbar-fixed-{theme.navigation.type}')}</f:variable>
+<header id="page-header" class="{headerClass}">
+    <div class="container">
+        <f:link.page pageUid="{rootPage}" class="navbar-brand navbar-brand-{f:if(condition: logo.normal, then: 'image', else: 'text')}" title="{settings.logo.linktitle}">
+            <f:if condition="{logo.normal}">
+                <f:then>
+                    <img class="navbar-brand-logo-normal" src="{f:uri.image(image: logo.normal)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
+                    <f:if condition="{logo.inverted}">
+                        <img class="navbar-brand-logo-inverted" src="{f:uri.image(image: logo.inverted)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">
+                    </f:if>
+                </f:then>
+                <f:else>
+                    <span>{siteTitle}</span>
+                </f:else>
+            </f:if>
+        </f:link.page>
+        <f:if condition="{mainnavigation}">
+            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainnavigation" aria-expanded="false" aria-label="{f:translate(key: 'togglenavigation', extensionName: 'bootstrap_package')}">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <nav id="mainnavigation" class="collapse navbar-collapse">
+                <f:render partial="DropIn/Navigation/MainBefore" arguments="{_all}" />
+                <f:render section="MainNavigation" arguments="{menu: mainnavigation, theme: theme}" />
+                <f:render partial="DropIn/Navigation/MainAfter" arguments="{_all}" />
+            </nav>
+        </f:if>
+    </div>
+</header>
+
+<f:section name="MainNavigation">
+    <f:if condition="{menu}">
+        <ul class="navbar-nav">
+            <f:for each="{menu}" as="item">
+                <f:if condition="{item.spacer}">
+                    <f:then>
+                        </ul>
+                        <ul class="navbar-nav">
+                    </f:then>
+                    <f:else>
+                        <li class="nav-item{f:if(condition: item.active, then:' active')}{f:if(condition: item.children, then:' dropdown dropdown-hover')}">
+                            <a href="{item.link}" id="nav-item-{item.data.uid}" class="nav-link{f:if(condition: item.children, then:' dropdown-toggle')}"{f:if(condition: item.target, then: ' target="{item.target}"')} title="{item.title}"{f:if(condition: item.children, then:' aria-haspopup="true" aria-expanded="false"')}>
+                                <f:if condition="{theme.navigation.icon.enable} && {item.icon}">
+                                    <span class="nav-link-icon">
+                                        <f:if condition="{item.icon.0.extension} === svg">
+                                            <f:then>
+                                                <bk2k:inlineSvg image="{item.icon.0}" width="{theme.navigation.icon.width}" height="{theme.navigation.icon.height}" />
+                                            </f:then>
+                                            <f:else>
+                                                <f:image additionalAttributes="{loading: 'lazy'}" image="{item.icon.0}" alt="{item.icon.0.alternative}" title="{item.icon.0.title}" width="{theme.navigation.icon.width}" height="{theme.navigation.icon.height}" />
+                                            </f:else>
+                                        </f:if>
+                                    </span>
+                                </f:if>
+                                <span class="nav-link-text">{item.title}<f:if condition="{item.current}"> <span class="sr-only">(current)</span></f:if></span>
+                            </a>
+                            <f:if condition="{item.children}">
+                                <ul class="dropdown-menu" aria-labelledby="nav-item-{item.data.uid}">
+                                    <f:for each="{item.children}" as="child">
+                                        <f:if condition="{child.spacer}">
+                                            <f:then>
+                                                <li class="dropdown-divider"></li>
+                                            </f:then>
+                                            <f:else>
+                                                <li>
+                                                    <a href="{child.link}" class="dropdown-item{f:if(condition: child.active, then:' active')}"{f:if(condition: child.target, then: ' target="{child.target}"')} title="{child.title}">
+                                                        <f:if condition="{theme.navigation.dropdown.icon.enable} && {child.icon}">
+                                                            <span class="dropdown-icon">
+                                                                <f:if condition="{child.icon.0.extension} === svg">
+                                                                    <f:then>
+                                                                        <bk2k:inlineSvg image="{child.icon.0}" width="{theme.navigation.dropdown.icon.width}" height="{theme.navigation.dropdown.icon.height}" />
+                                                                    </f:then>
+                                                                    <f:else>
+                                                                        <f:image additionalAttributes="{loading: 'lazy'}" image="{child.icon.0}" alt="{child.icon.0.alternative}" title="{child.icon.0.title}" width="{theme.navigation.dropdown.icon.width}" height="{theme.navigation.dropdown.icon.height}" />
+                                                                    </f:else>
+                                                                </f:if>
+                                                            </span>
+                                                        </f:if>
+                                                        <span class="dropdown-text">{child.title}<f:if condition="{child.current}"> <span class="sr-only">(current)</span></f:if></span>
+                                                    </a>
+                                                </li>
+                                            </f:else>
+                                        </f:if>
+                                    </f:for>
+                                </ul>
+                            </f:if>
+                        </li>
+                    </f:else>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Navigation/Meta.html

@@ -0,0 +1,13 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{metanavigation}">
+    <ul id="meta_menu" class="meta-menu">
+        <f:for each="{metanavigation}" as="item" iteration="metaiteration">
+            <li{f:if(condition: item.active, then:' class="active"')}>
+                <a href="{item.link}"{f:if(condition: item.target, then: ' target="{item.target}"')} title="{item.title}">
+                    <span>{item.title}</span>
+                </a>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Navigation/Subnavigation.html

@@ -0,0 +1,46 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{subnavigation}">
+    <nav class="frame frame-type-subnavigation frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none" role="navigation">
+        <div class="frame-container">
+            <div class="frame-inner">
+                <f:render section="SubnavigationItem" arguments="{menu: subnavigation, theme: theme}" />
+            </div>
+        </div>
+    </nav>
+</f:if>
+<f:section name="SubnavigationItem">
+    <f:if condition="{menu}">
+        <ul class="subnav-nav">
+            <f:for each="{menu}" as="item">
+                <f:if condition="{item.spacer}">
+                    <f:then>
+                        <li class="subnav-divider"></li>
+                    </f:then>
+                    <f:else>
+                        <li class="subnav-item{f:if(condition: item.active, then:' active')}">
+                            <a href="{item.link}" id="subnav-item-{item.data.uid}" class="subnav-link"{f:if(condition: item.target, then: ' target="{item.target}"')} title="{item.title}">
+                                <f:if condition="{item.icon}">
+                                    <span class="subnav-link-icon">
+                                        <f:if condition="{item.icon.0.extension} === svg">
+                                            <f:then>
+                                                <bk2k:inlineSvg image="{item.icon.0}" width="{theme.subnavigation.icon.width}" height="{theme.subnavigation.icon.height}" />
+                                            </f:then>
+                                            <f:else>
+                                                <f:image additionalAttributes="{loading: 'lazy'}" image="{item.icon.0}" alt="{item.icon.0.alternative}" title="{item.icon.0.title}" width="{theme.subnavigation.icon.width}" height="{theme.subnavigation.icon.height}" />
+                                            </f:else>
+                                        </f:if>
+                                    </span>
+                                </f:if>
+                                <span class="subnav-link-text">{item.title}<f:if condition="{item.current}"> <span class="sr-only">(current)</span></f:if></span>
+                            </a>
+                            <f:if condition="{item.children}">
+                                <f:render section="SubnavigationItem" arguments="{menu: item.children, theme: theme}" />
+                            </f:if>
+                        </li>
+                    </f:else>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/CookieConsent.html

@@ -0,0 +1,22 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.cookieconsent.enable}">
+<div id="cookieconsent">
+    <span data-cookieconsent-setting="cookie.expiryDays" data-cookieconsent-value="{theme.cookieconsent.cookie.expiryDays}"></span>
+    <span data-cookieconsent-setting="content.header" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.header',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.message" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.message',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.dismiss" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.dismiss',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.allow" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.allow',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.deny" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.deny',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.link" data-cookieconsent-value="{f:translate(key:'cookieconsent.common.link',extensionName:'bootstrap_package')}"></span>
+    <span data-cookieconsent-setting="content.href" data-cookieconsent-value="{f:uri.typolink(parameter: theme.cookieconsent.content.href)}"></span>
+    <span data-cookieconsent-setting="layout" data-cookieconsent-value="{theme.cookieconsent.layout}"></span>
+    <span data-cookieconsent-setting="type" data-cookieconsent-value="{theme.cookieconsent.type}"></span>
+    <span data-cookieconsent-setting="position" data-cookieconsent-value="{theme.cookieconsent.position}"></span>
+    <span data-cookieconsent-setting="revokable" data-cookieconsent-value="{theme.cookieconsent.revokable}"></span>
+    <span data-cookieconsent-setting="static" data-cookieconsent-value="{theme.cookieconsent.static}"></span>
+    <span data-cookieconsent-setting="location" data-cookieconsent-value="{theme.cookieconsent.location}"></span>
+    <span data-cookieconsent-setting="law.countryCode" data-cookieconsent-value="{theme.cookieconsent.law.countryCode}"></span>
+    <span data-cookieconsent-setting="law.regionalLaw" data-cookieconsent-value="{theme.cookieconsent.law.regionalLaw}"></span>
+</div>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/Copyright.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:format.html>{theme.copyright.text}</f:format.html>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/FooterContent.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<section class="section footer-section footer-section-content">
+    <div class="container">
+        <div class="section-row">
+            <div class="section-column footer-section-content-column footer-section-content-column-left">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '10', slide: '-1'}" />
+            </div>
+            <div class="section-column footer-section-content-column footer-section-content-column-middle">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '11', slide: '-1'}" />
+            </div>
+            <div class="section-column footer-section-content-column footer-section-content-column-right">
+                <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '12', slide: '-1'}" />
+            </div>
+        </div>
+    </div>
+</section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/FooterMeta.html

@@ -0,0 +1,32 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.meta.enable} || {theme.language.enable} || {theme.copyright.enable} || {theme.socialmedia.enable}">
+    <section class="section footer-section footer-section-meta">
+        <div class="frame frame-background-none frame-space-before-none frame-space-after-none">
+            <div class="frame-container">
+                <div class="frame-inner">
+                    <f:if condition="{theme.meta.enable}">
+                        <div class="footer-meta">
+                            <f:render partial="Navigation/Meta" arguments="{_all}" />
+                        </div>
+                    </f:if>
+                    <f:if condition="{theme.language.enable}">
+                        <div class="footer-language">
+                            <f:render partial="Navigation/Language" arguments="{_all}" />
+                        </div>
+                    </f:if>
+                    <f:if condition="{theme.copyright.enable}">
+                        <div class="footer-copyright">
+                            <f:render partial="Structure/Copyright" arguments="{_all}" />
+                        </div>
+                    </f:if>
+                    <f:if condition="{theme.socialmedia.enable}">
+                        <div class="footer-sociallinks">
+                            <f:render partial="Structure/SocialLinks" arguments="{_all}" />
+                        </div>
+                    </f:if>
+                </div>
+            </div>
+        </div>
+    </section>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/ScrollTop.html

@@ -0,0 +1,5 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<a class="scroll-top" title="{f:translate(key: 'scrolltop', extensionName: 'bootstrap_package')}" href="#top">
+    <span class="scroll-top-icon"></span>
+</a>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Partials/Page/Structure/SocialLinks.html

@@ -0,0 +1,18 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:if condition="{theme.socialmedia.channels}">
+    <div class="sociallinks">
+        <ul class="sociallinks-list">
+            <f:for each="{theme.socialmedia.channels}" key="channelKey" as="channelOptions">
+                <f:if condition="{channelOptions.url}">
+                    <li class="sociallinks-item sociallinks-item-{channelKey}" title="{channelOptions.label}">
+                        <a class="sociallinks-link sociallinks-link-{channelKey}" href="{channelOptions.url}" rel="noopener" target="_blank">
+                            <span class="sociallinks-link-icon bootstrappackageicon bootstrappackageicon-{channelKey}"></span>
+                            <span class="sociallinks-link-label">{channelOptions.label}</span>
+                        </a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </div>
+</f:if>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/Blocks/Default.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:comment>I am Block! Please see typoscript definition of lib.block for more details.</f:comment>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/Blocks/GoogleAnalyticsStatus.html

@@ -0,0 +1,7 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+
+    <strong>{f:translate(key: 'googleanalyticsstatus.title', extensionName: 'bootstrap_package')}</strong>:<br>
+    {f:translate(key: 'googleanalyticsstatus.description', extensionName: 'bootstrap_package')}<br>
+    <a href="#" data-action="googleAnalyticsToggle" data-label-enable="{f:translate(key: 'googleanalyticsstatus.link.enable', extensionName: 'bootstrap_package')}" data-label-disable="{f:translate(key: 'googleanalyticsstatus.link.disable', extensionName: 'bootstrap_package')}"></a>
+
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Accordion.html

@@ -0,0 +1,41 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <f:variable name="activeElement" value="{data.pi_flexform.default_element}" />
+        <f:variable name="currentVariants" value="{variants}" />
+        <div class="accordion" id="accordion-{data.uid}">
+            <f:for each="{records}" as="record" iteration="iteration">
+                <div class="accordion-item card">
+                    <div class="accordion-header card-header" id="accordion-heading-{data.uid}-{record.data.uid}">
+                        <h4 class="accordion-title">
+                            <a href="#accordion-{data.uid}-{record.data.uid}" class="accordion-title-link{f:if(condition: '{activeElement} == {record.data.uid}', else:' collapsed')}" data-toggle="collapse" data-parent="#accordion-{data.uid}" aria-expanded="{f:if(condition: '{activeElement} == {record.data.uid}', then: 'true', else: 'false')}" aria-controls="accordion-{data.uid}-{record.data.uid}">
+                                <span class="accordion-title-link-text">{record.data.header}</span>
+                                <span class="accordion-title-link-state"></span>
+                            </a>
+                        </h4>
+                    </div>
+                    <div id="accordion-{data.uid}-{record.data.uid}" class="accordion-collapse collapse{f:if(condition: '{activeElement} == {record.data.uid}', then: ' show')}" aria-labelledby="accordion-heading-{data.uid}-{record.data.uid}" data-parent="#accordion-{data.uid}">
+                        <div class="accordion-body card-body">
+                            <div class="accordion-content accordion-content-{record.data.mediaorient}">
+                                <f:if condition="{record.files}">
+                                    <div class="accordion-content-item accordion-content-media">
+                                        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.accordion.{record.data.mediaorient}}</f:variable>
+                                        <bk2k:data.imageVariants as="variants" variants="{currentVariants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+                                        <f:render partial="Media/Gallery" arguments="{files: record.files, data: record.data, settings: settings, variants: variants}" />
+                                    </div>
+                                </f:if>
+                                <div class="accordion-content-item accordion-content-text">
+                                    <f:format.html>{record.data.bodytext}</f:format.html>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Audio.html

@@ -0,0 +1,29 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{files}">
+        <ul class="media-list">
+            <f:for each="{files}" as="file">
+                <f:if condition="{file -> bk2k:file.isAudio()}">
+                    <li class="media">
+                        <div class="media-body">
+                            <h4 class="media-heading">
+                                <f:if condition="{file.properties.title}">
+                                    <f:then>{file.properties.title}</f:then>
+                                    <f:else>{file.properties.name}</f:else>
+                                </f:if>
+                            </h4>
+                            <f:if condition="{file.properties.description}">
+                                <p>{file.properties.description}</p>
+                            </f:if>
+                            <f:media file="{file}" />
+                        </div>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Bullets.html

@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{bullets}">
+        <f:switch expression="{data.bullets_type}">
+            <f:case value="1">
+
+                <ol class="list">
+                    <f:for each="{bullets}" as="bullet">
+                        <li>{bullet}</li>
+                    </f:for>
+                </ol>
+
+            </f:case>
+            <f:case value="2">
+
+                <dl>
+                    <f:for each="{bullets}" as="definitionListItem">
+                        <f:for each="{definitionListItem}" as="termDescription" iteration="termDescriptionIterator">
+                            <f:if condition="{termDescriptionIterator.isFirst}">
+                                <f:then>
+                                    <dt>{termDescription}</dt>
+                                </f:then>
+                                <f:else>
+                                    <dd>{termDescription}</dd>
+                                </f:else>
+                            </f:if>
+                        </f:for>
+                    </f:for>
+                </dl>
+
+            </f:case>
+            <f:defaultCase>
+
+                <ul class="list">
+                    <f:for each="{bullets}" as="bullet">
+                        <li>{bullet}</li>
+                    </f:for>
+                </ul>
+
+            </f:defaultCase>
+        </f:switch>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/CardGroup.html

@@ -0,0 +1,72 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.card_group.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <div class="card-group-element card-group-element-align-{data.pi_flexform.align} card-group-element-columns-{data.pi_flexform.columns}">
+            <f:for each="{records}" as="item" iteration="iteration">
+
+                <div class="card-group-element-item">
+                    <div class="card">
+                        <f:if condition="{item.image.0}">
+                            <div class="card-img-top">
+                                <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: item.image.0, data: data, settings: settings, variants: variants}" />
+                                </f:render>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <h3 class="card-title">
+                                <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                    {item.data.header}
+                                </f:render>
+                            </h3>
+                            <f:if condition="{item.data.subheader}">
+                                <h4 class="card-subtitle">{item.data.subheader}</h4>
+                            </f:if>
+                            <f:if condition="{item.data.bodytext}">
+                                <f:format.html>{item.data.bodytext}</f:format.html>
+                            </f:if>
+                        </div>
+                        <f:if condition="{item.data.link}">
+                            <f:variable name="linkTitle">
+                                <f:if condition="{item.data.link_title}">
+                                    <f:then>{item.data.link_title}</f:then>
+                                    <f:else><f:translate key="readmore" extensionName="bootstrap_package" /></f:else>
+                                </f:if>
+                            </f:variable>
+                            <div class="card-footer">
+                                <f:link.typolink parameter="{item.data.link}" class="btn btn-{item.data.link_class}" title="{linkTitle -> bk2k:format.trim()}">
+                                    <f:if condition="{item.linkIcon.0}">
+                                        <span class="btn-icon">
+                                            <bk2k:inlineSvg image="{item.linkIcon.0}" />
+                                        </span>
+                                    </f:if>
+                                    <span class="btn-text">
+                                        {linkTitle}
+                                    </span>
+                                </f:link.typolink>
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+<f:section name="LinkWrap">
+
+    <f:if condition="{link}">
+        <f:then>
+            <f:link.typolink parameter="{link}" title="{linkTitle -> bk2k:format.trim()}">{content -> f:format.raw()}</f:link.typolink>
+        </f:then>
+        <f:else>
+            {content -> f:format.raw()}
+        </f:else>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Carousel.html

@@ -0,0 +1,24 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}" ')}data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemStyleColor"><f:if condition="{item.data.background_color}">background-color: {item.data.background_color};</f:if></f:variable>
+                    <div class="item{f:if(condition: iteration.isFirst,then:' active')} carousel-item carousel-item-type carousel-item-type-{item.data.item_type}" data-itemno="{iteration.index}" style="{itemStyleColor}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/CarouselFullscreen.html

@@ -0,0 +1,24 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-fullscreen carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}" ')}data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemStyleColor"><f:if condition="{item.data.background_color}">background-color: {item.data.background_color};</f:if></f:variable>
+                    <div class="item{f:if(condition: iteration.isFirst,then:' active')} carousel-item carousel-item-type carousel-item-type-{item.data.item_type}" data-itemno="{iteration.index}" style="{itemStyleColor}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/CarouselSmall.html

@@ -0,0 +1,24 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div id="carousel-{data.uid}" class="carousel carousel-small carousel-{data.pi_flexform.transition} slide" {f:if(condition: data.pi_flexform.interval, then: 'data-interval="{data.pi_flexform.interval}" ')}data-wrap="{f:if(condition:data.pi_flexform.wrap,then:'true',else:'false')}" data-ride="carousel">
+            <div class="carousel-inner">
+                <f:for each="{records}" as="item" iteration="iteration">
+                    <f:variable name="itemStyleColor"><f:if condition="{item.data.background_color}">background-color: {item.data.background_color};</f:if></f:variable>
+                    <div class="item{f:if(condition: iteration.isFirst,then:' active')} carousel-item carousel-item-type carousel-item-type-{item.data.item_type}" data-itemno="{iteration.index}" style="{itemStyleColor}">
+                        <f:render partial="Carousel/General/BackgroundImage" arguments="{_all}" />
+                        <div class="carousel-content">
+                            <f:render partial="Carousel/Item/{item.data.item_type -> bk2k:format.upperCamelCase()}" arguments="{_all}" />
+                        </div>
+                    </div>
+                </f:for>
+            </div>
+            <f:render partial="Carousel/Control/Indicator" arguments="{_all}" />
+            <f:render partial="Carousel/Control/Control" arguments="{_all}" />
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Csv.html

@@ -0,0 +1,62 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:for each="{files}" as="file">
+        <f:if condition="{file.table}">
+            <div class="table-responsive">
+                <table class="table{f:if(condition: data.table_class, then: ' table-{data.table_class}')}">
+                    <f:for each="{file.table}" as="row" iteration="rowIterator">
+                        <f:if condition="{rowIterator.isFirst}">
+                            <f:then>
+                                <f:if condition="{data.table_header_position} == 1">
+                                    <f:then>
+                                        <thead>
+                                    </f:then>
+                                    <f:else>
+                                        <tbody>
+                                    </f:else>
+                                </f:if>
+                            </f:then>
+                            <f:else>
+                                <f:if condition="{rowIterator.isLast}">
+                                    <f:if condition="{data.table_tfoot}">
+                                        </tbody>
+                                        <tfoot>
+                                    </f:if>
+                                </f:if>
+                            </f:else>
+                        </f:if>
+                        <tr>
+                            <f:for each="{row}" as="cell" iteration="columnIterator">
+                                <f:render partial="Table/Columns" arguments="{_all}" />
+                            </f:for>
+                        </tr>
+                        <f:if condition="{rowIterator.isFirst}">
+                            <f:then>
+                                <f:if condition="{data.table_header_position} == 1">
+                                    </thead>
+                                    <tbody>
+                                </f:if>
+                            </f:then>
+                            <f:else>
+                                <f:if condition="{rowIterator.isLast}">
+                                    <f:if condition="{data.table_tfoot}">
+                                        <f:then>
+                                            </tfoot>
+                                        </f:then>
+                                        <f:else>
+                                            </tbody>
+                                        </f:else>
+                                    </f:if>
+                                </f:if>
+                            </f:else>
+                        </f:if>
+                    </f:for>
+                </table>
+            </div>
+        </f:if>
+    </f:for>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Div.html

@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <hr>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/ExternalMedia.html

@@ -0,0 +1,21 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <bk2k:externalMedia url="{data.external_media_source}" class="embed-responsive-item">
+        <f:if condition="{externalMedia}">
+            <f:then>
+                <div class="embed-responsive embed-responsive-{data.external_media_ratio}">
+                    <f:format.raw>{externalMedia}</f:format.raw>
+                </div>
+            </f:then>
+            <f:else>
+                <div class="alert alert-warning">
+                    <f:translate key="externalmediaunsupported" extensionName="bootstrap_package" arguments="{0: '<strong>{data.external_media_source}</strong>'}" />
+                </div>
+            </f:else>
+        </f:if>
+    </bk2k:externalMedia>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Generic.html

@@ -0,0 +1,12 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:comment>This templates is used to provide nessesary functionality for external processed content and could be used across multiple sources, for example the frontend login content element.</f:comment>
+    <f:if condition="{content}">
+        <f:then>{content -> f:format.raw()}</f:then>
+        <f:else><f:cObject typoscriptObjectPath="tt_content.{data.CType}.20" data="{data}" table="tt_content" /></f:else>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Header.html

@@ -0,0 +1,3 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Html.html

@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <f:format.raw>{data.bodytext}</f:format.raw>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/IconGroup.html

@@ -0,0 +1,47 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:bk2k="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{records}">
+        <div class="icongroup icongroup-align-{data.pi_flexform.align} icongroup-columns-{data.pi_flexform.columns} icongroup-iconposition-{data.pi_flexform.icon_position}">
+            <f:for each="{records}" as="item" iteration="iteration">
+                <div class="icongroup-item">
+                    <f:if condition="{item.iconFile.0}">
+                        <div class="icongroup-item-icon">
+                            <bk2k:inlineSvg image="{item.iconFile.0}" />
+                        </div>
+                    </f:if>
+                    <div class="icongroup-item-text">
+                        <h4 class="icongroup-item-text-header">
+                            <f:render section="LinkWrap" arguments="{link: item.data.link, linkTitle: item.data.header}" contentAs="content">
+                                {item.data.header}
+                            </f:render>
+                        </h4>
+                        <f:if condition="{item.data.subheader}">
+                            <p class="icongroup-item-text-subheader">{item.data.subheader}</p>
+                        </f:if>
+                        <f:if condition="{item.data.bodytext}">
+                            <f:format.html>{item.data.bodytext}</f:format.html>
+                        </f:if>
+                    </div>
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+<f:section name="LinkWrap">
+
+    <f:if condition="{link}">
+        <f:then>
+            <f:link.typolink parameter="{link}" title="{linkTitle -> bk2k:format.trim()}">
+                {content -> f:format.raw()}
+            </f:link.typolink>
+        </f:then>
+        <f:else>
+            <span>{content -> f:format.raw()}</span>
+        </f:else>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Image.html

@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:render partial="Media/Gallery" arguments="{_all}" />
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/List.html

@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:cObject typoscriptObjectPath="tt_content.list.20.{data.list_type}" data="{data}" table="tt_content" />
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/ListGroup.html

@@ -0,0 +1,14 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{items}">
+        <ul class="list-group">
+            <f:for each="{items}" as="content" iteration="iterateRow">
+                <li class="list-group-item">{content}</li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Mailform.html

@@ -0,0 +1,9 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Header" />
+<f:section name="Main">
+
+    <f:cObject typoscriptObjectPath="tt_content.mailform.20" data="{data}" table="tt_content" />
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/Media.html

@@ -0,0 +1,8 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:render partial="Media/Gallery" arguments="{_all}" />
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuAbstract.html

@@ -0,0 +1,20 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:if condition="{page.data.abstract}">
+                        <f:format.html>{page.data.abstract}</f:format.html>
+                    </f:if>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuCardDir.html

@@ -0,0 +1,70 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.menu_card_dir.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <div class="card-menu card-menu card-menu-align-{data.pi_flexform.align} card-menu-columns-{data.pi_flexform.columns}">
+            <f:for each="{menu}" as="page">
+                <div class="card-menu-item">
+
+                    <div class="card">
+                        <f:if condition="{page.files.0}">
+                            <div class="card-img-top">
+                                <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
+                                </a>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <f:if condition="{page.icon}">
+                                <div class="card-icon">
+                                    <f:if condition="{page.icon.0.extension} === svg">
+                                        <f:then>
+                                            <bk2k:inlineSvg image="{page.icon.0}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                        </f:then>
+                                        <f:else>
+                                            <f:image additionalAttributes="{loading: 'lazy'}" image="{page.icon.0}" alt="{page.icon.0.alternative}" title="{page.icon.0.title}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </f:if>
+                            <f:if condition="{page.title}">
+                                <h3 class="card-title">
+                                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                        <f:format.crop maxCharacters="{settings.menucard.title.crop}">{page.title}</f:format.crop>
+                                    </a>
+                                </h3>
+                            </f:if>
+                            <f:if condition="{page.data.subtitle}">
+                                <h4 class="card-subtitle">
+                                    <f:format.crop maxCharacters="{settings.menucard.subtitle.crop}">{page.data.subtitle}</f:format.crop>
+                                </h4>
+                            </f:if>
+                            <f:if condition="{page.data.abstract}">
+                                <p class="card-text"><f:format.crop maxCharacters="{settings.menucard.abstract.crop}">{page.data.abstract}</f:format.crop></p>
+                            </f:if>
+                        </div>
+                        <div class="card-footer">
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} class="card-link" title="{page.title}" data-toggle="tooltip">
+                                <f:if condition="{data.readmore_label}">
+                                    <f:then>
+                                        {data.readmore_label}
+                                    </f:then>
+                                    <f:else>
+                                        <f:translate key="readmore" extensionName="bootstrap_package" />
+                                    </f:else>
+                                </f:if>
+                            </a>
+                        </div>
+                    </div>
+
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuCardList.html

@@ -0,0 +1,70 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:variable name="imageConfig">{settings.responsiveimages.contentelements.menu_card_list.{data.pi_flexform.columns}}</f:variable>
+        <bk2k:data.imageVariants as="variants" variants="{variants}" multiplier="{imageConfig.multiplier}" gutters="{imageConfig.gutters}" corrections="{imageConfig.corrections}" />
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <div class="card-menu card-menu card-menu-align-{data.pi_flexform.align} card-menu-columns-{data.pi_flexform.columns}">
+            <f:for each="{menu}" as="page">
+                <div class="card-menu-item">
+
+                    <div class="card">
+                        <f:if condition="{page.files.0}">
+                            <div class="card-img-top">
+                                <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                    <f:render partial="Media/Rendering/Image" arguments="{file: page.files.0, data: page.data, settings: settings, variants: variants}" />
+                                </a>
+                            </div>
+                        </f:if>
+                        <div class="card-body">
+                            <f:if condition="{page.icon}">
+                                <div class="card-icon">
+                                    <f:if condition="{page.icon.0.extension} === svg">
+                                        <f:then>
+                                            <bk2k:inlineSvg image="{page.icon.0}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                        </f:then>
+                                        <f:else>
+                                            <f:image additionalAttributes="{loading: 'lazy'}" image="{page.icon.0}" alt="{page.icon.0.alternative}" title="{page.icon.0.title}" width="{settings.menucard.icon.width}" height="{settings.menucard.icon.height}" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </f:if>
+                            <f:if condition="{page.title}">
+                                <h3 class="card-title">
+                                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" data-toggle="tooltip">
+                                        <f:format.crop maxCharacters="{settings.menucard.title.crop}">{page.title}</f:format.crop>
+                                    </a>
+                                </h3>
+                            </f:if>
+                            <f:if condition="{page.data.subtitle}">
+                                <h4 class="card-subtitle">
+                                    <f:format.crop maxCharacters="{settings.menucard.subtitle.crop}">{page.data.subtitle}</f:format.crop>
+                                </h4>
+                            </f:if>
+                            <f:if condition="{page.data.abstract}">
+                                <p class="card-text"><f:format.crop maxCharacters="{settings.menucard.abstract.crop}">{page.data.abstract}</f:format.crop></p>
+                            </f:if>
+                        </div>
+                        <div class="card-footer">
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} class="card-link" title="{page.title}" data-toggle="tooltip">
+                                <f:if condition="{data.readmore_label}">
+                                    <f:then>
+                                        {data.readmore_label}
+                                    </f:then>
+                                    <f:else>
+                                        <f:translate key="readmore" extensionName="bootstrap_package" />
+                                    </f:else>
+                                </f:if>
+                            </a>
+                        </div>
+                    </div>
+
+                </div>
+            </f:for>
+        </div>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuCategorizedContent.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{content}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{content}" as="element">
+                <li>
+                    <f:link.page pageUid="{element.data.pid}" section="{element.data.uid}" title="{element.data.header}">{element.data.header}</f:link.page>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuCategorizedPages.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuPages.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuRecentlyUpdated.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuRelatedPages.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuSection.html

@@ -0,0 +1,42 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <f:if condition="{menu -> f:count()} > 1">
+            <f:then>
+                <ul>
+                    <f:for each="{menu}" as="page">
+                        <li>
+                            <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                            <f:render section="Menu" arguments="{page: page}" />
+                        </li>
+                    </f:for>
+                </ul>
+            </f:then>
+            <f:else>
+                <f:for each="{menu}" as="page">
+                    <f:render section="Menu" arguments="{page: page}" />
+                </f:for>
+            </f:else>
+        </f:if>
+    </f:if>
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{page.content}">
+        <ul>
+            <f:for each="{page.content}" as="element">
+                <f:if condition="{element.data.header}">
+                    <li>
+                        <a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.subheader}">{element.data.header}</a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuSectionPages.html

@@ -0,0 +1,33 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{page: page}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{page.content}">
+        <ul>
+            <f:for each="{page.content}" as="element">
+                <f:if condition="{element.data.header}">
+                    <li>
+                        <a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.subheader}">{element.data.header}</a>
+                    </li>
+                </f:if>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuSitemap.html

@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+    </f:if>
+    <f:render section="Menu" arguments="{menu: menu}" />
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{menu}">
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{menu: page.children}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuSitemapPages.html

@@ -0,0 +1,25 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+    </f:if>
+    <f:render section="Menu" arguments="{menu: menu}" />
+
+</f:section>
+<f:section name="Menu">
+
+    <f:if condition="{menu}">
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                    <f:render section="Menu" arguments="{menu: page.children}" />
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>

typo3conf/ext/bootstrap_package/Resources/Private/Templates/ContentElements/MenuSubpages.html

@@ -0,0 +1,17 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:layout name="Default" />
+<f:section name="Main">
+
+    <f:if condition="{menu}">
+        <f:render partial="Menu/SkipNavigation" arguments="{_all}" />
+        <ul>
+            <f:for each="{menu}" as="page">
+                <li>
+                    <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}">{page.title}</a>
+                </li>
+            </f:for>
+        </ul>
+    </f:if>
+
+</f:section>
+</html>