Skip to content

Instantly share code, notes, and snippets.

@wayanjimmy

wayanjimmy/index.html

Created November 10, 2014 10:13
Show Gist options
  • Save wayanjimmy/97fa16267fa5bc2426c3 to your computer and use it in GitHub Desktop.
Save wayanjimmy/97fa16267fa5bc2426c3 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Captain Anonymous.
Raw
index.html
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<ul class="images-list list-unstyled">
<li>
<span class="header">
<img class="img-responsive" src="http://placehold.it/350x250">
</span>
<span class="footer">
<a href="#"><i class="fa fa-trash text-danger"></i></a>
</span>
</li>
</ul>
</body>
</html>
Raw
style.css
.images-list {
list-style-type: none;
}
.images-list li {
margin: 5px;
padding: 5px;
float: left;
width: 10%;
background-color: #3498db;
text-align: center;
cursor: pointer;
}
.images-list .header {
position: relative;
display: inline-block;
}
.images-list .footer {
display: block;
text-align: right;
}
.white {
color: white !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment