Design angepasst vom home

ui/src/app/app.component.html

@@ -1,7 +1,3 @@
 <app-navbar></app-navbar>
 
 <router-outlet></router-outlet>
-
-
-<!--<app-besucher></app-besucher>-->
-

ui/src/app/countdown/countdown.component.css

@@ -1,7 +1,7 @@
 .content-comming-soon {
   height: auto;
   margin: auto;
-  position: relative;
+  
   width: 100%;
   box-sizing: border-box;
   text-align: center;
@@ -11,9 +11,9 @@
 }
 
 #comming-soon {
-  position: absolute;
+  
-  background-color: red;
+ 
-  display: flex;
+ 
 
   
 }
@@ -37,7 +37,7 @@
   font-size: 44px;
   line-height: 64px;
   box-sizing: border-box;
-  text-align: center;
+
 }
 
 .comming-soon-date {
@@ -46,5 +46,5 @@
   display: block;
   font-size: 16px;
   box-sizing: border-box;
-  text-align: center;
+  
 }

ui/src/app/home/home.component.css

@@ -12,25 +12,14 @@
     color: white;
     
 }
-.col-xs-12 {
-    width: 100%;
-}
 
 .container {
-    width:1170px;
     
     text-align: center;
 }
 
-.wrapper-table {
-    display: table;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-}
 
-.wrapper-table-cell {
+
-    display: table-cell;
+
-    text-align: center;
+
-    vertical-align: middle;
+
-}

ui/src/app/home/home.component.html

@@ -11,14 +11,41 @@
 <br />
 <br />
 
+<div class="container">
+    <div class="row align-items-start">
+        <div class="col">
+            <div class="container">
+                <div class="row">
+                    <div class="col align-self-center">
+                        <app-countdown></app-countdown>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col">
+                        <div class="section-heading-page">
+                            <h1 class="heading-page">Annika &amp; Damian</h1>
+                            <div class="text-center mt-10">20.08.2022</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--
+
+
+
 <div class="wrapper-table">
     <div class="wrapper-table-cell">
-        <app-countdown></app-countdown>
+        
     </div>
     <div class="section-heading-page">
         <div class="container">
             <div class="row">
                 <div class="col-xs-12">
+                    <div class="heading-page"><app-countdown></app-countdown></div>
                     <h1 class="heading-page">Annika &amp; Damian</h1>
                     <div class="subtitle-page text-center mt-10">20.08.2022</div>
                 </div>
@@ -28,3 +55,4 @@
 </div>
 
   
+-->

ui/src/app/navbar/navbar.component.html

@@ -1,4 +1,4 @@
-<p>Navbar works</p>
+
 <!-- NAVBAR -->
     <!--===============================================================-->
     <nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">

ui/src/styles.css

@@ -2,9 +2,9 @@
 * {
     font-size: 15px;
 }
-html, body { height: 100%; }
+
 body {
-    margin: 0;
+    
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 15px;
 }