diff --git a/css/estilo.css b/css/estilo.css new file mode 100644 index 0000000..145d0db --- /dev/null +++ b/css/estilo.css @@ -0,0 +1,181 @@ +@charset "UtF-8"; +@import url('https://fonts.googleapis.com/css?family=Roboto'); +body { + font-family: 'Roboto', sans-serif; + background: grey; +} + +#menu { + display: block; +} + +#menu ul { + margin: 0; + background-color: black; + list-style: none; + text-transform: uppercase; + position: absolute; + top: 10px; + left: 900px; +} + +#menu ul li { + display: inline; +} + +#menu ul li a { + padding: 15px 15px; + display: inline-block; + color: whitesmoke; + text-decoration: none; +} + +#menu ul li a:hover { + color: orange; +} +header{ + background-color: black; + display: flex; + justify-content: space-between; + padding: 0px 70px; + height: 70px; + align-items: center; +} +#logo { + width: 150px; +} + +#bemvindos { + background: #F8376C url('../images/Slider.png') no-repeat; + background-blend-mode: multiply; + background-size: cover; +} + +.container { + width: 80%; + margin: 40px auto; +} + +#slide { + height: 520px; +} + +#slide img { + display: inline-block; + width: 350px; + float: right; + margin-block-start: 70px; +} + +.textoslide { + text-align: left; + width: 49%; + display: inline-block; +} + +.textoslide h1 { + font-size: 40px; + color: black; + margin: 20px auto; +} + +.textoslide h2 { + font-size: 20px; + color: black; + margin: 20px auto; +} + +.textoslide p { + font-size: 15px; + color: whitesmoke; + margin: 20px auto; +} + +.textoserv h2 { + text-align: center; + color: #fb396e; + font-size: 45px; + margin: 20px auto; +} + +.textoserv p { + text-align: center; + color: #C67A3C; + font-size: 15px; + margin: 35px auto; +} + +.contserv article { + display: inline-block; + width: 30%; + margin: 0 auto; +} + +.contserv img { + border-radius: 50%; + border: whitesmoke; + width: 150px; + height: 150px; + overflow: hidden; + position: relative; +} + +#servicos article h2 { + font-size: 35px; + color: #C67A3C; +} + +#servicos article p { + font-size: 20px; + color: whitesmoke; +} + +#trabalho { + background-color: #C67A3C; +} + +#trabalhos h2 { + font-size: 35px; + color: #F8376C; + text-align: center; +} + +#trabalhos p { + font-size: 20px; + color: black; + text-align: center; +} + +#trablist { + display: block; +} + +#trablist ul { + margin: 0; + background-color: #C67A3C; + list-style: none; + text-transform: uppercase; +} + +#trablist ul li { + display: inline; +} + +#trablist ul li a { + padding: 5px 10px; + display: inline-block; + color: black; + text-decoration: none; +} +#fotojoana{ + display: block; + margin-left: auto; + margin-right: auto; +} +#trabalhos figure{ + width: 100px; + display: inline-block; +} +p { + text-align: justify; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..9eb5bb7 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,44 @@ + +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/desafio-photogrid/index.html b/desafio-photogrid/index.html index f77d52b..cf97bde 100644 --- a/desafio-photogrid/index.html +++ b/desafio-photogrid/index.html @@ -12,7 +12,7 @@
- +
@@ -28,87 +28,87 @@

Aline's Photo Grid

- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
- +
- + Lorem Picsum
diff --git a/index.html b/index.html new file mode 100644 index 0000000..3aaa753 --- /dev/null +++ b/index.html @@ -0,0 +1,161 @@ + + + + + + + + + Womakers challenger + + + + + + +
+ + +
+
+
+
+
+

BEM VIND@

+

Womakers challenger

+

Lorem ipsum class justo senectus inceptos mi metus tortor porta malesuada porttitor nibh libero, + consequat felis dictumst et eros sapien massa amet litora senectus facilisis vel.

+
+ +
+
+
+
+
+
+ +

Serviços

+

Justo pretium praesent taciti aptent etiam volutpat nisi at, tempus rutrum class habitant ultrices + aliquet + vestibulum vitae eget, ornare fringilla non venenatis quisque cras scelerisque.

+
+
+
+ +
+ +

websites

+ +

turpis torquent scelerisque mauris.

+
+
+ + +

Templates

+

vel quis orci turpis taciti convallis.

+
+
+ +

Temas Wordpress

+ +

laoreet eros maecenas aliquet.

] +
+ +
+
+
+
+

Meus Trabalhos

+ +

Est ultricies lobortis bibendum ut justo platea quisque pharetra tincidunt erat conubia adipiscing nunc, duis + sodales habitant aptent nullam nostra torquent commodo laoreet condimentum massa.

+
+ +
+
+ +

Lorem, ipsum dolor.

+
+ Lorem ipsum dolor sit amet. +
+
+
+ +

Lorem, ipsum dolor.

+
+ Lorem ipsum dolor sit amet. +
+
+
+ +

Lorem, ipsum dolor.

+
+ Lorem ipsum dolor sit amet. +
+
+
+
+
+

Quem Sou Eu

+

nostra dolor ultrices porta euismod elit tempus inceptos arcu nullam curabitur curae, adipiscing consectetur + blandit congue feugiat proin aenean sed felis donec, class sociosqu aliquet hac consequat est elit lectus + pellentesque quisque.

+
+
+ +
Joana D'arc
+
+
+

Sobre Mim

+

laoreet luctus mi libero blandit tellus commodo pretium convallis, auctor eget vulputate et gravida + tellus + tristique, laoreet eros maecenas aliquet suscipit pulvinar laoreet.

+
+
+

Habilidades

+ + Java Script + + + Html e CSS + + + jQuery + + + Wordpress + +
+
+
+

Contato

+

Lorem ipsum dolor sit amet consectetur adipisicing.

+
+

anacarolinesarre@gmail.com

+

+55 21 97294-9645

+

Midias

+
+
+ + + + + + \ No newline at end of file