diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5c87844 Binary files /dev/null and b/.DS_Store differ diff --git a/quinzena1/.DS_Store b/quinzena1/.DS_Store new file mode 100644 index 0000000..680f6b7 Binary files /dev/null and b/quinzena1/.DS_Store differ diff --git a/quinzena1/projeto-portifolio/contato.html b/quinzena1/projeto-portifolio/contato.html new file mode 100644 index 0000000..e160ad3 --- /dev/null +++ b/quinzena1/projeto-portifolio/contato.html @@ -0,0 +1,49 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+

Entre em contato

+

+ Nome:
+ +

+ +

+ E-mail:
+ +

+ +

+ Mensagem:
+ +

+ +

+ +

+ +

Redes Sociais

+ +
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/index.html b/quinzena1/projeto-portifolio/index.html new file mode 100644 index 0000000..5636013 --- /dev/null +++ b/quinzena1/projeto-portifolio/index.html @@ -0,0 +1,31 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+
+

Advogado e estudante de Front-end

+

Olá! Meu nome é Bruno, sou advogado e atualmente faço parte da turma Muyembe de Front-end da Labenu.

+
+ Profile Image +
+
+
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/logogithub.png b/quinzena1/projeto-portifolio/logogithub.png new file mode 100644 index 0000000..0382920 Binary files /dev/null and b/quinzena1/projeto-portifolio/logogithub.png differ diff --git a/quinzena1/projeto-portifolio/logolinkedin.png b/quinzena1/projeto-portifolio/logolinkedin.png new file mode 100644 index 0000000..c35b91f Binary files /dev/null and b/quinzena1/projeto-portifolio/logolinkedin.png differ diff --git a/quinzena1/projeto-portifolio/portifolio.html b/quinzena1/projeto-portifolio/portifolio.html new file mode 100644 index 0000000..77121ca --- /dev/null +++ b/quinzena1/projeto-portifolio/portifolio.html @@ -0,0 +1,35 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+

Portifólio

+
+ Projeto 1 - Banner Temático LinkedIn

+
+ Print Projeto Banner LinkedIn +
+ Projeto 2 - Projeto Semana 2 Labenu

+
+ Print Projeto 2 +
+
+
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/profilepic.jpg b/quinzena1/projeto-portifolio/profilepic.jpg new file mode 100644 index 0000000..d5528d6 Binary files /dev/null and b/quinzena1/projeto-portifolio/profilepic.jpg differ diff --git a/quinzena1/projeto-portifolio/profilepic.png b/quinzena1/projeto-portifolio/profilepic.png new file mode 100644 index 0000000..69f6700 Binary files /dev/null and b/quinzena1/projeto-portifolio/profilepic.png differ diff --git a/quinzena1/projeto-portifolio/projeto1.html b/quinzena1/projeto-portifolio/projeto1.html new file mode 100644 index 0000000..09dbe49 --- /dev/null +++ b/quinzena1/projeto-portifolio/projeto1.html @@ -0,0 +1,35 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+

Projeto 1 - Banner Temático LinkedIn

+
+
・Tecnológias utilizadas:
+
CSS3
+
HTML5
+
・Descrição
+
Projeto Banner para Linkedin com tema Star Wars - "May the Force be with you"
em código binário utilizando HTML e CSS.
+
+
+ Print Projeto Banner LinkedIn +
+
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/projeto1print.png b/quinzena1/projeto-portifolio/projeto1print.png new file mode 100644 index 0000000..032381c Binary files /dev/null and b/quinzena1/projeto-portifolio/projeto1print.png differ diff --git a/quinzena1/projeto-portifolio/projeto2.html b/quinzena1/projeto-portifolio/projeto2.html new file mode 100644 index 0000000..b1e485b --- /dev/null +++ b/quinzena1/projeto-portifolio/projeto2.html @@ -0,0 +1,35 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+

Projeto 2 - Projeto Semana 2 Labenu

+
+
・Tecnológias utilizadas:
+
CSS3
+
HTML5
+
・Descrição
+
Projeto desenvolvido na semana 2 do curso de Front-end da Labenu,
após introdução ao básico de HTML e CSS.
+
+
+ Print Projeto Banner LinkedIn +
+
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/projeto2print.png b/quinzena1/projeto-portifolio/projeto2print.png new file mode 100644 index 0000000..d11f6fa Binary files /dev/null and b/quinzena1/projeto-portifolio/projeto2print.png differ diff --git a/quinzena1/projeto-portifolio/resetcss.css b/quinzena1/projeto-portifolio/resetcss.css new file mode 100644 index 0000000..cf3d1dd --- /dev/null +++ b/quinzena1/projeto-portifolio/resetcss.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/sobre.html b/quinzena1/projeto-portifolio/sobre.html new file mode 100644 index 0000000..1aaa852 --- /dev/null +++ b/quinzena1/projeto-portifolio/sobre.html @@ -0,0 +1,51 @@ + + + + + + + + Bruno Prota | Portifólio + + +
+ Home + Sobre mim + Portifólio + Contato +
+
+

Sobre mim

+

Olá! Meu nome é Bruno, sou advogado e atualmente faço
parte da turma Muyembe de Front-end da Labenu.

+

Formação Acadêmica

+
+
・Bacharelado, Direito
+
Universidade Federal de Minas Gerais (2013 - 2018)
+
・Curso de Extensão, Programação Aplicada ao Direito
+
Universidade Federal de Minas Gerais (2019)
+
・Formação em Front-end com React
+
Labenu (2020 - presente)
+
+

Experiência

+
+
・Estagiário de Direito
+
Ministério Público de Minas Gerais (2016 - 2018)
+
・Advogado
+
Couto & Prota Advocacia (2019 - presente)
+
+

Habilidades

+
+
・Trabalho em equipe
+
・Comunicação
+
・Negociação
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/quinzena1/projeto-portifolio/style.css b/quinzena1/projeto-portifolio/style.css new file mode 100644 index 0000000..67bed7d --- /dev/null +++ b/quinzena1/projeto-portifolio/style.css @@ -0,0 +1,104 @@ +* { + font-family: 'Raleway', sans-serif; +} +body { + background-color:#1D242C; + height: 100%; +} +header { + background-color: #8BD4AB; + color: #F5F5EF; + height: 60px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + font-size: 20px; + text-align: center; +} +header a { + text-decoration: none; + color: #1D242C; + margin-right: 24px; + font-weight: bold; +} +main { + background-color:#1D242C; + color: #F5F5EF; + width: 100%; +} +main h1 { + font-size: 24px; + text-align: center; + margin-top: 40px; +} +main p { + font-size: 20px; + text-align: center; + line-height: 28px; +} +main a { + text-decoration: none; + color: #5CE1E6; +} +main dt { + font-size: 20px; + margin-bottom: 8px; + margin-left: 35%; +} +main dd { + font-size: 16px; + margin-bottom: 8px; + margin-left: 40%; + line-height: 24px; +} +main li { + font-size: 20px; + margin-bottom: 8px; + margin-left: 40%; +} +footer { + background-color: #5CE1E6; + color: #F5F5EF; + height: 60px; + width: 100%; + position: fixed; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; +} +footer img { + width: 48px; + margin: 0px 48px; +} +h1 { + font-size: 30px; + text-align: center; +} +h2 { + font-size: 20px; + text-align: center; +} +.menu:hover { + text-decoration: underline; + color: #dba55d; +} +.corpo1 { + margin-top: 10%; +} +.profilepic { + text-align: center; +} +.Projeto1 { + font-size: 20px; + text-align: center; + +} +.projeto1print { + text-align: center; + margin-bottom: 32px; +} +.projeto2print { + text-align: center; +}