rahulsahay19/index.html

## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Poseidon</title>
  <base href="./">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

</head>
<style>
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}
</style>
  <body class="kx-page">
    <!-- Polyfills for Browsers supporting
         Custom Elements. Needed b/c we downlevel
         to ES5. See: @webcomponents/custom-elements
    -->
	<link rel="stylesheet" href="styles.9127785bd30cb224e73f.css"></head>
    <script src="./native-shim.js"></script>

    <!-- Polyfills for Browsers not supporting
         Custom Elements. See: @webcomponents/custom-elements
    -->
    <script src="./custom-elements.min.js"></script>

    <!-- Zone.js -->
    <!--
      Consider excluding zone.js when creating
      custom Elements by using the noop zone.
    -->
    <script src="./zone.js"></script>

    <!-- Rx -->
    <script src="./rxjs.umd.js"></script>

    <!-- Angular Packages -->
    <script src="./core.umd.js"></script>
    <script src="./common.umd.js"></script>
    <script src="./platform-browser.umd.js"></script>
    <script src="./elements.umd.js"></script>

    <!-- Custom Element -->
    <script src="./main_header.js"></script>
	<script src="./main.js"></script>

    <!-- Calling Custom Element -->
	<app-header class="kx-page__header kx-flex"></app-header>
	<div >
	<app-footer class="kx-page__footer kx-theme--navy" style="position:fixed; left:0;bottom:0;background-color:#1a293e;color:white;text-align:center"></app-footer>
	</div>


    <!--
      Here we could call additional custom elements
      reusing the loaded packages above.
    -->

  </body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Poseidon</title>
	<base href="./">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">

	</head>
	<style>
	.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: red;
	color: white;
	text-align: center;
	}
	</style>
	<body class="kx-page">
	<!-- Polyfills for Browsers supporting
	Custom Elements. Needed b/c we downlevel
	to ES5. See: @webcomponents/custom-elements
	-->
	<link rel="stylesheet" href="styles.9127785bd30cb224e73f.css"></head>
	<script src="./native-shim.js"></script>

	<!-- Polyfills for Browsers not supporting
	Custom Elements. See: @webcomponents/custom-elements
	-->
	<script src="./custom-elements.min.js"></script>

	<!-- Zone.js -->
	<!--
	Consider excluding zone.js when creating
	custom Elements by using the noop zone.
	-->
	<script src="./zone.js"></script>

	<!-- Rx -->
	<script src="./rxjs.umd.js"></script>

	<!-- Angular Packages -->
	<script src="./core.umd.js"></script>
	<script src="./common.umd.js"></script>
	<script src="./platform-browser.umd.js"></script>
	<script src="./elements.umd.js"></script>

	<!-- Custom Element -->
	<script src="./main_header.js"></script>
	<script src="./main.js"></script>

	<!-- Calling Custom Element -->
	<app-header class="kx-page__header kx-flex"></app-header>
	<div >
	<app-footer class="kx-page__footer kx-theme--navy" style="position:fixed; left:0;bottom:0;background-color:#1a293e;color:white;text-align:center"></app-footer>
	</div>


	<!--
	Here we could call additional custom elements
	reusing the loaded packages above.
	-->

	</body>
	</html>