Skip to content

Commit 7851617

Browse files
moacirmodarenzon
moacirmoda
authored and
renzon
committed
final adjusts in client landing page
1 parent 6022002 commit 7851617

File tree

2 files changed

+63
-38
lines changed

2 files changed

+63
-38
lines changed

‎pythonpro/core/static/css/client.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
background-color: #9FD260 !important;
77
}
88

9+
.bg-gray {
10+
background-color: #f0f0f0 !important;
11+
}
12+
913
a, div, p, span {
1014
text-decoration: none;
1115
font-family: Gilroy-Regular;
@@ -78,7 +82,7 @@ h3 .ec, h4 .ec {
7882

7983
.real {
8084
padding-left: 10px;
81-
letter-spacing: -2px;
85+
letter-spacing: -1px;
8286
}
8387

8488
.centavos {

‎pythonpro/payments/templates/payments/client_landing_page.html‎

Lines changed: 58 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -102,12 +102,12 @@
102102
<div class="col-sm-9 hero">
103103
<h1 class='text-light font-weight-bold'>Chegou a hora de ir além do básico!</h1>
104104
<p class='text-light mb-5 mt-3'>
105-
Com o PyTools você vai <b><u>aprender as ferramentas que o mercado procura</u></b>.
106-
Além disso, vai <u>criar seu primeiro projeto</u> de maneira profissional.
105+
Com o PyTools você vai <b><b>aprender as ferramentas que o mercado procura</b></b>.
106+
Além disso, vai <b>criar seu primeiro projeto</b> de maneira profissional.
107107
</p>
108108

109109
<button class="cta btn btn-warning mt-10">
110-
SIM! Eu quero <u><b>ir além do básico!</b></u>
110+
SIM! Eu quero <b><b>ir além do básico!</b></b>
111111
</button>
112112
</div>
113113

@@ -119,22 +119,27 @@ <h1 class='text-light font-weight-bold'>Chegou a hora de ir além do básico!</h
119119
<div class="container">
120120
<div class="row">
121121
<div class="col mb-5 mt-5">
122-
<h2 class='font-weight-bold mb-5'>Olá, eu me chamo Renzo Nuccitelli,</h2>
122+
<h2 class='font-weight-bold mb-5'>Olá! Eu me chamo Renzo Nuccitelli,</h2>
123123
<img src='{% static "img/profile.jpeg" %}' class="img-fuild float-right ml-3 mb-3" width="300px">
124124
<p>
125-
<span>
126-
Sou programador há 13 anos. Já fui diretor de tecnologia em duas empresas e também trabalhei na maior compania de Sofware Aberto do mundo, a Red Hat. Já prestei consultoria em diversas outras empresas, como o Hotel Urbano.
127-
Também já palestrei em diversos enventos de tecnologia, como Python Brasil, GDG, Agile Vale e muitos outros.
128-
Meu sonho sempre foi que as pessoas tivessem as mesmas oportunidades que construi...
129-
</span>
125+
Sou programador há 13 anos. Já fui diretor de tecnologia em duas empresas
126+
e também trabalhei na maior empresa de sofware aberto do mundo, a
127+
Red Hat. Também já fui consultor de diversas outras empresas, como o Hotel Urbano.
130128
</p>
129+
<p>
130+
Também já palestrei em diversos enventos de tecnologia, como <b>Python Brasil,
131+
GDG, Agile Vale</b> e muitos outros.
132+
</p>
133+
<p><b class='highlight'>
134+
Meu sonho sempre foi que as pessoas pudessem construir as mesmas oportunidades que construi...
135+
</b></p>
131136
<p>
132137
Por isso estou aqui para te fazer uma proposta que tenho certeza que vai te deixar
133-
muito interessado, mas antes eu preciso te contar uma história.
138+
muito interessado.
134139
</p>
135-
140+
136141
<h3 class='mb-5 mt-5'>
137-
Vamos voltar alguns anos no tempo…
142+
Mas antes, vamos voltar alguns anos no tempo…
138143
</h3>
139144

140145
<p>
@@ -151,7 +156,7 @@ <h3 class='mb-5 mt-5'>
151156
<p>
152157
Mas estava no fim. Eu estava quase conseguindo.
153158
E o melhor, eu sabia que eu era muito bom programador, afinal eu havia
154-
aprendido com os melhores, <u>em uma das mais prestigiadas faculdades do Brasil.</u>
159+
aprendido com os melhores, <b>em uma das mais prestigiadas faculdades do Brasil.</b>
155160
</p>
156161

157162
<p>
@@ -183,15 +188,15 @@ <h3 class='mb-5 mt-5'>
183188
configuração de ambiente, testes automatizados...
184189
</p>
185190
<p>
186-
<u>Eu não tinha aprendido nada disso na faculdade. </u>
191+
<b>Eu não tinha aprendido nada disso na faculdade. </b>
187192
</p>
188193

189194
<h3 class='mb-5 mt-5 font-weight-bold'>
190195
E agora?
191196
</h3>
192197

193198
<p>
194-
Acabou que, depois de <b><u>penar muito</b></u>, consegui aprender isso
199+
Acabou que, depois de <b><b>penar muito</b></b>, consegui aprender isso
195200
procurando em livros, na internet e contando com a ajuda (quando dava)
196201
dos meus colegas de trabalho.
197202
</p>
@@ -208,7 +213,7 @@ <h3 class='mb-5 mt-5 font-weight-bold'>
208213
</p>
209214

210215
<p>
211-
E, acredite, 10 anos depois <b><u>este cenário não mudou.</b></u>
216+
E, acredite, 10 anos depois <b><b>este cenário não mudou.</b></b>
212217
</p>
213218

214219
<p>
@@ -304,8 +309,8 @@ <h3 class='mt-5 mb-5'>
304309
atuar nos projetos da empresa.
305310
</p>
306311

307-
<p><u class='font-weight-bold'>
308-
Enfim eu consegui resolver este problema...</u>
312+
<p><b class='font-weight-bold'>
313+
Enfim eu consegui resolver este problema...</b>
309314

310315
</p>
311316

@@ -319,8 +324,8 @@ <h3 class='mt-5 mb-5'>
319324
</p>
320325

321326
<p>
322-
Eu <u>programava</u>, <u>comandava a equipe</u>, atuava como <u>diretor de tecnologia</u> e
323-
também <u>lecionava</u>.
327+
Eu <b>programava</b>, <b>comandava a equipe</b>, atuava como <b>diretor de tecnologia</b> e
328+
também <b>lecionava</b>.
324329
</p>
325330

326331
<p>
@@ -348,15 +353,25 @@ <h3 class='mt-5 mb-5'>
348353
<div class="container">
349354
<div class="row text-light">
350355
<div class="col mt-5 mb-5">
351-
<h2 class=''>E foi assim que nasceu o <b>Curso Intermediário de Python!</b></h2>
352-
<h4 class='mb-5'>
356+
<u><h2 class='text-center text-uppercase'>
357+
E foi assim que nasceu o <b>Curso Intermediário de Python!</b>
358+
</h2></u>
359+
<h4 class='text-center'>
353360
(ou <b>PyTools</b> para os mais íntimos
354361
<span class="ec ec-sunglasses"></span>)
355362
</h4>
356-
357-
<p>
363+
</div>
364+
</div>
365+
</div>
366+
</div>
367+
368+
<div>
369+
<div class="container">
370+
<div class="row">
371+
<div class="col mb-5 mt-5">
372+
<h2 class=''>
358373
<b>Com o PyTools você vai focar nas ferramentas que o mercado procura!</b>
359-
</p>
374+
</h2>
360375
<p>
361376
Eu te digo isso com propriedade pois eu o criei pra resolver esse
362377
problema na empresa em que eu trabalhava.
@@ -393,7 +408,7 @@ <h3 class='font-weight-bold mt-5'>
393408
</p>
394409

395410
<p class='mb-5'>
396-
Além disso, você vai aprender como <b>contribuir com estes projetos!</b>
411+
Além disso, você vai aprender como <b class='highlight'>contribuir com estes projetos!</b>
397412
</p>
398413

399414
<h3 class='font-weight-bold mt-5'>
@@ -418,7 +433,7 @@ <h3 class='font-weight-bold mt-5'>
418433

419434
<p>
420435
Você também vai aprender como desenvolver da forma correta,
421-
<b>utilizando testes automatizados.</b>
436+
<b class='highlight'>utilizando testes automatizados.</b>
422437
</p>
423438

424439
<p>
@@ -427,16 +442,16 @@ <h3 class='font-weight-bold mt-5'>
427442
</p>
428443

429444
<p class='mb-5'>
430-
Por fim, você vai aprender a utilizar o <b>Pipenv</b> para manter seu
431-
projeto completamente organizado e replicável.
445+
Por fim, você vai aprender a utilizar o <span class='highlight'><b>Pipenv</b> para manter seu
446+
projeto completamente organizado e replicável.</span>
432447
Seu software vai funcionar na sua máquina e também no servidor de produção!
433448
</p>
434449
</div>
435450
</div>
436451
</div>
437452
</div>
438453

439-
<div class=''>
454+
<div class='bg-gray'>
440455
<div class="container">
441456
<div class="row">
442457
<div class="col mt-5 mb-5">
@@ -481,7 +496,11 @@ <h4 class='font-weight-bold'>ACESSO VITALÍCIO</h4>
481496
<div class="container">
482497
<div class="row">
483498
<div class="col mt-5 mb-5">
484-
<h2 class='mb-5'><b>E tem mais... </b>Além do curso PyTools, eu preparei mais três bônus pra você!
499+
<h3><b>E tem mais... </b></h3>
500+
501+
<h2 class='mb-5'>
502+
Além do curso <b>PyTools</b>, eu preparei mais
503+
<b><u>três bônus pra você!</b></u>
485504
</h2>
486505

487506
<h4 class='font-weight-bold mt-5'>
@@ -572,7 +591,7 @@ <h2 class='font-weight-bold mb-5'>Quanto custa tudo isso?</h2>
572591
</p>
573592

574593
<h3 class='mt-5 mb-5'>
575-
<b>"<u>Por que não disponibilizar este curso pra todo mundo?</u>"</b>
594+
<b>"<b>Por que não disponibilizar este curso pra todo mundo?</b>"</b>
576595
</h3>
577596

578597
<p>
@@ -630,9 +649,9 @@ <h3 class='mt-5 mb-5'>
630649
<h2 class='font-weight-bold'>HOJE, VOCÊ TERÁ ACESSO AO CURSO POR APENAS:</h2>
631650
<p class='price'>
632651
<b>12x </b>
633-
<b class='real'> {{ price_installment|floatformat:2 }}</b>
652+
<b class='real'> R$ {{ price_installment|floatformat:2 }}</b>
634653
<br>
635-
<span class='a-vista'>(ou R$ {{ price_float|floatformat:2 }} à vista)</span>
654+
<i class='a-vista'>(ou apenas <b>R$ {{ price_float|floatformat:2 }}</b> se você comprar à vista)</i>
636655
</p>
637656
<button class="cta-2x btn btn-warning">
638657
<b>SIM! Eu quero ir além do básico!</b>
@@ -697,8 +716,10 @@ <h2 class='font-weight-bold mb-5'>"Mas e se eu não gostar do curso?"</h2>
697716
<div class="row">
698717
<div class="col mt-5 mb-5">
699718
<h3 class='mb-5'><b>
700-
<span class="ec ec-heart-eyes"></span>
701719
Já são vários alunos transformados!
720+
<span class="ec ec-heart-eyes"></span>
721+
<span class="ec ec-heart-eyes"></span>
722+
<span class="ec ec-heart-eyes"></span>
702723
</h3>
703724
<div class='social-proof'>
704725
{% include 'core/social_proof.html' %}
@@ -821,9 +842,9 @@ <h4 class='mt-5'>
821842
<h2 class='font-weight-bold'>ADQUIRA O PYTOOLS POR APENAS:</h2>
822843
<p class='price'>
823844
<b>12x </b>
824-
<b class='real'>R$ {{ price_installment|floatformat:2 }}</b>
845+
<b class='real'> R$ {{ price_installment|floatformat:2 }}</b>
825846
<br>
826-
<span class='a-vista'>(ou R$ {{ price_float|floatformat:2 }} à vista)</span>
847+
<i class='a-vista'>(ou apenas <b>R$ {{ price_float|floatformat:2 }}</b> se você comprar à vista)</i>
827848
</p>
828849

829850
<button class="cta-2x btn btn-warning">

0 commit comments

Comments
 (0)