Skip to content

Instantly share code, notes, and snippets.

@Tjoosten
Created August 5, 2015 09:49
Show Gist options
  • Save Tjoosten/a105d54e3ba0330e4054 to your computer and use it in GitHub Desktop.
Save Tjoosten/a105d54e3ba0330e4054 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Contact style scoutnet.</title>
</head>
<style type="text/css">
/* body styling word alleen gebruikt voor de dummy weergave. */
body {
margin: 25px;
padding: 25px;
}
.vlakte {
min-height: 20px;
padding: 19px;
width: 40%
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
img {
width: 132px;
height: 192px;
border-radius: 6px;
}
.vlakte-sm {
padding: 9px;
border-radius: 3px;
}
</style>
<body>
<!-- Contact personen well -->
<div class="vlakte vlakte-sm">
<img style="float:left;" src="http://images.scoutnet.be/avatar/scoutnet_male.jpg" />
<p style="margin-left: 10px; float: left; margin-top: 0;"> Meh </p>
</div>
<!-- END Contact personen well -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment