Jump to content

jayzinn

Membros
 Ver Perfil  Ver atividades

  • Contagem de Conteúdo

    2

  • Ingressou

  • Última visita

Informações Pessoais

  • Cidade
    São Paulo
  • Estado
    São Paulo (SP)

Clientes & Parceiros

  • Você é um cliente TecnoSpeed?
    Não
  • Você é um parceiro da Casa do Desenvolvedor?
    Não

Conquistas de jayzinn

0

Reputação na Comunidade

  1. jayzinn
    tive que tirar todas as classes e outras tags+ porque estava dizendo que tinha palavras que não eram aceitas, como assim? kkk acho que o problema está em responsividade, quem souber me ajudar entra em contato no meu instagram: @jayzinn. obg!!
  2. jayzinn
    <!DOCTYPE html> <html> <head> <title>QE</title> <style> h1 { text-align: center; } </style> </head> <body> <header> <nav> <div> <div></div> <div></div> <div></div> </div> <!--inicio menu--> <ul> <li><a>CADASTRE-SE</a></li> <li><a>LOGIN</a></li> <li><a>SOBRE</a></li> </ul> <!--fim do menu--> </nav> </header> <h1><p>página inicial</p></h1> <br> <section> <div> <div> <!--radio buttons--> <input> <input> <input> <input> <!--fim radio buttons--> <!--slide image--> <div> </div> <div> </div> <div> </div> <div> </div> <!--fim slide image--> <!--navigation auto--> <div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div> <label></label> <label></label> <label></label> <label></label> </div> <!--fim navigation--> </div> </section> <footer> <article> <p><a>QUEM SOMOS</a></p> </article> <article> <p><a>CONTATO</a></p> </article> <article> <p></p> <!--<a href="">marca</a>--> </article> <article> </article> </footer> <script></script> </body> </html> * { margin: 0; padding: 0; } a { color: #ffc340; text-decoration: none; transition: 0.3s; } a:hover { opacity: 0,7; } .logo { font-size: 45px; text-transform: uppercase; letter-spacing: 4px; } nav { display: flex; justify-content: space-around; align-items: center; font-family: , Times, serif; background: #8c8c8c; height: 8vh; } main { background-color: #ffffffa8; background-size: cover; height: 92vh; } .nav-list { list-style: none; display: flex; } .nav-list li { letter-spacing: 3px; margin-left: 32px; } .mobile-menu { display: none; cursor: pointer; } .mobile-menu div { width: 32px; height: 2px; background: #ffc340; margin: 8px; transition: 0.3s; } @media (max-width: 1920px) { body { overflow-x: hidden; flex-direction: column; min-height: 100%; } .nav-list { position: absolute; top: 8vh; right: 0; width: 15vw; height: 92vh; background: #8c8c8c; flex-direction: column; align-items: center; justify-content: space-around; transform: translateX(100%); transition: transform 0.3s ease-in; } .nav-list li { margin-left: 0; opacity: 0; } .mobile-menu { display: block; } } .nav-list.active { transform: translateX(0); } @keyframes navLinkFade { from { opacity: 0; transform: translateX(25px); } to { opacity: 1; transform: translateX(0); } } .mobile-menu.active .line1 { transform: rotate(-45deg) translate(-10px, 10px); } .mobile-menu.active .line2 { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu.active .line3 { opacity: 0; } footer { position: absolute; bottom: 0; background-color: #8c8c8c; color: #ffffff; width: 100%; height: 100px; line-height: 25px; justify-content: space-around; display: flex; font-size: 14px; } h1.login { margin-top: 50%; background: white; border-radius: 10px; padding: 15px; width: 500px; margin: auto; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.644); color: black; } @media only screen and (max-device-width: 1080px) { .teste{ margin: 0; padding: 0; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } } .slider { margin: 0 auto; width: 700px; height: 300px; overflow: hidden; } .slides { width: 300%; height: 300px; display: flex; } .slides input { display: none; } .slide { width: 25%; position: relative; transition: 2s; } .slide img { width: 700px; } .manual-navigation { position: absolute; width: 700px; margin-top: -30px; display: flex; justify-content: center; } .manual-btn { border: 2px solid #fff; padding: 5px; border-radius: 10px; cursor: pointer; transition: 1s; } .manual-btn:not(:last-child) { margin-right: 40px; } .manual-btn:hover { background-color: #fff; } #radio1:checked ~ .first { margin-left: 0; } #radio2:checked ~ .first { margin-left: -25%; } #radio3:checked ~ .first { margin-left: -50%; } #radio4:checked ~ .first { margin-left: -75%; } .manual-navigation div { border: 2px solid rgb(0, 81, 255); padding: 5px; border-radius: 10px; cursor: pointer; transition: 1s; } .navigation-auto { position: absolute; width: 800px; margin-top: 360px; display: flex; justify-content: center; } .navigation-auto div:not(:last-child) { margin-right: 40px; } #radio1:checked ~ .navigation-auto .auto-btn1{ background-color: #ff0000; } #radio2:checked ~ .navigation-auto .auto-btn2{ background-color: #ff0000; } #radio3:checked ~ .navigation-auto .auto-btn3{ background-color: #ff0000; } #radio4:checked ~ .navigation-auto .auto-btn4{ background-color: #ff0000; }
×
×
  • Create New...