From 4880277ab3caa046be1e46cc684a04e40019b222 Mon Sep 17 00:00:00 2001
From: s426231 <patpus@st.amu.edu.pl>
Date: Sat, 20 Oct 2018 10:45:37 +0200
Subject: [PATCH] Class fix + css mod

---
 blogcenter/index.html     | 10 +++++----
 blogcenter/indexstyle.css | 44 +++++++++++++++++++--------------------
 2 files changed, 28 insertions(+), 26 deletions(-)
diff --git a/blogcenter/index.html b/blogcenter/index.html
index 9fdbd9e..3dbb148 100644
--- a/blogcenter/index.html
+++ b/blogcenter/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="pl">
     <head>
-        <title>BlogCenter</title>
+        <title>Projekt blogowy</title>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         
@@ -18,10 +18,11 @@
     </head>
     
     <body class="body">
-        <div class="background">
-            <img src="img/artist-camera-dslr-22185.jpg" alt="Photo by Zukiman Mohamad from Pexels">
+        <header>
+        <div class="navHeader">
+            <img src="img/artist-camera-dslr-22185.jpg" alt="Bloggero - najlepszy serwis blogowy!">
         </div>
-            <div class="row header">
+            <div class="row elementsOnHeader">
                 <div class="col-md-2 login">
                     <a href="login.html" class="button" role="button">Zarządzaj blogiem</a>
                 </div>
@@ -34,6 +35,7 @@
                     <input type="submit">
                 </div>
             </div>
+        </header>
             <div class="row mainrow">
                 <div class="col-md-12"><h2>Najnowsze wpisy:</h2></div>
                 <div class="col-md-4 mininote"> 
diff --git a/blogcenter/indexstyle.css b/blogcenter/indexstyle.css
index 8cb8ee5..b81f2fa 100644
--- a/blogcenter/indexstyle.css
+++ b/blogcenter/indexstyle.css
@@ -2,7 +2,7 @@
     background-color: azure;
 }
 
-.background{
+.navHeader{
     position:absolute;
     width: 100%;
     height: 500px;
@@ -11,13 +11,13 @@
     z-index: -1;
 }
 
-.background img {
-    width: 100%;
-    height: 500px;
-    z-index: -1;
-}
+    .navHeader img {
+        width: 100%;
+        height: 500px;
+        z-index: -1;
+    }
 
-.header {
+.elementsOnHeader {
     position: sticky;
     width: 100%;
     height: 500px;
@@ -25,23 +25,23 @@
     margin-left: 0;
 }
 
-.header .login {
-    left: 82%;
-    top: 2%;
-    padding: 0;
-}
+    .elementsOnHeader .login {
+        left: 82%;
+        top: 2%;
+        padding: 0;
+    }
 
-.header .register {
-    text-align: center;
-    top: 30%; 
-    padding: 0;
-}
+    .elementsOnHeader .register {
+        text-align: center;
+        top: 30%; 
+        padding: 0;
+    }
 
-.header .search {
-    left: 20%;
-    top: 85%;
-    padding: 0;
-}
+    .elementsOnHeader .search {
+        left: 20%;
+        top: 85%;
+        padding: 0;
+    }
 
 .mainrow {
     top: 68%;
