Class fix + css mod
This commit is contained in:
parent
52a0cdfd81
commit
4880277ab3
@ -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">
|
||||
|
@ -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%;
|
||||
|
Loading…
Reference in New Issue
Block a user