aktualizace index.html a stylles.css přidáno logo a upraven vzhled

2023-12-17 15:39:15 +01:00 · 2023-12-17 15:39:15 +01:00 · b87dce9e21
parent b149f048e6
commit b87dce9e21
2 changed files with 38 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -8,6 +8,7 @@
 </head>
 <body>
    <header>
+        <img src="logo/osclud_logo.png" alt="Oscloud Logo" id="logo"> 
        <h1>Oscloud váš osobní cloud</h1>
        <nav>
            <!-- Navigační odkazy -->
--- a/styles.css
+++ b/styles.css
@ -90,4 +90,41 @@ header .slogan {
    color: #555; /* Barva textu sloganu */
    margin-top: 10px; /* Horní okraj */
 }
+header {
+    background-color: #007bff; /* Modré pozadí */
+    color: white; /* Bílý text */
+    padding: 20px 0;
+    text-align: center;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 2.5em;
+}
+
+nav {
+    margin-top: 60px;
+}
+@media (max-width: 600px) {
+    header h1 {
+        font-size: 2em;
+    }
+
+    nav ul {
+        padding: 0;
+        text-align: center;
+    }
+
+    nav ul li {
+        display: inline;
+        margin: 0 10px;
+    }
+}
+#logo 
+{
+    max-width: 100%; /* zajišťuje, že logo nikdy nepřesáhne svůj kontejner */
+    height: auto; /* zachovává poměr stran loga */
+    max-height: 80px; /* maximální výška loga */
+}
+