Skip to content

Instantly share code, notes, and snippets.

@estalisto

estalisto/CrearTarjetasHTML.html

Last active June 14, 2017 04:41
Show Gist options
  • Save estalisto/de4ac3e24a7c93d38b39455b20965272 to your computer and use it in GitHub Desktop.
Save estalisto/de4ac3e24a7c93d38b39455b20965272 to your computer and use it in GitHub Desktop.
Download ZIP
Crear Tarjetas HTML
Raw
CrearTarjetasHTML.html
<!DOCTYPE html>
<html>
<head>
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
border-radius: 5px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
img {
border-radius: 5px 5px 0 0;
}
.container {
padding: 2px 16px;
}
</style>
</head>
<body>
<div class="card">
<img style="width: 100%;" src="https://estalisto.files.wordpress.com/2017/06/stalyngranda.png?w=150&h=141?itok=SlW5NOar" alt="Avatar" />
<div class="container">
<h4><b>Stalyn Granda</b></h4>
Gerente de Proyectos de Software
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment