<mvc:View
		controllerName="sap.ui.documentation.sdk.controller.Welcome"
		xmlns="sap.m"
		xmlns:l="sap.ui.layout"
		xmlns:core="sap.ui.core"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns:custom="sap.ui.documentation">

	<Page showHeader="false" class="sapUiHomePage">
		<landmarkInfo>
			<PageAccessibleLandmarkInfo
				contentRole="Main"
				contentLabel="Get Started with UI5"/>
		</landmarkInfo>
		<Panel accessibleRole="Region" class="sapUiNoContentPadding" backgroundDesign="Transparent">
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell class="sapUiNoContentPadding sapUiDemokitLandingImageCell welcomeImageCell">
						<Image
							id="phoneImage"
							src="./resources/sap/ui/documentation/sdk/images/Home_S_cropped_1.jpg"
							width="100%"
							class="welcomeImage"
							densityAware="false"
							load=".handleLandingImageLoad"
							visible="{device>/system/phone}"/>
						<Image
							src="./resources/sap/ui/documentation/sdk/images/Home_M_and_L_cropped_1.jpg"
							width="100%"
							densityAware="false"
							class="welcomeImage"
							load=".handleLandingImageLoad"
							visible="{=!${device>/system/phone}}"/>

						<l:VerticalLayout
							id="landingImageHeadline"
							visible="false"
							width="100%"
							class="welcomeImageTextLayout">
							<Text class="welcomeImageTextHeadline"
								text="{i18n>WELCOME_BLOCK_1_TEXT_1}"
								width="100%"
								textAlign="Center"/>
							<l:HorizontalLayout>
								<Button
									text="{i18n>WELCOME_BLOCK_1_START_BTN}"
									type="Emphasized"
									press=".onGetStarted"
									class="actionButton"/>
								<Button
									class="actionButton sapContrast sapContrastPlus sapUiSmallMarginBegin"
									visible="{=${welcomeView>/isOpenUI5} !== undefined}"
									id="readMoreButton"
									text="{i18n>WELCOME_BLOCK_1_DOWNLOAD_BTN}"
									press=".onDownloadButtonPress">
								</Button>
							</l:HorizontalLayout>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel	accessibleRole="Region"
				backgroundDesign="Transparent"
				class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>WELCOME_KEY_FEATURES}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:Grid
								defaultSpan="L6 M12 S12"
								hSpacing="0"
								vSpacing="0">
							<l:VerticalLayout
									width="100%">
								<custom:TitleLink
										href="topic/50eadaac8d2e49ee8996dc2b560cb76b"
										text="{i18n>WELCOME_BLOCK_2_TITLE}"
										titleStyle="H2"
										class="sapUiSmallMarginBottom"/>
								<Text text="{i18n>WELCOME_BLOCK_2_TEXT}"/>
							</l:VerticalLayout>
							<Image
									src="./resources/sap/ui/documentation/sdk/images/Fiori_guidelines_image.png"
									alt="{i18n>WELCOME_BLOCK_2_IMG_ALT}"
									densityAware="false"
									width="100%">
								<layoutData>
									<l:GridData span="L6 M12 S12"/>
								</layoutData>
							</Image>
						</l:Grid>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout
								width="100%">
							<custom:TitleLink
								text="{i18n>WELCOME_BLOCK_3_TITLE}"
								href="topic/23cfd955f58142389fa7c9097e11559c"
								class="sapUiSmallMarginBottom"
								titleStyle="H2"/>
							<Text
									text="{i18n>WELCOME_BLOCK_3_TEXT_1}"
									class="sapUiSmallMarginBottom"/>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_2}"/>
							</HBox>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_3}"/>
							</HBox>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_4}"/>
							</HBox>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_5}"/>
							</HBox>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_6}"/>
							</HBox>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_3_TEXT_7}"/>
							</HBox>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>

				<l:BlockLayoutRow visible="{= ${versionData>/isOpenUI5}}">
					<core:Fragment fragmentName="sap.ui.documentation.sdk.view.WelcomeCustomRowOpenUI5" type="XML" />
				</l:BlockLayoutRow>
				<l:BlockLayoutRow visible="{= !${versionData>/isOpenUI5}}">
					<core:Fragment fragmentName="sap.ui.documentation.sdk.view.WelcomeCustomRowSAPUI5" type="XML" />
				</l:BlockLayoutRow>

<!-- This block layout row will be commented until BGSOFUIPIRIN-5473 is completely finished-->
<!--				<l:BlockLayoutRow>-->
<!--					<l:BlockLayoutCell-->
<!--							backgroundColorSet="ColorSet10"-->
<!--							backgroundColorShade="ShadeA">-->
<!--						<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">-->
<!--							<core:HTML sanitizeContent="true" content='-->
<!--								&lt;div class="videoWrapper"&gt;-->
<!--									&lt;iframe src="https://www.youtube.com/embed/6_CQYtmRJNg" title="YouTube video player" frameborder="0"-->
<!--												 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="true" /&gt;-->
<!--								&lt;/div&gt;'>-->
<!--								<core:layoutData>-->
<!--									<FlexItemData maxWidth="35rem" growFactor="1" />-->
<!--								</core:layoutData>-->
<!--							</core:HTML>-->
<!--						</HBox>-->
<!--					</l:BlockLayoutCell>-->
<!--					<l:BlockLayoutCell-->
<!--							backgroundColorSet="ColorSet10"-->
<!--							backgroundColorShade="ShadeD">-->
<!--						<l:VerticalLayout-->
<!--								width="100%">-->
<!--							<custom:TitleLink-->
<!--									text="{i18n>WELCOME_VIDEO_BLOCK_TITLE}"-->
<!--									class="sapUiSmallMarginBottom"-->
<!--									href="https://www.youtube.com/watch?v=6_CQYtmRJNg"-->
<!--									target="_blank"-->
<!--									titleStyle="H2"/>-->
<!--							<Text-->
<!--									text="{i18n>WELCOME_VIDEO_BLOCK_TEXT_1}"-->
<!--									class="sapUiSmallMarginBottom"/>-->
<!--							<FormattedText-->
<!--									htmlText="{i18n>WELCOME_VIDEO_BLOCK_TEXT_2}"-->
<!--									class="sapUiSmallMarginBottom"/>-->
<!--						</l:VerticalLayout>-->
<!--					</l:BlockLayoutCell>-->
<!--				</l:BlockLayoutRow>-->
			</l:BlockLayout>
		</Panel>

		<core:Fragment fragmentName="sap.ui.documentation.sdk.view.StartCodingRowOpenUI5" type="XML" />
		<core:Fragment fragmentName="sap.ui.documentation.sdk.view.FioriDevelopmentRowSAPUI5" type="XML" />

		<Panel	accessibleRole="Region"
			backgroundDesign="Transparent"
			class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>WELCOME_BLOCK_7_TITLE}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout
								width="100%">
							<custom:TitleLink
									href="topic/28fcd55b04654977b63dacbee0552712"
									text="{i18n>WELCOME_BLOCK_7_TITLE}"
									class="sapUiSmallMarginBottom"
									titleStyle="H2"/>
							<Text
									text="{i18n>WELCOME_BLOCK_7_TEXT_1}"
									class="sapUiSmallMarginBottom"/>
							<Text text="{i18n>WELCOME_BLOCK_7_TEXT_2}" />
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
							<HBox alignItems="Center" justifyContent="Center" width="100%" height="100%">
								<Image
									src="./resources/sap/ui/documentation/sdk/images/Evolution_demokit_illustration_single.png"
									densityAware="false"
									class="sapUiTinyMarginBeginEnd"
									width="100%"
									alt="{i18n>WELCOME_BLOCK_7_ALT}">
									<layoutData>
										<FlexItemData maxWidth="37.5rem" />
									</layoutData>
								</Image>
							</HBox>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel	accessibleRole="Region"
			backgroundDesign="Transparent"
			class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>WELCOME_CHOOSE_SCENARIO}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout
								width="100%">
							<custom:DivContainer class="sapUIDisclaimerLink sapUiSmallMarginBottom">
								<custom:TitleLink
										href="https://www.sap.com/developer/tutorials/hcp-create-trial-account.html"
										text="{i18n>WELCOME_BLOCK_8_TITLE}"
										titleStyle="H2"
										target="_blank"/>
								<Image
									src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
									tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
									width="1.25rem"
									press=".onDisclaimerLinkPress"/>
							</custom:DivContainer>
							<Text
									text="{i18n>WELCOME_BLOCK_8_TEXT_1}"
									class="sapUiSmallMarginBottom"/>
							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_8_TEXT_2}"/>
							</HBox>
							<HBox class="sapUiSmallMarginBottom">
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_8_TEXT_3}"/>
							</HBox>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout
								width="100%">
							<custom:DivContainer class="sapUIDisclaimerLink sapUiSmallMarginBottom">
								<custom:TitleLink
										href="https://ui5.sap.com/#/topic/91f346786f4d1014b6dd926db0e91070"
										target="_blank"
										text="{i18n>WELCOME_BLOCK_9_TITLE}"
										titleStyle="H2"/>
								<Image
									src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
									tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
									width="1.25rem"
									press=".onDisclaimerLinkPress"/>
							</custom:DivContainer>
							<Text
									text="{i18n>WELCOME_BLOCK_9_TEXT_1}"
									class="sapUiSmallMarginBottom"/>

							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_9_TEXT_2}"/>
							</HBox>
							<HBox class="sapUiSmallMarginBottom">
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_9_TEXT_3}"/>
							</HBox>

						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout
								width="100%">
							<custom:DivContainer class="sapUIDisclaimerLink sapUiSmallMarginBottom">
								<custom:TitleLink
										href="http://openui5.org"
										text="{i18n>WELCOME_BLOCK_10_TITLE}"
										target="_blank"
										titleStyle="H2"/>
								<Image
									src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
									tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
									width="1.25rem"
									press=".onDisclaimerLinkPress"/>
							</custom:DivContainer>
							<Text
									text="{i18n>WELCOME_BLOCK_10_TEXT_1}"
									class="sapUiSmallMarginBottom"/>

							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_10_TEXT_2}"/>
							</HBox>
							<HBox class="sapUiSmallMarginBottom">
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_10_TEXT_3}"/>
							</HBox>

						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout
								width="100%">
							<custom:TitleLink
									href="topic/2d3eb2f322ea4a82983c1c62a33ec4ae"
									text="{i18n>WELCOME_BLOCK_11_TITLE}"
									titleStyle="H2"
									class="sapUiSmallMarginBottom"/>
							<Text
									text="{i18n>WELCOME_BLOCK_11_TEXT_1}"
									class="sapUiSmallMarginBottom"/>

							<HBox>
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_11_TEXT_2}"/>
							</HBox>
							<HBox class="sapUiSmallMarginBottom">
								<core:Icon
										src="sap-icon://accept"
										size="0.875rem"
										color="Default"
										class="sapUiTinyMarginBegin sapUiSmallMarginEnd"/>
								<Text text="{i18n>WELCOME_BLOCK_11_TEXT_3}"/>
							</HBox>

						</l:VerticalLayout>
					</l:BlockLayoutCell>

				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel	accessibleRole="Region"
			backgroundDesign="Transparent"
			class="sapUiNoContentPadding">
			<headerToolbar>
				<Toolbar class="headlineCell">
					<Title width="100%"
						text="{i18n>WELCOME_JOIN_COMMUNITY}"
						level="H1"
						titleStyle="H1"
						class="sapUiMediumMarginTopBottom"/>
				</Toolbar>
			</headerToolbar>

			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeA">
						<HBox alignItems="Center" justifyContent="Center">
							<core:Icon
								src="sap-icon://collaborate"
								size="2.5rem"
								color="Default"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="https://community.sap.com/topics/ui5"
								target="_blank"
								text="{i18n>WELCOME_BLOCK_12_TITLE}"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeB">
						<HBox alignItems="Center" justifyContent="Center">
							<Image
								src="./resources/sap/ui/documentation/sdk/images/logo_stackoverflow.png"
								width="2.5rem"
								densityAware="false"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="http://stackoverflow.com/search?q=sapui5"
								target="_blank"
								text="StackOverflow"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-external.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeD">
						<HBox alignItems="Center" justifyContent="Center">
							<Image
								src="./resources/sap/ui/documentation/sdk/images/logo_youtube.png"
								width="2.5rem"
								densityAware="false"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="https://youtube.com/openui5videos"
								target="_blank"
								text="YouTube"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-external.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>

				<l:BlockLayoutRow>
					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeC">
						<HBox alignItems="Center" justifyContent="Center">
							<Image
								src="./resources/sap/ui/documentation/sdk/images/logo_bsky.png"
								width="2.5rem"
								densityAware="false"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="https://bsky.app/profile/ui5.bsky.social"
								target="_blank"
								text="Bluesky"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-external.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeA">
						<HBox alignItems="Center" justifyContent="Center">
							<Image
								src="./resources/sap/ui/documentation/sdk/images/logo_linkedin.png"
								width="2.5rem"
								densityAware="false"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="https://www.linkedin.com/company/openui5/"
								target="_blank"
								text="LinkedIn"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-external.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_EXTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
						width="1"
						backgroundColorSet="ColorSet10"
						backgroundColorShade="ShadeB">
						<HBox alignItems="Center" justifyContent="Center">
							<core:Icon
								src="sap-icon://email"
								size="2.5rem"
								color="Default"
								class="sapUiCommunityLinkLogo"/>
							<custom:TitleLink
								href="https://listserv.sap.com/mailman/listinfo/ui5.announce"
								target="_blank"
								text="{i18n>WELCOME_BLOCK_13_TITLE}"
								wrap="false"
								class="sapUiSmallMargin sapUiNoMarginBottom sapUiNoMarginEnd sapUiCommunityLinkTitle"/>
							<Image
								src="./resources/sap/ui/documentation/sdk/images/link-sap.png"
								tooltip="{i18n>LEGAL_DISCLAIMER_INTERNAL_TOOLTIP}"
								width="1.25rem"
								class="sapUiDisclaimerCommunityLink"
								press=".onDisclaimerLinkPress"/>
						</HBox>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<core:Fragment id="footerFragment" fragmentName="sap.ui.documentation.sdk.view.Footer" type="XML" />

	</Page>
</mvc:View>