Skip to content

Commit 0f56f87

Browse files
renzonrenzon
renzon
authored and
renzon
committed
Implemented first draft for promo page
related #149
1 parent 116274d commit 0f56f87

17 files changed

Lines changed: 260 additions & 179 deletions

File tree

‎pythonpro/core/templates/core/base.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
{% load static %}
2+
<!DOCTYPE html>
3+
<html lang="pt-br">
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>Python Pro</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
8+
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"/>
9+
<link rel="stylesheet" href="{% static 'css/default.css' %}"/>
10+
<script type="application/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
11+
<script type="application/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
12+
<link href='//fonts.googleapis.com/css?family=Ubuntu:400,500' rel='stylesheet' type='text/css'/>
13+
</head>
14+
<body>
15+
<nav class="navbar navbar-dark bg-dark justify-content-between">
16+
<a class="navbar-brand" href="/">Python Pro</a>
17+
<form class="form-inline">
18+
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Entrar</button>
19+
</form>
20+
</nav>
21+
{% block body %}
22+
{% endblock body %}
23+
<footer class="main-footer mt-5">
24+
<div class="container">
25+
<div class="row">
26+
<div class="col">
27+
<h3 class="mt-3">Entre em contato</h3>
28+
<address class="main-address">
29+
+55 12 99741-1854<br/>
30+
<a href="mailto:ramalho@python.pro.br">ramalho@python.pro.br</a><br/>
31+
<a href="mailto:renzo@python.pro.br">renzo@python.pro.br</a>
32+
</address>
33+
</div>
34+
</div>
35+
</div>
36+
<div class="rights pt-1">
37+
<div class="container">
38+
<div class="row">
39+
<div class="col">
40+
<p>{% now "Y" %} Python Pro. Todos os direitos reservados.</p>
41+
</div>
42+
</div>
43+
</div>
44+
</div>
45+
</footer>
46+
<script>
47+
(function (i, s, o, g, r, a, m) {
48+
i['GoogleAnalyticsObject'] = r;
49+
i[r] = i[r] || function () {
50+
(i[r].q = i[r].q || []).push(arguments)
51+
}, i[r].l = 1 * new Date();
52+
a = s.createElement(o),
53+
m = s.getElementsByTagName(o)[0];
54+
a.async = 1;
55+
a.src = g;
56+
m.parentNode.insertBefore(a, m)
57+
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
58+
59+
ga('create', 'UA-44718512-1', 'python.pro.br');
60+
ga('send', 'pageview');
61+
62+
</script>
63+
</body>
64+
</html>

‎pythonpro/core/templates/core/index.html‎

Lines changed: 101 additions & 178 deletions
Original file line numberDiff line numberDiff line change
@@ -1,206 +1,129 @@
1+
{% extends 'core/base.html' %}
12
{% load static %}
2-
<!DOCTYPE html>
3-
<html lang="pt-br">
4-
<head>
5-
<meta charset="UTF-8">
6-
<title>Python Pro</title>
7-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
8-
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"/>
9-
<link rel="stylesheet" href="{% static 'css/default.css' %}"/>
10-
<script type="application/javascript" src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
11-
<script type="application/javascript" src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
12-
<link href='//fonts.googleapis.com/css?family=Ubuntu:400,500' rel='stylesheet' type='text/css'/>
13-
</head>
14-
<body>
15-
<nav class="navbar navbar-dark bg-dark justify-content-between">
16-
<a class="navbar-brand" href="/">Python Pro</a>
17-
<form class="form-inline">
18-
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Entrar</button>
19-
</form>
20-
</nav>
21-
<div class="colors-pallet d-none d-md-block">
22-
<div class="color-1 pallet"></div>
23-
<div class="color-2 pallet"></div>
24-
<div class="color-3 pallet"></div>
25-
<div class="color-4 pallet"></div>
26-
</div>
27-
<div class="container">
28-
<div class="row">
29-
<div class="col">
30-
<h1 class="pythonpro-title mt-3"><span class="python">Python</span> Pro</h1>
31-
<h2 class="pythonpro-subtitle mb-5">Python para Profissionais</h2>
32-
</div>
3+
{% block body %}
4+
<div class="colors-pallet d-none d-md-block">
5+
<div class="color-1 pallet"></div>
6+
<div class="color-2 pallet"></div>
7+
<div class="color-3 pallet"></div>
8+
<div class="color-4 pallet"></div>
339
</div>
34-
<div class="row">
35-
<div class="col">
36-
<div class="jumbotron justify-content-center text-center">
37-
<h1>Cadastre-se na lista de espera</h1>
38-
<form class="form-inline justify-content-center"
39-
action="https://python.us17.list-manage.com/subscribe/post?u=ff7c56095f83f9c254edd749e&amp;id=a88d1dd555"
40-
method="post" name="mc-embedded-subscribe-form"
41-
target="_blank">
42-
<div class="form-row">
43-
<div class="col">
44-
<input type="email" name="EMAIL" class="form-control" placeholder="Email" required="required">
45-
</div>
46-
<div class="col">
47-
<input type="text" name="FNAME" class="form-control" placeholder="Nome" required="required">
48-
</div>
49-
<div style="position: absolute; left: -5000px;" aria-hidden="true">
50-
<input type="text"
51-
name="b_ff7c56095f83f9c254edd749e_a88d1dd555"
52-
tabindex="-1" value=""></div>
53-
<div class="col">
54-
<button type="submit" class="btn btn-primary mb-2">Cadastrar</button>
55-
</div>
56-
57-
</div>
58-
</form>
10+
<div class="container">
11+
<div class="row">
12+
<div class="col">
13+
<h1 class="pythonpro-title mt-3"><span class="python">Python</span> Pro</h1>
14+
<h2 class="pythonpro-subtitle mb-5">Python para Profissionais</h2>
5915
</div>
6016
</div>
61-
</div>
62-
<div class="row mt-3">
63-
<div class="col">
64-
<h3 class="mb-4">Para quem é voltado esse curso?</h3>
65-
<p>Profissionais de outras áreas que desejam atuar com TI</p>
66-
<p>Programdores de outra linguagens que querem migrar para Python</p>
67-
<p>Quem já programa com Python mas quer se aperfeiçoar</p>
68-
<p>Quem busca vaga no mercado Python, remoto ou presencial</p>
17+
<div class="row">
18+
<div class="col">
19+
<div class="jumbotron">
20+
{% include 'core/leads_form.html' only %}
21+
</div>
22+
</div>
6923
</div>
70-
<div class="col">
71-
<h3 class="mb-4">Módulo Python Birds Grátis</h3>
72-
<p>Cadastre seu email para aprender o básico de Python e Orientação a objetos implementenando o jogo Angry
73-
Birds</p>
24+
<div class="row mt-3">
25+
<div class="col">
26+
<h3 class="mb-4">Para quem é voltado esse curso?</h3>
27+
<p>Profissionais de outras áreas que desejam atuar com TI</p>
28+
<p>Programdores de outra linguagens que querem migrar para Python</p>
29+
<p>Quem já programa com Python mas quer se aperfeiçoar</p>
30+
<p>Quem busca vaga no mercado Python, remoto ou presencial</p>
31+
</div>
32+
<div class="col">
33+
<h3 class="mb-4">Módulo Python Birds Grátis</h3>
34+
<p>Cadastre seu email para aprender o básico de Python e Orientação a objetos implementenando o jogo Angry
35+
Birds</p>
7436

75-
<form action="https://python.us17.list-manage.com/subscribe/post?u=ff7c56095f83f9c254edd749e&amp;id=e3072e0df0"
76-
method="post" name="mc-embedded-subscribe-form"
77-
target="_blank">
78-
<div class="form-group row">
79-
<label for="email-input" class="col-sm-2 col-form-label">Email</label>
80-
<div class="col-sm-10">
81-
<input type="email" name="EMAIL" class="form-control" id="email-input" placeholder="Email"
82-
required="required">
37+
<form action="https://python.us17.list-manage.com/subscribe/post?u=ff7c56095f83f9c254edd749e&amp;id=e3072e0df0"
38+
method="post" name="mc-embedded-subscribe-form"
39+
target="_blank">
40+
<div class="form-group row">
41+
<label for="email-input" class="col-sm-2 col-form-label">Email</label>
42+
<div class="col-sm-10">
43+
<input type="email" name="EMAIL" class="form-control" id="email-input" placeholder="Email"
44+
required="required">
45+
</div>
8346
</div>
84-
</div>
85-
<div class="form-group row">
86-
<label for="name-input" class="col-sm-2 col-form-label">Nome</label>
87-
<div class="col-sm-10">
88-
<input type="text" name="FNAME" class="form-control" id="name-input" placeholder="Nome">
47+
<div class="form-group row">
48+
<label for="name-input" class="col-sm-2 col-form-label">Nome</label>
49+
<div class="col-sm-10">
50+
<input type="text" name="FNAME" class="form-control" id="name-input" placeholder="Nome">
51+
</div>
8952
</div>
90-
</div>
9153

92-
<div style="position: absolute; left: -5000px;" aria-hidden="true">
93-
<input type="text"
94-
name="b_ff7c56095f83f9c254edd749e_e3072e0df0"
95-
tabindex="-1" value="">
96-
</div>
54+
<div style="position: absolute; left: -5000px;" aria-hidden="true">
55+
<input type="text"
56+
name="b_ff7c56095f83f9c254edd749e_e3072e0df0"
57+
tabindex="-1" value="">
58+
</div>
9759

98-
<input type="hidden" name="SUBSCRIP[day]" value="{% now "d" %}">
99-
<input type="hidden" name="SUBSCRIP[month]" value="{% now "m" %}">
100-
<input type="hidden" name="SUBSCRIP[year]" value="{% now "Y" %}">
101-
<div class="form-group row">
102-
<div class="col-sm-10">
103-
<button type="submit" class="btn btn-primary">Cadastrar</button>
60+
<input type="hidden" name="SUBSCRIP[day]" value="{% now "d" %}">
61+
<input type="hidden" name="SUBSCRIP[month]" value="{% now "m" %}">
62+
<input type="hidden" name="SUBSCRIP[year]" value="{% now "Y" %}">
63+
<div class="form-group row">
64+
<div class="col-sm-10">
65+
<button type="submit" class="btn btn-primary">Cadastrar</button>
66+
</div>
10467
</div>
105-
</div>
106-
</form>
68+
</form>
69+
</div>
10770
</div>
108-
</div>
109-
<hr/>
110-
<div class="row">
111-
<div class="col">
112-
<h1 class="text-center mt-4 mb-3">Conheça os Instrutores</h1>
113-
<div class="row">
114-
<div class="col">
115-
<div class="card">
71+
<hr/>
72+
<div class="row">
73+
<div class="col">
74+
<h1 class="text-center mt-4 mb-3">Conheça os Instrutores</h1>
75+
<div class="row">
76+
<div class="col">
77+
<div class="card">
11678

117-
<div class="card-body">
118-
<h5 class="card-title text-center">Luciano Ramalho</h5>
119-
<p class="card-text">
120-
<img class="img-thumbnail float-right ml-1"
121-
src="{% static 'img/instructors/luciano-ramalho.png' %}"
122-
alt="Instrutor Luciano Ramalho">Ramalho é sócio e professor nas Oficinas Turing. Foi diretor
123-
técnico do Brasil
124-
Online, primeiro portal da Abril S/A na Web. Liderou times para os portais IDG Now, BOL, UOL, AOL Brasil
125-
e outros, usando Python desde 1998. Como instrutor, atendeu clientes como Citibank, CPqD, Serpro,
126-
Presidência da República, Globo.com e Itaú. Palestrante em eventos internacionais como FISL, PyCon US e
127-
OSCON. Ajudou a criar a Associação Python Brasil e foi seu presidente. É membro da Python Software
128-
Foundation e fundador do Garoa Hacker Clube, o primeiro hackerspace do Brasil.</p>
79+
<div class="card-body">
80+
<h5 class="card-title text-center">Luciano Ramalho</h5>
81+
<p class="card-text">
82+
<img class="img-thumbnail float-right ml-1"
83+
src="{% static 'img/instructors/luciano-ramalho.png' %}"
84+
alt="Instrutor Luciano Ramalho">Ramalho é sócio e professor nas Oficinas Turing. Foi diretor
85+
técnico do Brasil
86+
Online, primeiro portal da Abril S/A na Web. Liderou times para os portais IDG Now, BOL, UOL, AOL
87+
Brasil
88+
e outros, usando Python desde 1998. Como instrutor, atendeu clientes como Citibank, CPqD, Serpro,
89+
Presidência da República, Globo.com e Itaú. Palestrante em eventos internacionais como FISL, PyCon US
90+
e
91+
OSCON. Ajudou a criar a Associação Python Brasil e foi seu presidente. É membro da Python Software
92+
Foundation e fundador do Garoa Hacker Clube, o primeiro hackerspace do Brasil.</p>
93+
</div>
12994
</div>
13095
</div>
131-
</div>
132-
<div class="col">
133-
<div class="card">
96+
<div class="col">
97+
<div class="card">
13498

135-
<div class="card-body">
136-
<h5 class="card-title text-center">Renzo Nuccitelli</h5>
137-
<p class="card-text">
138-
<img class="img-thumbnail float-right ml-1"
139-
src="{% static 'img/instructors/renzo-nuccitelli.png' %}"
140-
alt="Instrutor Renzo Nuccitelli">Engenheiro de Computação formado pelo ITA. Especialista em
141-
programação web no Google App Engine, usa Python desde 2009. Foi Diretor de Tecnologia na startup de
142-
educação QMagico, Apaixonado por dar aulas, é professor da Fatec onde ministra as matérias de
143-
"Orientação a Objetos" e "Aplicações para Internet Utilizando Banco de Dados". Já palestrou em eventos
144-
como Pycon US, Google Developer Bus, DevFest, Rupy e Python Brasil. Escreve sobre tecnologia em seu
145-
blog.renzo.pro.br. Atualmente é Engenheiro de Qualidade na Red Hat.</p>
99+
<div class="card-body">
100+
<h5 class="card-title text-center">Renzo Nuccitelli</h5>
101+
<p class="card-text">
102+
<img class="img-thumbnail float-right ml-1"
103+
src="{% static 'img/instructors/renzo-nuccitelli.png' %}"
104+
alt="Instrutor Renzo Nuccitelli">Engenheiro de Computação formado pelo ITA. Especialista em
105+
programação web no Google App Engine, usa Python desde 2009. Foi Diretor de Tecnologia na startup de
106+
educação QMagico, Apaixonado por dar aulas, é professor da Fatec onde ministra as matérias de
107+
"Orientação a Objetos" e "Aplicações para Internet Utilizando Banco de Dados". Já palestrou em eventos
108+
como Pycon US, Google Developer Bus, DevFest, Rupy e Python Brasil. Escreve sobre tecnologia em seu
109+
blog.renzo.pro.br. Atualmente é Engenheiro de Qualidade na Red Hat.</p>
110+
</div>
146111
</div>
147112
</div>
148113
</div>
149-
</div>
150114

151-
</div>
152-
</div>
153-
<hr/>
154-
<div class="row">
155-
<div class="col">
156-
<h1 class="text-center mt-4 mb-3">Opinião de ex-aluno</h1>
157-
<div style="margin: auto auto 0 0; text-align: center">
158-
<iframe width="560" height="315" src="https://www.youtube.com/embed/3g0g4atd858" frameborder="0"
159-
allowfullscreen></iframe>
160115
</div>
161-
162116
</div>
163-
</div>
164-
</div>
165-
<footer class="main-footer mt-5">
166-
<div class="container">
117+
<hr/>
167118
<div class="row">
168119
<div class="col">
169-
<h3 class="mt-3">Entre em contato</h3>
170-
<address class="main-address">
171-
+55 12 99741-1854<br/>
172-
<a href="mailto:ramalho@python.pro.br">ramalho@python.pro.br</a><br/>
173-
<a href="mailto:renzo@python.pro.br">renzo@python.pro.br</a>
174-
</address>
175-
</div>
176-
</div>
177-
</div>
178-
<div class="rights pt-1">
179-
<div class="container">
180-
<div class="row">
181-
<div class="col">
182-
<p>{% now "Y" %} Python Pro. Todos os direitos reservados.</p>
120+
<h1 class="text-center mt-4 mb-3">Opinião de ex-aluno</h1>
121+
<div style="margin: auto auto 0 0; text-align: center">
122+
<iframe width="560" height="315" src="https://www.youtube.com/embed/3g0g4atd858" frameborder="0"
123+
allowfullscreen></iframe>
183124
</div>
125+
184126
</div>
185127
</div>
186128
</div>
187-
</footer>
188-
<script>
189-
(function (i, s, o, g, r, a, m) {
190-
i['GoogleAnalyticsObject'] = r;
191-
i[r] = i[r] || function () {
192-
(i[r].q = i[r].q || []).push(arguments)
193-
}, i[r].l = 1 * new Date();
194-
a = s.createElement(o),
195-
m = s.getElementsByTagName(o)[0];
196-
a.async = 1;
197-
a.src = g;
198-
m.parentNode.insertBefore(a, m)
199-
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
200-
201-
ga('create', 'UA-44718512-1', 'python.pro.br');
202-
ga('send', 'pageview');
203-
204-
</script>
205-
</body>
206-
</html>
129+
{% endblock body %}

‎pythonpro/core/templates/core/leads_form.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="justify-content-center text-center">
2+
<h1>Cadastre-se na lista de espera</h1>
3+
<form class="form-inline justify-content-center" action="https://python.us17.list-manage.com/subscribe/post?u=ff7c56095f83f9c254edd749e&amp;id=a88d1dd555"
4+
method="post" name="mc-embedded-subscribe-form"
5+
target="_blank">
6+
<div class="form-row">
7+
<div class="col">
8+
<input type="email" name="EMAIL" class="form-control" placeholder="Email" required="required">
9+
</div>
10+
<div class="col">
11+
<input type="text" name="FNAME" class="form-control" placeholder="Nome" required="required">
12+
</div>
13+
<div style="position: absolute; left: -5000px;" aria-hidden="true">
14+
<input type="text"
15+
name="b_ff7c56095f83f9c254edd749e_a88d1dd555"
16+
tabindex="-1" value=""></div>
17+
<div class="col">
18+
<button type="submit" class="btn btn-primary mb-2">Cadastrar</button>
19+
</div>
20+
</div>
21+
</form>
22+
</div>

0 commit comments

Comments
 (0)