A Pen by clarenswd

Thumbnail
This awesome code was written by clarenswd, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright clarenswd ©
  • HTML
  • CSS
  • JavaScript
    <div class="card">
  <div class="brand">Lads</div>
  <div class="pictureHolder"></div>
  <div class="name">Name goes here</div>
  <div class="empNumber">123456</div>
  <div class="role">Role</div>
</div>

/*Downloaded from https://www.codeseek.co/clarenswd/a-pen-by-clarenswd-jYEOPy */
    .card{
  display: block;
  width: 400px;
  height: 500px;
  border:1px solid red;
  background-color:red;

  .brand{
    font-weight: bold;
    color:white;
    text-align: center;
    border:1px solid white;
    padding: 35px;
  }
  .pictureHolder{
    border:1px solid blue;
    width: 60%;
    display: block;
    height: 280px;
    margin:0 auto;
  }
  
}


/*Downloaded from https://www.codeseek.co/clarenswd/a-pen-by-clarenswd-jYEOPy */
    

Comments