From bd4495b3165ff825ae0cd5553d88a9d006e796f6 Mon Sep 17 00:00:00 2001 From: amandafdantas Date: Wed, 12 Dec 2018 12:06:52 -0200 Subject: [PATCH 1/3] Arquivo index.html usando apenas html --- index.html | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..d93b1d0 --- /dev/null +++ b/index.html @@ -0,0 +1,108 @@ + + + + + + Front-End Study 2 + + + + + + + +
+ +
+ + +
+

Serviços

+
Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
+ + +

Websites

+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis + soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
+ +

Templates

+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis + soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
+ +

Temas WordPress

+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis + soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
+
+ + +
+

Meus trabalhos

+
Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
+ + + + +
+ +
Thumbnail label
+

Thumbnail caption

+ +
Thumbnail label
+

Thumbnail caption

+ +
Thumbnail label
+

Thumbnail caption

+
+ + +
+

Quem sou eu

+
Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
+ +
+ Joana D'arc +
+

ícones

+

Sobre Mim

+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet + dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit + lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit + esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio + dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
+

Habilidades

+
  • Java Script
    • +
  • Html & CSS
    • +
  • jQuery
    • +
  • Wordpress
    • +
    + + +
    +

    Contato

    +
    Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
    +

    meuemail@mail.com

    +

    +55 21 987654-321

    +

    Mídias

    + ícones das midias +
    + + + +
    +
    Women + Tech = strong
    + +
    + + + + \ No newline at end of file From 9237e8aa7f034da0f15525a11628cc061a92b476 Mon Sep 17 00:00:00 2001 From: amandafdantas Date: Sat, 5 Jan 2019 21:33:45 -0200 Subject: [PATCH 2/3] =?UTF-8?q?altera=C3=A7=C3=B5es=20no=20index.html?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 205 +++++++++++++++++++++++++++++++++++------------------ 1 file changed, 136 insertions(+), 69 deletions(-) diff --git a/index.html b/index.html index d93b1d0..c31d6b1 100644 --- a/index.html +++ b/index.html @@ -3,105 +3,172 @@ + + + Front-End Study 2 -
    - -
    +
    +
    + +
    + +
    +
    +
    -
    +
    +

    Serviços

    -
    Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
    - - -

    Websites

    -
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis - soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
    - -

    Templates

    -
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis - soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
    - -

    Temas WordPress

    -
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis - soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
    -
    +

    Abaixo os serviços que realizamos.

    + + +
    +
    + +

    Websites

    +

    Desenvolvimento de Websites para divulgação do seu produto ou negócio.

    +
    + +
    + +

    Templates

    +

    Desenvolvimento de Templates de acordo com a sua necessidade.

    +
    + +
    + +

    Temas Wordpress

    +

    Temas wordPress e ferramentas similares.

    +
    +
    + + -
    +
    +

    Meus trabalhos

    -
    Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
    +

    Abaixo alguns dos trabalhos ja realizados.

    -
    - -
    Thumbnail label
    -

    Thumbnail caption

    - -
    Thumbnail label
    -

    Thumbnail caption

    - -
    Thumbnail label
    -

    Thumbnail caption

    -
    + +
    +
    +
    + +
    + Exemplo de site 1 +

    Descrição do site 1

    +
    +
    +
    + +
    +
    + +
    + Exemplo de site 2 +

    Descrição do site 2

    +
    +
    +
    + +
    +
    + +
    + Exemplo de site 3 +

    Descrição do site 3

    +
    +
    +
    +
    + + -
    +
    +

    Quem sou eu

    -
    Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
    - -
    - Joana D'arc -
    -

    ícones

    -

    Sobre Mim

    -
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet - dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit - lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit - esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio - dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
    -

    Habilidades

    -
  • Java Script
    • -
  • Html & CSS
    • -
  • jQuery
    • -
  • Wordpress
    • -
    +

    Descrição de quem sou eu.

    + +
    + +
    + Amanda Dantas +
    +
    + + + + + + + + + + + + +

    Sobre Mim

    +

    Formada em Ciência da Computação em 2012 na Universidade Veiga de Almeida.

    +

    Atualmente trabalhando com desenvolvimento de relatórios gerenciais para os sistemas VS + programando em Xbase e elaborando queries SQL (SQL Server, Oracle, MySQL).

    +

    Uso da ferramenta iReport para a criação de layouts de relatórios.

    + +

    Habilidades

    +
    +
    Html & CSS
    +
    + +
    +
    Java Script
    +
    + +
    +
    SQL
    +
    + +
    +
    PHP
    +
    + + -
    +

    Contato

    -
    Duis mollis placerat quam, eget laoreet tellus tempor eu. Quisque dapibus in purus in dignissim.
    -

    meuemail@mail.com

    -

    +55 21 987654-321

    -

    Mídias

    - ícones das midias -
    + amandafdantas@gmail.com +
    +

    Telegram: @dantas_amanda

    - + -
    -
    Women + Tech = strong
    + -
    +
    +

    Women + Tech = </strong>

    +
    From b706bbb86f01f4651dc9f376a90ef9d94a625b75 Mon Sep 17 00:00:00 2001 From: amandafdantas Date: Sat, 5 Jan 2019 22:14:58 -0200 Subject: [PATCH 3/3] Enviando o desafio 2 com o arquivo css --- css/style.css | 181 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 181 insertions(+) create mode 100644 css/style.css diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..2ff0369 --- /dev/null +++ b/css/style.css @@ -0,0 +1,181 @@ +.bemvindo { + height: 500px; + width: 1250px; +} + +body { + background: #000; +} + +button { + background: #FFA500; + border: 1px solid #000; + color: #000; + padding: 5px 20px 5px 20px; +} + +button:hover { + background: #000; + color: #fff; +} + +.container { + display: flex; + margin: 0 auto; +} + +#contato { + background: #FFA500; + padding: 50px; + text-align: center; +} + +.fab { + color: #000; + background: yellow; + border-radius: 50%; + padding: 10px; + margin: 5px; +} + +figcaption { + color: #ffa500; +} + +.fundo-slide { + width: 100%; + height: 400px; +} + +h2 { + color: #e6197f; + text-align: center; +} + +h3 { + color: #FFA500; + text-align: center; +} + +h4 { + color: #000; +} + +h5 { + color: #ffa500; +} + +.img-portifolio { + width: 250px; +} + +.img-servicos { + border: 2px solid; + border-radius: 50%; + color: #fff; + width: 150px; +} + +.img-slide { + position: absolute; + top: 70px; + left: 850px; + width: 280px; + height: 250px; +} + +.item-portifolio { + margin: 20px; + background: #000; + text-align: center; +} + +.item-servicos { + margin: 50px; + background: #000; + text-align: center; +} + +.menu ul { + width: 100%; + height: auto; + padding: 10px; + margin: 0; + background-color: #000; + list-style: none; + } + +.menu ul li { + display: inline-block; /* os itens do menu lado a lado */ + } + +.menu ul li a { + color: #fff; + font-size: 14px; + text-decoration: none; + position: relative; /* O position relative posiciona o elemento em relação a si mesmo. Ou seja, o ponto zero será o canto superior esquerdo, e ele começará a contar a partir dali.*/ + top: -30px; + margin: 10px; + padding: 10px; + } + +.menu ul li a:hover { + border: 1px yellow solid; + } + +.menu-logo { + width: auto; + height: 50px; + margin-left: 50px; + margin-right: 350px; + } + +p { + color: #fff; + text-align: center; +} + +#portifolio { + background: #FFA500; + height: 500px; + padding: 50px; +} + +.progress { + height: 30px; + width: 500px; + background: #fff; + padding: 1px; + margin: 20px; + } + +.progress-bar { + color: #fff; + height: 30px; + text-align: left; + width: 300px; + background: #a24168; +} + +.slide { + position: relative; + width: 100%; + top: 0; + left: 0; +} + +#sobre { + text-align: center; + height: 1150px; +} + +.sobre-img { + display: block; + margin-left: auto; + margin-right: auto; +} + +.sobre-nome { + color: #FFA500; + text-align: center; +} \ No newline at end of file