"demo"
Semantic UI 2.2.10 Snippet by ducmole

<link href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="ui cards"> <div class="card"> <div class="image"> <img src="http://mrg.bz/IxQIgC"> </div> <div class="content"> <div class="header">giraffes.jpg</div> <div class="meta">263 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/khPVF7"> </div> <div class="content"> <div class="header">zebras.jpg</div> <div class="meta">284 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/dvbIRa"> </div> <div class="content"> <div class="header">hippopotami.jpg</div> <div class="meta">161 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/iBt7gI"> </div> <div class="content"> <div class="header">elephants.jpg</div> <div class="meta">230 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/k0u6U2"> </div> <div class="content"> <div class="header">tigres.jpg</div> <div class="meta">272 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/7XQcjZ"> </div> <div class="content"> <div class="header">lions.jpg</div> <div class="meta">193 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/nAnLej"> </div> <div class="content"> <div class="header">pandas.jpg</div> <div class="meta">187 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/BJkK4M"> </div> <div class="content"> <div class="header">monkeys.jpg</div> <div class="meta">213 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> <div class="card"> <div class="image"> <img src="http://mrg.bz/zX1SzA"> </div> <div class="content"> <div class="header">ponies.jpg</div> <div class="meta">235 KB</div> </div> <div class="ui bottom attached basic buttons"> <button class="ui button"><i class="pencil icon"></i></button> <button class="ui button"><i class="trash icon"></i></button> </div> </div> </div> </div> </div> </div>

Related: See More


Questions / Comments: