packages/create-package/template/test/pages/index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">

	<title>INIT_PACKAGE_VAR_TAG</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">

	<script data-ui5-config type="application/json">
		{
			"theme": "sap_horizon_dark",
			"language": "EN"
		}
	</script>

	<link rel="stylesheet" type="text/css" href="./css/index.css">
	<script src="../../bundle.esm.js" type="module"></script>
</head>

<body>
	<div class="app">
		<a href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-getting-started-first-steps--docs" target="_blank"><img src="./img/logo.png" alt="logo"/></a>

		<div class="app-first-component">
			<h1>Hooray! It's Your First Web Component!</h1>
			<div> <pre>&lt;INIT_PACKAGE_VAR_TAG>&lt;/INIT_PACKAGE_VAR_TAG> </pre></div>
			<INIT_PACKAGE_VAR_TAG id="myFirstComponent"></INIT_PACKAGE_VAR_TAG>
		</div>

		<div class="app-settings">

			<h2>Switch themes</h2>
			<div style="display: flex; flex-direction: row;">
				<a class="link" href="?sap-ui-theme=sap_horizon">Horizon</a>
				<a class="link" href="?sap-ui-theme=sap_horizon_dark">Horizon Dark</a>
				<a class="link" href="?sap-ui-theme=sap_horizon_hcb">Horizon High Contrast Black</a>
				<a class="link" href="?sap-ui-theme=sap_horizon_hcw">Horizon High Contrast White</a>
			</div>

			<h2>Switch language</h2>
			<div>
				<a class="link" href="?sap-ui-language=en">English</a>
				<a class="link" href="?sap-ui-language=de">German</a>
				<a class="link" href="?sap-ui-language=es">Spanish</a>
				<a class="link" href="?sap-ui-language=fr">French</a>
			</div>
		</div>

		<div class="app-docs">
			<h2>Documentation</h2>
			<a class="link" href="https://sap.github.io/ui5-webcomponents/playground/?path=/docs/docs-development-custom-ui5-web-components-packages--docs">Custom Component Development</a>
		</div>
	</div>
</body>
</html>