Skip to content

Commit 8da72d9

Browse files
committed
Changing card structure and refactor page-banner
1 parent 41a01cb commit 8da72d9

File tree

6 files changed

+24
-56
lines changed

6 files changed

+24
-56
lines changed

dist/category.html

Lines changed: 16 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -13,38 +13,28 @@
1313
height: 567px;
1414
z-index: 4;
1515
}
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-
}
2816
</style>
2917
</head>
3018
<body>
3119
<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>
4029

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>
4333
</div>
4434
</nav>
4535

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">
4838
<source srcset="./images/background-header-desktop.jpg" media="(min-width: 1200px)" />
4939
<source srcset="./images/background-header-large.jpg" media="(min-width: 960px)" />
5040
<source srcset="./images/background-header-medium.jpg" media="(min-width: 768px)" />
@@ -59,8 +49,8 @@ <h1 class="page-title" arial-level="1" role="heading">
5949
</header>
6050
</section>
6151

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">
6454
<h2 class="widget__title card-title card-title--high-contrast">
6555
Explique seu problema
6656
<small>Peça orçamento grátis, online!</small>

dist/gaiden.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/gaiden.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/images/getninjas-construcao.svg

Lines changed: 1 addition & 27 deletions
Loading

0 commit comments

Comments
 (0)