diff --git a/app/css/main.css b/app/css/main.css index 8f5beb2..709ee03 100644 --- a/app/css/main.css +++ b/app/css/main.css @@ -22,8 +22,10 @@ body { background-color: var(--ice_blue); color: var(--black); } + button { background-color: var(--blue); + color: var(--white); padding: var(--spacing-small); border: none; cursor: pointer; @@ -42,9 +44,47 @@ header { justify-content: center; align-items: center; } -header > h1 { +header > h3 { margin: 0; + margin-right: 70%; } +header > img { + position: fixed; + padding-right: 89%; + aspect-ratio: 1/1; + object-fit: cover; + width: 8%; + height: 8%; +} + +/* Add a black background color to the top navigation */ +nav { + background-color: #333; + overflow: hidden; +} + +/* Style the links inside the navigation bar */ +nav a { + float: left; + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 17px; +} + +/* Change the color of links on hover */ +nav a:hover { + background-color: #ddd; + color: black; +} + +/* Add a color to the active/current link */ +nav a.active { + background-color: #04aa6d; + color: white; +} + /*#region Entries*/ ul { list-style: none; @@ -64,7 +104,7 @@ li { li :nth-child(3) { flex-grow: 1; } -li > figure{ +li > figure { position: relative; padding: 0; margin: 0; diff --git a/app/img/traumunterkünfte_logo.jpg b/app/img/traumunterkünfte_logo.jpg new file mode 100644 index 0000000..974df68 Binary files /dev/null and b/app/img/traumunterkünfte_logo.jpg differ diff --git a/app/index.html b/app/index.html index 7dfdb1e..f42278f 100644 --- a/app/index.html +++ b/app/index.html @@ -1,67 +1,74 @@ - - - - - Ferienwohnung Vermietung - + + + + + Traumunterkünfte + + +
+ Traumunterkünfte Logo +

Traumunterkünfte

+
- -
-

Ferienwohnung Vermietung

-
+ -
- +
- - + +