From c4da912e0c02a580104a3ff80d5d0785ad65f602 Mon Sep 17 00:00:00 2001 From: joaohau Date: Mon, 8 Sep 2014 22:54:47 -0300 Subject: [PATCH 1/5] =?UTF-8?q?Criado=20Formul=C3=A1rio?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- form.html | 61 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 51 insertions(+), 10 deletions(-) diff --git a/form.html b/form.html index 2a62c7f..8e67d71 100644 --- a/form.html +++ b/form.html @@ -1,24 +1,65 @@ + -
- + + +
- Dados pessoais - -
+ + Dados Pessoais + +
- - -
+ + +
+ + +

+ Qual seu gênero? +
+ Masculino
+ Feminino
+
- + Qual sua renda? +
+ 1 a 5 salários mínimos
+ 6 a 10 salários mínimos
+ 11 a 15 salários mínimos
+ Mais de 16 salários mínimos

+ + Como você vai trabalhar? +
+ Carro
+ Moto
+ Ônibus
+
+ + + Qual a marca de seu carro? +
+ +

+
+ +
- +
+ + + + +
\ No newline at end of file From 095e88b955ae8705940b5c3be9d8ebbdc6bb7b6a Mon Sep 17 00:00:00 2001 From: joaohau Date: Mon, 8 Sep 2014 22:55:11 -0300 Subject: [PATCH 2/5] Aula sobre CSS --- trabalhandoComCss.html | 43 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 trabalhandoComCss.html diff --git a/trabalhandoComCss.html b/trabalhandoComCss.html new file mode 100644 index 0000000..8b4f38f --- /dev/null +++ b/trabalhandoComCss.html @@ -0,0 +1,43 @@ + + + + + + + + Trabalhando com CSS + + +

Um baita título

+ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+ +
+

RECEITAS

+
+ +
+
+

ARROZ COM FEIJÃO

+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ +
+ Autor: Mussum + Data: 08/09/2014 + Email: mussum@cacildis.com.br +
+ +
+ + + + + + \ No newline at end of file From 143e82a0f081dc90e88004880489ae4b9081e616 Mon Sep 17 00:00:00 2001 From: joaohau Date: Mon, 8 Sep 2014 22:55:22 -0300 Subject: [PATCH 3/5] Criando o CSS --- meuarquivo.css | 62 ++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 48 insertions(+), 14 deletions(-) diff --git a/meuarquivo.css b/meuarquivo.css index ddcab27..dac1119 100644 --- a/meuarquivo.css +++ b/meuarquivo.css @@ -1,36 +1,70 @@ -/* ID */ -#unico{ - background: #CC0000; -} -/* TAG */ +/*regra de css voltada para tag*/ div{ color: red; background: #ECECEC; padding: 20px; text-align: center; } -/* CLASS */ + +/*regra de css voltada para classe*/ .textoExemplo{ - background: #0000CC; + color: blue; + background: #ff7979; + padding: 20px; + text-align: center; +} + +/*regra de css voltada para id*/ +#unico{ + color: green; + background: #cc0000; + padding: 20px; + text-align: center; +} + +/*regra de css para a classe artigo*/ +.artigo{ + color: black; + background: white; + padding: 5px; + text-align: left } + +/*regra de css para a classe cabecalho*/ .cabecalho{ - color: blue; + color: red; + background: white; + padding: 5px; text-align: center; - background: #aaa; } + +/*regra de css para a classe cabecalho que está dentro de artigo*/ .artigo .cabecalho{ - color: green; + color: gray; + background: yellow; text-align: left; } -.artigo .cabecalho h3{ -} +/*regra de css para a classe p que está dentro de artigo*/ .artigo p{ + color: black; + background: white; + padding: 5px; + text-align: left } -.artigo .rodape{ -} +/*regra de css para a div a que está dentro de rodape que está dentro de artigo*/ .artigo .rodape a{ + background: red; +} +/*regra de css para a tag h2 que está dentro de cabecalho que está dentro de artigo*/ +.cabecalho h2{ + color: red; + background: black; + padding: 0px; + text-align: center; } + + From 48823b3aed9c81ff0b3531c2f9aab5161d6581dd Mon Sep 17 00:00:00 2001 From: joaohau Date: Tue, 9 Sep 2014 21:15:40 -0300 Subject: [PATCH 4/5] Aula sobre boxModel para o CSS Aprendemos a fazer box no CSS --- boxModel.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 boxModel.html diff --git a/boxModel.html b/boxModel.html new file mode 100644 index 0000000..f9c0787 --- /dev/null +++ b/boxModel.html @@ -0,0 +1,27 @@ + + + + BOX MODEL + + + + + + + + \ No newline at end of file From b11d6eae253b46c4572cbf62d0720128f527c50b Mon Sep 17 00:00:00 2001 From: joaohau Date: Tue, 9 Sep 2014 22:16:53 -0300 Subject: [PATCH 5/5] Aula de CSS sobre Posicionamentos MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Aprendendo a brincar com posição no CSS. Também mostrou algo sobre Design Resposivo que está no GIT do Arno. --- posicionamentos.html | 71 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) create mode 100644 posicionamentos.html diff --git a/posicionamentos.html b/posicionamentos.html new file mode 100644 index 0000000..ee3b7d9 --- /dev/null +++ b/posicionamentos.html @@ -0,0 +1,71 @@ + + + + Positions + + + + + + + + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua.

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. +

+ + + + \ No newline at end of file