diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..7a9a603 --- /dev/null +++ b/css/index.css @@ -0,0 +1,336 @@ +/* Generic */ +a { + text-decoration: none; +} + +.container { + margin: 0 auto; + min-height: 80px; + padding: 40px 20px; + width: 1024px; + box-sizing: border-box; +} + +h1 { + color: #d91e55; + font-size: 28px; +} + +h2 { + color: #fdad1a; + font-size: 18px; +} + +h3 { + color: #fdad1a; +} + +h1, h2, h3 { + font-weight: bold; + margin: 20px 0; + text-align: center; +} + +.subtitle::after { + background: #f9fdff; + content: ""; + display: block; + height: 1px; + margin-top: 20px; +} + +ul > li { + display: inline-block; +} + +/* End Generic */ + +/* Header */ +header { + background-color: #191a1c; + height: 80px; +} + +header > .container { + box-sizing: border-box; + padding: 10px; +} + +.logo { + float: left; + height: 60px; + width: 160px; +} + +.logo img { + height: 60px; + width: 160px; +} + +.site-navegation { + float: right; + padding: 20px; +} + +.site-navegation a { + color: #f9fdff; + padding: 10px 20px 10px 10px; + text-transform: uppercase; +} + +.site-navegation a:hover { + border: 1px solid #dfc985; +} +/* End Header */ + +/* Slider */ +.slider { + background-color: #d91e55; + height: 400px; +} + +.slider .container { + background-image: url('../images/Slider.png'); + height: 100%; + width: 100%; + opacity: 0.7; +} + +.slide-custom-title { + color: #191a1c; + text-align: left; + text-transform: uppercase; +} + +.slider-texts { + float: left; + margin-left: 160px; +} + +.slider img { + float: right; + height: 300px; + margin-right: 100px; +} +/* End Slider */ + +/* Services */ +.services { + background-color: #191a1c; +} + +.services-box { + display: inline-block; + min-height: 280px; + width: 320px; +} + +.services-image { + height: 155px; + margin: 0 auto; + width: 155px; +} + +.services-image img { + border: 2px solid #f9fdff; + border-radius: 100px; + height: 150px; + width: 150px; +} + +.services-box p { + color: #f9fdff; + text-align: center; +} +/* End Services */ + +/* Works */ +.works { + background-color: #fdad1a; +} + +.works-box { + display: inline-block; + height: 250px; + margin-right: 20px; + width: 300px; +} + +.works h2 { + color: #191a1c; +} + +.works-image { + height: 250px; + width: 300px; +} + +.works-menu { + margin: 40px 0; +} + +.works-menu a { + border: 1px solid #191a1c; + box-sizing: border-box; + color: #191a1c; + padding: 10px 20px; + text-transform: capitalize; +} + +.works-menu a:hover { + background-color: #191a1c; + box-sizing: border-box; + color: #f9fdff; + padding: 10px 20px; +} + +.works-menu li { + margin-right: 5px; +} + +.works .subtitle::after { + background-color: #191a1c; +} + +/* End Works */ + +/* About */ +.about { + background-color: #191a1c; +} + +.about-image { + height: 400px; + margin: 0 auto; + width: 400px; +} + +.about-image img { + height: 400px; + width: 400px; +} + +.about-main-media { + height: 50px; + margin: 0 auto; + width: 190px; +} + +.about-main-media i { + background-color: #fdad1a; + border-radius: 100px; + color: #191a1c; + font-size: 20px; + height: 20px; + margin-right: 20px; + padding: 10px; + width: 20px; +} + +.about-skill { + background-color: #f9fdff; + box-sizing: border-box; + height: 40px; + margin-bottom: 20px; + padding: 1px; + width: 720px; +} + +.about-skill-content { + background-color: #822051; + box-sizing: border-box; + color: #f9fdff; + height: 38px; + padding: 10px; + width: 450px; +} + +.about-skills { + margin-top: 40px; +} + +.about-skills h2 { + text-align: left; +} + +.about-text { + color: #f9fdff; + text-align: center; +} + +/* End About */ + +/* Contact*/ + +.contact { + background-color: #fdad1a; +} + +.contact-content { + margin: 0 auto; + padding: 20px 0; + width: 100%; +} + +.contact-content div { + display: block; +} + +.contact-content div:first-child { + border: 1px solid #f9fdff; + margin: 20px auto; + padding: 10px; + text-align: center; + width: 390px; +} + +.contact h2, h3 { + color: #191a1c; +} + +h3::after { + background: #191a1c; + content: ""; + display: block; + height: 1px; + margin-top: 20px; +} + +.contact-social-media { + margin: 0 auto; + width: 380px; +} + +.contact-social-media i { + background-color: #f9fdff; + border-radius: 100px; + color: #fdad1a; + height: 20px; + margin-right: 20px; + padding: 10px; + width: 20px; +} + +.contact .subtitle::after { + background-color: #191a1c; +} + +.contact-phone { + color: #f9fdff; + text-align: center; +} + +/* End Contact*/ + +/* Footer */ +footer { + background-color: black; + color: #f9fdff; +} + +footer > div { + margin: 0 auto; + padding: 20px; + width: 200px; +} +/* End Footer */ \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..224ab71 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,47 @@ +/* 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/index.html b/index.html new file mode 100644 index 0000000..97dec34 --- /dev/null +++ b/index.html @@ -0,0 +1,210 @@ + + + + + Womakers Code + + + + + +
+
+ + +
+
+ + +
+
+
+

bem vind@

+

curabitur iaculis

+

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

+
+ +
+
+ + + +
+
+

Serviços

+

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

+
+
+
+ +
+

Websites

+

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

+
+
+
+ +
+

Templates

+

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

+
+
+
+ +
+

Temas WordPress

+

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

+
+
+
+
+ + + +
+
+

Meus Trabalhos

+

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

+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + +
+
+

Quem sou eu

+

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

+
+ +
+

Joana D'arc

+ +

Sobre mim

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent orci eros, + fermentum nec mi eget, gravida pulvinar quam. Phasellus sed odio facilisis, + fermentum mi id, gravida tortor. Nulla non magna odio. In nec interdum sem. + Fusce in metus volutpat, facilisis leo vel, rutrum justo. Suspendisse rutrum purus nunc, + ut tincidunt dui tempus vitae. In in leo nec sapien eleifend ornare in ac dolor. + Aliquam vehicula aliquet odio, ut posuere tortor pretium et. +

+
+

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

+ +
+
+
+ + + + + \ No newline at end of file diff --git a/desafio1.md b/info/desafio1.md similarity index 100% rename from desafio1.md rename to info/desafio1.md diff --git a/info/dicas.md b/info/dicas.md new file mode 100644 index 0000000..1ee8cc2 --- /dev/null +++ b/info/dicas.md @@ -0,0 +1,2 @@ +#CSS +- Uma boa pratica para o seu CSS é deixa-lo ordenado de forma alfabetica (Classes e atributos). diff --git a/guiaRapidoDesafiosFESGRJ2.pdf b/info/guiaRapidoDesafiosFESGRJ2.pdf similarity index 100% rename from guiaRapidoDesafiosFESGRJ2.pdf rename to info/guiaRapidoDesafiosFESGRJ2.pdf diff --git a/template.png b/info/template.png similarity index 100% rename from template.png rename to info/template.png