13
13
height : 567px ;
14
14
z-index : 4 ;
15
15
}
16
-
17
- @media screen and (max-width : 419px ) {
18
- # gn-request-form-widget {
19
- margin-top : -110px ;
20
- }
21
- }
22
-
23
- @media screen and (max-width : 767px ) {
24
- # gn-request-form-widget {
25
- margin-top : -135px ;
26
- }
27
- }
28
16
</ style >
29
17
</ head >
30
18
< body >
31
19
< nav class ="menu menu--over ">
32
- < div class ="brand menu__brand ">
33
- < a href ="# " class ="brand__link " tabindex ="1 ">
34
- < img src ="/images/getninjas-construcao.svg " alt ="Logo do GetNinjas Construção " class ="brand__image ">
35
- < h1 class ="brand__name "> GetNinjas
36
- < small > Construção</ small >
37
- </ h1 >
38
- </ a >
39
- </ div >
20
+ < div class ="container ">
21
+ < div class ="brand menu__brand ">
22
+ < a href ="# " class ="brand__link " tabindex ="1 ">
23
+ < img src ="/images/getninjas-construcao.svg " alt ="Logo do GetNinjas Construção " class ="brand__image ">
24
+ < h1 class ="brand__name ">
25
+ < img src ="/images/getninjas.svg " alt =""> < small > Construção</ small >
26
+ </ h1 >
27
+ </ a >
28
+ </ div >
40
29
41
- < div class ="menu__options hide-small ">
42
- < a href ="# " class ="btn btn--small btn--outline-reversed "> Quero me cadastrar como profissional</ a >
30
+ < div class ="menu__options hide-small ">
31
+ < a href ="# " class ="btn btn--small btn--outline-reversed "> Quero me cadastrar como profissional</ a >
32
+ </ div >
43
33
</ div >
44
34
</ nav >
45
35
46
- < section class ="page-banner " role ="banner ">
47
- < picture class ="picture picture--cover ">
36
+ < section class ="page-banner page-banner--over " role ="banner ">
37
+ < picture class ="picture picture--cover page-banner__picture ">
48
38
< source srcset ="./images/background-header-desktop.jpg " media ="(min-width: 1200px) " />
49
39
< source srcset ="./images/background-header-large.jpg " media ="(min-width: 960px) " />
50
40
< source srcset ="./images/background-header-medium.jpg " media ="(min-width: 768px) " />
@@ -59,8 +49,8 @@ <h1 class="page-title" arial-level="1" role="heading">
59
49
</ header >
60
50
</ section >
61
51
62
- < section class ="container ">
63
- < div class ="widget widget--over-banner col-small-11 col-medium-10 col-large-6 col-centered ">
52
+ < section class ="container page-banner-over ">
53
+ < div class ="widget col-small-11 col-medium-10 col-large-6 col-centered ">
64
54
< h2 class ="widget__title card-title card-title--high-contrast ">
65
55
Explique seu problema
66
56
< small > Peça orçamento grátis, online!</ small >
0 commit comments