Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
diff --git a/catalog-ui/src/index.html b/catalog-ui/src/index.html
index eb67796..4e1b73b 100644
--- a/catalog-ui/src/index.html
+++ b/catalog-ui/src/index.html
@@ -20,18 +20,27 @@
     <meta charset="utf-8">
     <title>SDC</title>
     <base href="/">
+    <link rel="stylesheet" type="text/css" href="/sdc1/assets/preloading.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/sdc1/assets/styles/images/favicon.png">
 
 </head>
 <body data-ng-class="bodyClass">
 
 <!--<h1>Index.html</h1>-->
-<app-root>Loading...</app-root>
+
+
+<app-root>
+    <div class="preloading-page">
+        <div class="project-icon" ><img src="/sdc1/assets/styles/images/splashScreen/splashscreen_logo_and_text.png"></div>
+        <div class="preloading-page-loading">Loading<span>.</span><span>.</span><span>.</span></div>
+    </div>
+</app-root>
 <!--<h2>Before ui-view</h2>-->
 <div ui-view style="height:100%"></div>
 <!--<h2>After ui-view</h2>-->
+
 <script src="/sdc1/scripts/inline.bundle.js"></script>
 <script src="/sdc1/scripts/polyfills.bundle.js"></script>
 <script src="/sdc1/scripts/vendor.bundle.js"></script>