Commit 1d076157745272b7e8efc6c2e81759903f03e494
1 parent
6d60e4b6
Exists in
master
and in
4 other branches
colocado o banner na tela de inicio
Showing
3 changed files
with
22 additions
and
4 deletions
Show diff stats
src/app/pages/inicio/inicio.html
| @@ -61,7 +61,10 @@ | @@ -61,7 +61,10 @@ | ||
| 61 | </div> | 61 | </div> |
| 62 | </div> | 62 | </div> |
| 63 | <div class="col-md-4" ng-show="pageInicio.bannerRespostas"> | 63 | <div class="col-md-4" ng-show="pageInicio.bannerRespostas"> |
| 64 | - <div class="banner-respostas banner-respostas--background-pink"> | 64 | + <div class="banner-respostas"> |
| 65 | + <img class="banner-respostas--logo banner-respostas--logo-small img-responsive banner-responsive" src="/assets/images/banner_home_2.png" alt="O governo federal segue dialogando com a sociedade. Você fez sua parte mandando participando com propostas para melhorar o país e o governo respondeu. Confira aqui o resultado!"> | ||
| 66 | + </div> | ||
| 67 | + <!-- <div class="banner-respostas banner-respostas--background-pink"> | ||
| 65 | <a ui-sref="respostas" class="banner-respostas--link-top"> | 68 | <a ui-sref="respostas" class="banner-respostas--link-top"> |
| 66 | <span class="img-banner"> | 69 | <span class="img-banner"> |
| 67 | <img class="banner-respostas--logo banner-respostas--logo-small" src="/assets/images/marca_banner2.png" alt="Logo Dialoga Brasil"/> | 70 | <img class="banner-respostas--logo banner-respostas--logo-small" src="/assets/images/marca_banner2.png" alt="Logo Dialoga Brasil"/> |
| @@ -74,7 +77,7 @@ | @@ -74,7 +77,7 @@ | ||
| 74 | <div class="teste vertical-align"> | 77 | <div class="teste vertical-align"> |
| 75 | <a ui-sref="respostas" class="banner-respostas--banner2--link-bottom">CONFIRA AQUI O RESULTADO!</a> | 78 | <a ui-sref="respostas" class="banner-respostas--banner2--link-bottom">CONFIRA AQUI O RESULTADO!</a> |
| 76 | </div> | 79 | </div> |
| 77 | - </div> | 80 | + </div> --> |
| 78 | </div> | 81 | </div> |
| 79 | </div> | 82 | </div> |
| 80 | </div> | 83 | </div> |
src/app/pages/inicio/inicio.scss
| @@ -132,7 +132,7 @@ | @@ -132,7 +132,7 @@ | ||
| 132 | width: 100%; | 132 | width: 100%; |
| 133 | $bannerHeight: 338px; | 133 | $bannerHeight: 338px; |
| 134 | $bannerBottomHeight: 40px; | 134 | $bannerBottomHeight: 40px; |
| 135 | - | 135 | + |
| 136 | .img-banner { | 136 | .img-banner { |
| 137 | display: block; | 137 | display: block; |
| 138 | text-align: center; | 138 | text-align: center; |
| @@ -145,7 +145,22 @@ | @@ -145,7 +145,22 @@ | ||
| 145 | .text-bold { | 145 | .text-bold { |
| 146 | font-weight: bold; | 146 | font-weight: bold; |
| 147 | } | 147 | } |
| 148 | - | 148 | + |
| 149 | + .banner-responsive { | ||
| 150 | + | ||
| 151 | + width: inherit; | ||
| 152 | + height: inherit; | ||
| 153 | + | ||
| 154 | + @media(max-width:991px) { | ||
| 155 | + width: 50%; | ||
| 156 | + margin: 0 auto; | ||
| 157 | + } | ||
| 158 | + | ||
| 159 | + @media(max-width:768px) { | ||
| 160 | + width: inherit; | ||
| 161 | + } | ||
| 162 | + } | ||
| 163 | + | ||
| 149 | .teste { | 164 | .teste { |
| 150 | display: block; | 165 | display: block; |
| 151 | height: 35px; | 166 | height: 35px; |
133 KB