Husky/Hochzeit
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Homedesign geändert

Browse Source
This commit is contained in:
HuskyTeufel
2022-01-13 14:33:32 +01:00
parent a37ed61622
commit f2645108b0
4 changed files with 41 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/app/home/home.component.css
View File

@@ -10,12 +10,20 @@
.section-heading-page {
background: #228fb8;
color: white;
height: 150px;
position: relative;
top:250px;
}
.container {
.section-name {
position: relative;
top: 50px;
}
text-align: center;
.section-countdown {
position:relative;
top: -170px;
}
@@ -23,3 +31,4 @@

63
ui/src/app/home/home.component.html
View File

@@ -1,58 +1,9 @@
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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 class="section-heading-page">
<div class="section-name">
<h1 class="heading-page">Annika &amp; Damian</h1>
<div class="text-center mt-10">20.08.2022</div>
</div>
<div class="section-countdown">
<app-countdown></app-countdown>
</div>
</div>
<!--
<div class="wrapper-table">
<div class="wrapper-table-cell">
</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>
</div>
</div>
</div>
</div>
-->

44
ui/src/app/navbar/navbar.component.html
View File

@@ -1,25 +1,19 @@
<!-- NAVBAR -->
<!--===============================================================-->
<nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" routerLink="/home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Unser Fest</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Bilder</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Wunschbüechli</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
</li>
</ul>
</nav>
<!-- NAVBAR END -->
<nav class="navbar fixed-top navbar-expand-sm justify-content-center navbar-light bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" routerLink="/home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Unser Fest</a>
</li>
<!--<li class="nav-item">
<a class="nav-link" href="#">Bilder</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Wunschbüechli</a>
</li>-->
<li class="nav-item">
<a class="nav-link" routerLink="/besucher">Anmeldung zum Fest</a>
</li>
</ul>
</nav>

4
ui/src/styles.css
View File

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