redesign #1
@ -9,7 +9,7 @@
|
||||
<title>Home</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="header_image_home">
|
||||
<div class="header_image" id="header_index">
|
||||
<div id="page_title">
|
||||
<h1>Lorem ipsum</h1>
|
||||
</div>
|
||||
|
@ -7,7 +7,7 @@ body {
|
||||
background-color: lightslategrey;
|
||||
}
|
||||
/* PAGE HEADER */
|
||||
#header_image_home {
|
||||
.header_image {
|
||||
background-color: rgb(29,49,49);
|
||||
background-image: url("/images/headers/index/index_1024.webp");
|
||||
background-repeat: no-repeat;
|
||||
@ -21,9 +21,9 @@ body {
|
||||
position: sticky;
|
||||
top: -145px;
|
||||
}
|
||||
@media(min-width: 1025px){#header_image_home{background-image:url("/images/headers/index/index_1920.webp")}}
|
||||
@media(min-width: 1921px){#header_image_home{background-image:url("/images/headers/index/index_2800.webp")}}
|
||||
@media(min-width: 2801px){#header_image_home{background-image:url("/images/headers/index/index_4096.webp")}}
|
||||
@media(min-width: 1025px){#header_index{background-image:url("/images/headers/index/index_1920.webp")}}
|
||||
@media(min-width: 1921px){#header_index{background-image:url("/images/headers/index/index_2800.webp")}}
|
||||
@media(min-width: 2801px){#header_index{background-image:url("/images/headers/index/index_4096.webp")}}
|
||||
#page_title { /* This may be best floating above content div rather than inside header div */
|
||||
background-color: #2f4f4f8f;
|
||||
font-family: sans-serif;
|
||||
|
Loading…
Reference in New Issue
Block a user