body { margin: 0; } /* header { text-align: center; margin-bottom: 20px; } h1 { font-size: 24px; margin: 5px 0; } p { margin: 5px 0; } section { margin-bottom: 20px; } h2 { font-size: 18px; margin: 10px 0; } ul { margin: 0; padding: 0; list-style-type: none; } .job-title { font-weight: bold; } .date { color: #888; font-style: italic; } footer { text-align: center; margin-top: 20px; } {#

Wanuzia Braga

Desenvolvedora web

foto de perfil de uma mulher negra.

PROFILE

Desenvolvedora web full stack

I consider myself a responsible and orderly person.

I am doing this to share my experience and too improve my technicals and softly skills.

CONTACT ME

Fone email address

Habilidades

  • HTML5
  • CSS3
  • JavaScript
  • Responsive Web Design
  • Git

Experiência Profissional

  • [Nome da Empresa]

    Desenvolvedor Web

    [Data de início] - [Data de término]

    • [Responsabilidades e conquistas]
    • [Responsabilidades e conquistas]

  • [Nome da Empresa]

    Produtor de Eventos

    [Data de início] - [Data de término]

    • [Responsabilidades e conquistas]
    • [Responsabilidades e conquistas]

Educação

  • [Nome da Instituição]

    Bacharelado em Ciência da Computação

    [Data de conclusão]

#} */ :root { margin: 0; padding: 0; font-family: 'Raleway', sans-serif; } #page { display: grid; width: 100%; height: 100%; grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px 1fr; } header { background-color: #f2bc99; grid-area: head; height: 12rem; position: relative; margin-top: 1.25rem; } .name { text-align: center; margin-left: 45%; margin-top: 4.5rem; } nav { background-color: #5da89e; grid-area: nav; z-index:1; position: absolute; margin: 0px 0px 0px 20px; width: 35%; text-align: center; color: white; padding: 16px 10px 0; } .contact { margin-top: 4rem; } main { grid-area: main; } .contents { display: flex; align-items: center; margin: 12rem 0 0 5rem; } ul { padding: 0; } li { list-style: none; } h5 { cursor: pointer; } /* footer { background-color: red; grid-area: foot; } */ .profile-figure { display: table-cell; padding-top: 2rem; } .profile-picture { border-radius: 50%; width: 100%; /* width: 80%; */ border: 2px solid white; margin-left: 0px; } .profile { margin-top: 4rem; } .arrow { position: absolute; padding: 0.4rem; box-shadow: 2px -2px 0 1px #5da89e inset; border: solid transparent; border-width: 0 0 2px 2px; transform: rotate(-135deg); left: 181px; } .course-item { display: flex; align-items: center; flex-direction: column; padding: 1rem 0; text-align: justify; } .course-figure{} .badge{ width: 6rem; } @media screen and (min-width: 480px) { .contents { margin: 12rem 0 0 12rem; } .arrow { left: 260px; } } /* tablet */ @media screen and (min-width: 768px) { main { padding-left: 10%; } .profile-figure { padding-top: 1rem; } .profile-picture { border: 5px solid white; margin-left: 0; width: 80%; } nav { height: 120%; margin: 0px 0px 0px 3.5rem; width: 25%; } .name { margin-left: 8%; } .profile { margin-top: 2rem; } .contents { margin: 12rem 0 0 9rem; } .arrow { left: 19.5rem; } .course-item { flex-direction: row; } } @media screen and (min-width: 992px) { .profile-picture { width: 70%; } .name { margin-left: 0; } .contents { margin: 12rem 0 0 12rem; } .arrow { left: 350px; } } @media screen and (min-width: 1280px) { .contents { margin: 12rem 0 0 20rem; font-size: 1.5rem; } .arrow { left: 33%; } } .hidden { display: none; }