Skip to content

Commit 1aa0b7c

Browse files
lucasmaciel-glucasmaciel-g
authored
Atualizando página de mkt
Aprimorando a página com uso de ícones através de seus códigos.
1 parent ebb6a2f commit 1aa0b7c

File tree

2 files changed

+28
-74
lines changed

2 files changed

+28
-74
lines changed

‎estrategia/tjmg/index.html

Lines changed: 12 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -18,46 +18,15 @@
1818

1919
<div class="subTitulo">
2020
<h1>Esqueça a faculdade</h1>
21-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
22-
viewBox="0 0 511.974 511.974" xml:space="preserve" class="iconeDart">
23-
<path style="fill:#f13814;" d="M450.867,185.987c-11.828-27.952-28.732-53.044-50.295-74.59
24-
c-21.545-21.546-46.638-38.467-74.574-50.279c-28.936-12.249-59.676-18.452-91.346-18.452c-31.678,0-62.403,6.203-91.339,18.452
25-
c-27.944,11.812-53.044,28.733-74.59,50.279c-21.546,21.546-38.459,46.639-50.278,74.59C6.203,214.924,0,245.656,0,277.326
26-
c0,31.671,6.203,62.403,18.444,91.34c11.82,27.936,28.733,53.044,50.279,74.59c21.545,21.545,46.646,38.451,74.59,50.278
27-
c28.936,12.233,59.661,18.437,91.339,18.437c31.67,0,62.41-6.203,91.346-18.437c27.937-11.827,53.029-28.733,74.574-50.278
28-
c21.562-21.546,38.467-46.654,50.295-74.59c12.233-28.937,18.437-59.669,18.437-91.34
29-
C469.303,245.656,463.1,214.924,450.867,185.987z"/>
30-
<path style="fill:#E6E9ED;" d="M347.779,164.192c-30.218-30.217-70.388-46.857-113.127-46.857c-42.74,0-82.917,16.64-113.135,46.857
31-
S74.66,234.595,74.66,277.326c0,42.732,16.64,82.902,46.857,113.135c30.217,30.218,70.395,46.857,113.135,46.857
32-
c42.739,0,82.909-16.64,113.127-46.857c30.232-30.232,46.872-70.402,46.872-113.135
33-
C394.651,234.594,378.011,194.409,347.779,164.192z"/>
34-
<path style="fill:#f13814;" d="M234.652,191.987c-47.052,0-85.332,38.279-85.332,85.339c0,47.045,38.279,85.324,85.332,85.324
35-
c47.052,0,85.331-38.279,85.331-85.324C319.983,230.266,281.704,191.987,234.652,191.987z"/>
36-
<path style="fill:#32d6f9;" d="M511.379,82.555c-1.359-3.859-4.812-6.609-8.89-7.062l-59.403-6.608l-6.594-59.388
37-
c-0.453-4.078-3.203-7.531-7.077-8.891c-3.859-1.359-8.171-0.375-11.077,2.516L342.92,78.556c-1.734,1.734-2.828,4.031-3.062,6.484
38-
l-5.453,54.888c-0.406,4.156,1.641,8.171,5.25,10.28c1.672,0.969,3.516,1.438,5.375,1.438c2.156,0,4.312-0.641,6.155-1.953
39-
l37.779-26.686l-26.687,37.795c-2.406,3.406-2.609,7.905-0.5,11.515c1.922,3.312,5.438,5.297,9.203,5.297
40-
c0.359,0,0.703-0.016,1.062-0.047l54.903-5.438c2.453-0.25,4.734-1.328,6.483-3.078l75.418-75.417
41-
C511.754,90.742,512.722,86.43,511.379,82.555z"/>
42-
<path style="fill:#434A54;" d="M234.652,287.982c-2.734,0-5.461-1.031-7.546-3.125c-4.164-4.156-4.164-10.905,0.008-15.077
43-
l32.841-32.842c4.164-4.172,10.922-4.172,15.093,0c4.156,4.156,4.156,10.921,0,15.077l-32.857,32.842
44-
C240.112,286.951,237.378,287.982,234.652,287.982z"/>
45-
<path style="fill:#0580d9;" d="M440.976,71.009c-1.812-1.812-5.016-3.968-9.999-3.968c-9.812,0-28.452,8.608-97.761,71.043
46-
c-37.623,33.904-72.824,68.246-73.168,68.59c-2.055,2.016-3.218,4.766-3.218,7.641v30.154c0,5.891,4.781,10.672,10.671,10.672h30.17
47-
c2.875,0,5.625-1.156,7.625-3.219c0.375-0.375,37.842-38.764,73.199-78.293c20.889-23.358,36.998-42.576,47.888-57.138
48-
c6.812-9.108,11.562-16.327,14.53-22.108C442.883,90.555,448.867,78.899,440.976,71.009z"/>
49-
</svg>
50-
<h2>Foque neste edital</h2>
51-
<hr>
21+
<h2>&#x1F3AF Foque neste edital</h2>
5222
</div>
23+
<hr class="linha">
24+
5325
<h3 class="textoImpacto">TJ MG: Poucos estão olhando para essa oportunidade</h3>
5426

5527
<div class="conteudoTexto">
5628
<p>Olá, concurseiro. Tudo bem?</p>
57-
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet" class="iconeCheck">
58-
<path fill="#15c50b" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28z"></path><path fill="#FFF" d="M29.28 6.362a2.502 2.502 0 0 0-3.458.736L14.936 23.877l-5.029-4.65a2.5 2.5 0 1 0-3.394 3.671l7.209 6.666c.48.445 1.09.665 1.696.665c.673 0 1.534-.282 2.099-1.139c.332-.506 12.5-19.27 12.5-19.27a2.5 2.5 0 0 0-.737-3.458z"></path>
59-
</svg>
60-
<p class="paragrafoIcone">O concurso do TJ MG está cada vez mais perto de ter seu edital publicado.</p>
29+
<p class="paragrafoIcone"> &#x2705 O concurso do TJ MG está cada vez mais perto de ter seu edital publicado.</p>
6130
<p>A banca já foi definida. Será a <span>MS Concursos.</span>
6231
</p>
6332
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" class="iconeHands">
@@ -325,43 +294,21 @@ <h3 class="textoImpacto">TJ MG: Poucos estão olhando para essa oportunidade</h3
325294
<p class="paragrafoIcone">E o que mais chama atenção nesse certame é que as vagas serão focadas para <span>NÍVEL MÉDIO.</span></p>
326295
<p>Isso mesmo! Você não precisa de faculdade para ingressar nesse concurso.</p>
327296
<p>Haverá vagas para:</p>
328-
<div class="listagem">
329-
<li>Oficial Judiciário - Comissão da Infância e da Juventude; e</li>
330-
<li>Oficial Judiciário - Oficial Judiciário.</li>
331-
</div>
297+
<ul class="listagemNOrdenada">
298+
<li>Oficial Judiciário - Comissão da Infância e da Juventude; e</li>
299+
<li>Oficial Judiciário - Oficial Judiciário.</li>
300+
</ul>
332301
<p>E dê uma olhada na remuneração com a reestruturação:</p>
333-
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
334-
viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" class="iconeStar"><g><path fill="#394240" d="M31.998,2.478c0.279,0,0.463,0.509,0.463,0.509l8.806,18.759l20.729,3.167l-14.999,15.38l3.541,21.701l-18.54-10.254l-18.54,10.254l3.541-21.701L2,24.912l20.729-3.167l8.798-18.743C31.527,3.002,31.719,2.478,31.998,2.478 M31.998,0c-0.775,0-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343
335-
c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957
336-
c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719
337-
c0.302,0.166,0.636,0.25,0.968,0.25c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704
338-
l14.294-14.657c0.523-0.537,0.703-1.321,0.465-2.031c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15
339-
C33.479,0.448,32.773,0,31.998,0L31.998,0z"/>
340-
<path fill="#ffc83d" d="M31.998,2.478c0.279,0,0.463,0.509,0.463,0.509l8.806,18.759l20.729,3.167l-14.999,15.38l3.541,21.701
341-
l-18.54-10.254l-18.54,10.254l3.541-21.701L2,24.912l20.729-3.167l8.798-18.743C31.527,3.002,31.719,2.478,31.998,2.478"/>
342-
</g>
343-
</svg>
344-
<p class="paragrafoIcone">O salário inicial é de <span>R$3.661,03.</span></p>
302+
<p class="paragrafoIcone"> ⭐ O salário inicial é de <span>R$3.661,03.</span></p>
345303
<br>
346-
<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
347-
viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" class="iconeStar"><g><path fill="#394240" d="M31.998,2.478c0.279,0,0.463,0.509,0.463,0.509l8.806,18.759l20.729,3.167l-14.999,15.38l3.541,21.701l-18.54-10.254l-18.54,10.254l3.541-21.701L2,24.912l20.729-3.167l8.798-18.743C31.527,3.002,31.719,2.478,31.998,2.478 M31.998,0c-0.775,0-1.48,0.448-1.811,1.15l-8.815,18.778L1.698,22.935c-0.741,0.113-1.356,0.632-1.595,1.343
348-
c-0.238,0.71-0.059,1.494,0.465,2.031l14.294,14.657L11.484,61.67c-0.124,0.756,0.195,1.517,0.822,1.957
349-
c0.344,0.243,0.747,0.366,1.151,0.366c0.332,0,0.666-0.084,0.968-0.25l17.572-9.719l17.572,9.719
350-
c0.302,0.166,0.636,0.25,0.968,0.25c0.404,0,0.808-0.123,1.151-0.366c0.627-0.44,0.946-1.201,0.822-1.957l-3.378-20.704
351-
l14.294-14.657c0.523-0.537,0.703-1.321,0.465-2.031c-0.238-0.711-0.854-1.229-1.595-1.343l-19.674-3.006L33.809,1.15
352-
C33.479,0.448,32.773,0,31.998,0L31.998,0z"/>
353-
<path fill="#ffc83d" d="M31.998,2.478c0.279,0,0.463,0.509,0.463,0.509l8.806,18.759l20.729,3.167l-14.999,15.38l3.541,21.701
354-
l-18.54-10.254l-18.54,10.254l3.541-21.701L2,24.912l20.729-3.167l8.798-18.743C31.527,3.002,31.719,2.478,31.998,2.478"/>
355-
</g>
356-
</svg>
357-
<p class="paragrafoIcone">O salário final da carreira chega a <span>R$17.595,16.</span></p>
304+
<p class="paragrafoIcone"> ⭐ O salário final da carreira chega a <span>R$17.595,16.</span></p>
358305
<p>E olhe só os benefícios:</p>
359-
<div class="listagem">
306+
<ul class="listagemNOrdenada">
360307
<li>o auxílio-transporte;</li>
361308
<li>auxílio-creche</li>
362309
<li>auxílio-saúde; e</li>
363310
<li>auxílio-refeição</li>
364-
</div>
311+
</ul>
365312
<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" class="iconeGrinning">
366313
<path d="M40.475 70.95C57.3059 70.95 70.95 57.3059 70.95 40.475C70.95 23.6441 57.3059 10 40.475 10C23.6441 10 10 23.6441 10 40.475C10 57.3059 23.6441 70.95 40.475 70.95Z" fill="url(#paint0_radial)"/>
367314
<path opacity="0.5" d="M40.475 70.95C57.3059 70.95 70.95 57.3059 70.95 40.475C70.95 23.6441 57.3059 10 40.475 10C23.6441 10 10 23.6441 10 40.475C10 57.3059 23.6441 70.95 40.475 70.95Z" fill="url(#paint1_radial)"/>

‎estrategia/tjmg/style.css

Lines changed: 16 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
#main{
88
border: 1px solid #6011b9;
9-
width: 52%;
9+
width: 1000px;
1010
margin: 0 auto;
1111
font-family: Arial, Helvetica, sans-serif;
1212
}
@@ -50,18 +50,12 @@
5050
vertical-align: middle;
5151
}
5252

53-
.iconeDart, .iconeHands, .iconeArrow{
53+
.iconeHands, .iconeArrow{
5454
width: 30px;
5555
padding: 0 2px 7px 0;
5656
vertical-align: middle;
5757
}
5858

59-
.iconeStar{
60-
width: 20px;
61-
padding: 0 2px 7px 0;
62-
vertical-align: middle;
63-
}
64-
6559
.iconeGrinning{
6660
width: 27px;
6761
padding: 6px 0 7px 0;
@@ -95,9 +89,15 @@
9589
padding: 0 0 40px 0;
9690
}
9791

98-
.listagem{
92+
/* .listagem{
9993
padding: 0 0 40px 40px;
10094
font-style: italic;
95+
} */
96+
97+
.listagemNOrdenada{
98+
list-style: square inside;
99+
font-style: italic;
100+
padding: 0 0 40px 40px;
101101
}
102102

103103
.corpoTexto span{
@@ -162,4 +162,11 @@
162162
color: #fff;
163163
text-align: center;
164164
line-height: 20px;
165+
}
166+
167+
.linha{
168+
width: 500px;
169+
height: 1px;
170+
border-color: #7600ec;
171+
margin: 0 auto;
165172
}

0 commit comments

Comments
 (0)