<mvc:View
		height="100%"
		width="100%"
		controllerName="sap.ui.documentation.sdk.controller.TopicDetailInitial"
		xmlns="sap.m"
		xmlns:l="sap.ui.layout"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns:core="sap.ui.core"
		xmlns:custom="sap.ui.documentation">
	<Page id="topicDetailPage"
		  showHeader="false"
		  class="sapUiNoContentPadding sapUiDemoApps">
		<landmarkInfo>
			<PageAccessibleLandmarkInfo
				contentRole="Main"
				contentLabel="Documentation"/>
		</landmarkInfo>

		<Panel accessibleRole="Region" class="sapUiNoContentPadding" backgroundDesign="Transparent">
			<l:BlockLayout>
				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="sapUiNoContentPadding sapUiDemokitLandingImageCell sapUiNoContentPadding">
						<Image
							id="phoneImage"
							src="./resources/sap/ui/documentation/sdk/images/Docu_S_cropped_1.jpg"
							width="100%"
							densityAware="false"
							class="landingImage"
							load=".handleLandingImageLoad"
							visible="{device>/system/phone}"/>

						<Image
							src="./resources/sap/ui/documentation/sdk/images/Docu_M_and_L_cropped_1.jpg"
							width="100%"
							densityAware="false"
							class="landingImage"
							load=".handleLandingImageLoad"
							visible="{=!${device>/system/phone}}"/>

						<l:VerticalLayout
							id="landingImageHeadline"
							class="sapUiDocumentationDocumentationHeading"
							visible="false"
							width="100%">
							<Text
								text="{i18n>TOPIC_DETAIL_INIT_DOCUMENTATION}"
								width="100%"
								textAlign="Left"/>
							<l:HorizontalLayout>
								<Button
										class="actionButton"
										text="{i18n>TOPIC_DETAIL_INIT_DOWNLOAD_BTN}"
										type="Emphasized"
										press=".onDownloadButtonPress"/>
								<Button
										class="actionButton sapUiSmallMarginBegin"
										visible="{= ${versionData>/isOpenUI5}}"
										text="GitHub"
										type="Emphasized"
										press=".onGitHubButtonPress"/>
							</l:HorizontalLayout>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

		<Panel accessibleRole="Region" class="sapUiNoContentPadding" backgroundDesign="Transparent">
			<l:BlockLayout>
				<l:BlockLayoutRow id="disclaimerBlock" visible="false">
					<l:BlockLayoutCell
							backgroundColorSet="ColorSet9"
							backgroundColorShade="ShadeA">
						<MessageStrip
							id="disclaimerMessage"
							showIcon="true"/>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>

				<l:BlockLayoutRow class="sapUiContentPadding">
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout width="100%">
						<custom:TitleLink
								width="100%"
								text="{i18n>TOPIC_DETAIL_INIT_BLOCK_1_TITLE}"
								href="topic/99ac68a5b1c3416ab5c84c99fefa250d"
								titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_1_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout width="100%">
						<custom:TitleLink
								width="100%"
								text="{i18n>TOPIC_DETAIL_INIT_BLOCK_2_TITLE}"
								href="topic/167193ced54c41c3961d7df3479d7bbe"
								titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_2_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							width="2"
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_3_TITLE}"
									href="topic/8b49fc198bf04b2d9800fc37fecbb218"
									titleStyle="H1"/>
							<Text text="{i18n>TOPIC_DETAIL_INIT_BLOCK_3_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>

				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							width="2"
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_4_TITLE}"
									href="topic/23cfd955f58142389fa7c9097e11559c"
									titleStyle="H1"/>
							<Text text="{i18n>TOPIC_DETAIL_INIT_BLOCK_4_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_5_TITLE}"
									href="topic/a264a9abf98d4caabbf9b027bc1005d8"
									titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_5_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeA">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_6_TITLE}"
									href="topic/8dcab0011d274051808f959800cabf9f"
									titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_6_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

				</l:BlockLayoutRow>

				<l:BlockLayoutRow>
					<l:BlockLayoutCell
							class="largeCell demokitInitialPagesColorPatternA"
							backgroundColorSet="ColorSet9"
							backgroundColorShade="ShadeA"
							visible="{=!${versionData>/isOpenUI5}}">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="SAP Fiori Elements"
									href="topic/03265b0408e2432c9571d6b3feb6b1fd"
									titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_7_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							class="largeCell demokitInitialPagesColorPatternC"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB"
							visible="{=!${versionData>/isOpenUI5}}">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_8_TITLE}"
									href="topic/1c457c53595a6655e10000000a423f68"
									titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_8_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeB">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_9_TITLE}"
									href="topic/ec699e0817fb46a0817b0fa276a249f8"
									titleStyle="H1"/>
							<Text text="{i18n>TOPIC_DETAIL_INIT_BLOCK_9_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>

					<l:BlockLayoutCell
							class="largeCell"
							backgroundColorSet="ColorSet10"
							backgroundColorShade="ShadeC">
						<l:VerticalLayout width="100%">
							<custom:TitleLink
									width="100%"
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_10_TITLE}"
									href="topic/3ec6808ff0f34a75a9f40748cf9989b9"
									titleStyle="H1"/>
							<Text
									text="{i18n>TOPIC_DETAIL_INIT_BLOCK_10_TEXT}"/>
						</l:VerticalLayout>
					</l:BlockLayoutCell>
				</l:BlockLayoutRow>
			</l:BlockLayout>
		</Panel>

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