Skip to content

L
landing_pages
Commit 586cfcb2 by Iren
Options

agg background to header

parent 7d3108a8
Showing with 35 additions and 8 deletions
css/styles.css
...@@ -79,6 +79,20 @@ header { ...@@ -79,6 +79,20 @@ header {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.background-banner {
background-image: url("../img/banner-background.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
margin-top: -733px;
opacity: 0.5;
margin-right: 0;
margin-left: 0;
}
.ooo {
width: 100%;
height: 733px;
}
.bbb { .bbb {
height: 733px; height: 733px;
color: red; color: red;
...@@ -89,6 +103,7 @@ header { ...@@ -89,6 +103,7 @@ header {
} }
} }
.main-container { .main-container {
position: relative;
max-width: 1250px; max-width: 1250px;
margin: 0 auto; margin: 0 auto;
padding-left: 15px; padding-left: 15px;
...@@ -704,10 +719,6 @@ header { ...@@ -704,10 +719,6 @@ header {
.price-wrapper { .price-wrapper {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
/*@media (max-width: 576px) {
position: absolute;
display: none;
}*/
} }
.price-container, .price-container,
.price-container-active { .price-container-active {
......
css/styles.less
...@@ -76,6 +76,20 @@ header { ...@@ -76,6 +76,20 @@ header {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.background-banner {
background-image: url("../img/banner-background.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
margin-top: -733px;
opacity: 0.5;
margin-right: 0;
margin-left: 0;
}
.ooo {
width: 100%;
height: 733px;
}
.bbb { .bbb {
height: 733px; height: 733px;
color: red; color: red;
...@@ -84,6 +98,7 @@ header { ...@@ -84,6 +98,7 @@ header {
} }
} }
.main-container { .main-container {
position: relative;
max-width: 1250px; max-width: 1250px;
margin: 0 auto; margin: 0 auto;
padding-left: 15px; padding-left: 15px;
...@@ -576,10 +591,6 @@ header { ...@@ -576,10 +591,6 @@ header {
.price-wrapper { .price-wrapper {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
/*@media (max-width: 576px) {
position: absolute;
display: none;
}*/
} }
.price-container, .price-container-active { .price-container, .price-container-active {
position: relative; position: relative;
......
index.html
...@@ -16,6 +16,11 @@ ...@@ -16,6 +16,11 @@
<div class="bbb">hhhhh <div class="bbb">hhhhh
</div> </div>
</div> </div>
<div class="background-banner">
<div class="ooo">
jjjj
</div>
</div>
</header> </header>
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2> <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment