Pular para o conteúdo principal

Login e cadastro




 <div class="container">

  <div class="message signup">

    <div class="btn-wrapper">

      <button class="button" id="signup">Sign Up</button>

      <button class="button" id="login"> Login</button>

    </div>

  </div>

  <div class="form form--signup">

    <div class="form--heading">Welcome! Sign Up</div>

    <form autocomplete="off">

      <input type="text" placeholder="Name">

      <input type="email" placeholder="Email">

      <input type="password" placeholder="Password">

      <button class="button">Sign Up</button>

    </form>

  </div>

  <div class="form form--login">

    <div class="form--heading">Welcome back! </div>

    <form autocomplete="off">

      <input type="text" placeholder="Name">

      <input type="password" placeholder="Password">

      <button class="button">Login</button>

    </form>

  </div>

</div>

Comentários

Postagens mais visitadas deste blog

Pes image

 

Código html pesquirar flutuante

 Image como é a barra de pesquisa Image Copie o código abaixo, <style type="text/css"> #topbar { padding: 5px 5px 5px 5px; visibility: hidden; border: black 1px solid; width: 340px; font-family: Tahoma; position: absolute; background-color: white } </style> <script type="text/javascript"> var persistclose = 0 var startX = 5 var startY = 5 var verticalpos = "frombottom" function iecompattest() { return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return retu

Barra de pesquisa

  <style type="text/css">  #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WrucetaQrvj1CTWxEDRBy0fQOLpSIT70sll4M9P1RsUnSiXarDHtz8bfeGUD35g-DkpyyjbLkOWRoNGlPZ8QP4kdhlxydMdL3CzGeagGeum9fuLpkpJ2E9Z3N9jO27-OHBQNgy157Ecc/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}  form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style>    <div id="w2b-searchbox">   <form id="w2b-searchform" action="/search" method="get">       <input type="text" id="s" name="q" value="Buscar..." onfocus='if (this.value == "Buscar...") {this.