Team Updates
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <metacharset="utf-8"> | |
| <metahttp-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title></title> | |
| <linkrel="stylesheet" href=""> | |
| <scriptsrc="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | |
| <scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | |
| <linkrel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
| <style> | |
| $border-radius-size: 14px; | |
| $barbarian:#EC9B3B; | |
| $archer:#EE5487; | |
| $giant:#F6901A; | |
| $goblin:#82BB30; | |
| $wizard:#4FACFF; | |
| *,*:before,*:after { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background:linear-gradient(to bottom,rgba(135,206,250,1) 0%,rgba(193,193,193,1) 65%,rgba(135,206,250,1) 100%) fixed; | |
| background-size: cover; | |
| font:14px/20px "Lato", Arial, sans-serif; | |
| color:#9E9E9E; | |
| margin-top:30px; | |
| } | |
| /** CENTRALIZACAO DO CARD **/ | |
| .slide-container { | |
| margin: auto; | |
| width:600px; | |
| text-align: center; | |
| } | |
| .wrapper { | |
| padding-top:20px; | |
| padding-bottom:40px; | |
| &:focus { | |
| outline:0; | |
| } | |
| } | |
| /** CRIACAO DO CARD **/ | |
| .clash-card { | |
| background: white; | |
| width:300px; | |
| display: inline-block; | |
| margin: auto; | |
| border-radius: $border-radius-size +5; | |
| position: relative; | |
| text-align: center; | |
| box-shadow:-1px15px30px-12px black; | |
| z-index:9999; | |
| } | |
| .clash-card__progress{ | |
| } | |
| progress { | |
| height:20px; | |
| margin:0 auto; | |
| width:100px; | |
| margin:2em auto; | |
| padding:4px; | |
| border:0 none; | |
| background:#eee; | |
| border-radius:14px; | |
| box-shadow: inset 0px1px1pxrgba(238,238,238,1),0px1px0pxrgba(238,238,238,1); | |
| } | |
| #tamanhofazendeira{ | |
| height:500px; | |
| width:500px; | |
| margin-top:-60px; | |
| } | |
| .sobe{ | |
| margin-top:-80px; | |
| } | |
| .sobenumero{ | |
| margin-top:-50px; | |
| margin-left:130px; | |
| color: black; | |
| } | |
| #terra{ | |
| width:50px; | |
| height:50px; | |
| margin-top:20px; | |
| } | |
| #mais{ | |
| width:50px; | |
| height:50px; | |
| margin-top:20px; | |
| } | |
| .colorir{ | |
| background-color:#3f4a2b; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <divclass="slide-container"> | |
| <divclass="wrapper"> | |
| <divclass="clash-card barbarian"> | |
| <divclass="clash-card__image clash-card__image--barbarian"> | |
| <imgsrc="images/fernandaevoluida.png" alt="fazendeira" id="tamanhofazendeira" /> | |
| </div> | |
| <divclass="clash-card__progress"> | |
| <divclass="sobe"> | |
| <progressmax="100" value="55"></progress><pclass="sobenumero">55%</p> | |
| </div> | |
| </div> | |
| <divclass="clash-card__unit-description"> | |
| <divclass="colorir"> | |
| <divclass="row"> | |
| <divclass="col"> | |
| <ahref="progresso.html"><imgsrc="images/terra2.png" alt="" id="terra"></a> | |
| <pclass="text-center">Progresso</p> | |
| </div> | |
| <divclass="col"> | |
| <ahref=""><imgsrc="images/mais.png" alt="" id="mais"></a> | |
| <pclass="text-center">Adicionar </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div><!-- fim do container --> | |
| </body> | |
| </html> |
B
Brenda Xavier de Moura*-*
B
Brenda Xavier de Moura
Even though it's late, we're working hard!!
Ricardo Gama LeitaoWe used some Nasa's data source to our researches. Those sources were incredibly helpful!
Ricardo Gama Leitao