Skip to content

Instantly share code, notes, and snippets.

@stvnhg

stvnhg/dropshadow example

Last active August 22, 2017 07:05
Show Gist options
  • Save stvnhg/b74b8d7825938493f7c78170c1586b2e to your computer and use it in GitHub Desktop.
Save stvnhg/b74b8d7825938493f7c78170c1586b2e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dropshadow example
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: #F7F9FB}
div {
font-family: verdana;
background-color: #ffffff;
box-shadow: 1px 1px 0px #D8DDE6;
width: 400px;
height: 50px;
padding: 15px;
margin: 5px;
float: left;
text-align: center;
padding-top: 20px;
}
img { float: left; }
.green {background-color: #C9ECC9;}
</style>
</head>
<body>
<div><img src="http://icons.iconarchive.com/icons/dapino/people/512/black-man-icon.png" width="48" />Josh Stone</div>
<div><img src="http://www.clker.com/cliparts/b/1/f/a/1195445301811339265dagobert83_female_user_icon.svg.hi.png" width="48" />Michael Jackson</div>
<div class="green"><img src="http://icons.iconarchive.com/icons/dapino/people/512/black-man-icon.png" width="48" />Wade Wilson</div>
<div><img src="http://icons.iconarchive.com/icons/dapino/people/512/black-man-icon.png" width="48" />Arnold Wilson</div>
<div><img src="https://cdn4.iconfinder.com/data/icons/people-std-pack/512/girl-512.png" width="48" />Anna Wilson</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment