freetimelearn@gmail.com
Facebook
Twitter
Linkedin
Google
HOME
TUTORIALS
HTML
HTML5
CSS
CSS3
BOOTSTRAP
BOOTSTRAP 4
MATERIALIZE CSS
JAVASCRIPT
JQUERY
AJAX
ANGULARJS
C - LANGUAGE
JAVA
PHP
PYTHON
REFERENCES
PRACTICE TEMPLATES
Bootstrap Templates
PHP PROJECTS
Examples
HTML
HTML5
CSS
CSS3
BOOTSTRAP3
JAVASCRIPT
JQUERY
ANGULARJS
PLUGINS
Bootstrap 3
Bootstrap 4
Plugins
Static Menus
Responsive Menus
Dropdown
Tabs & Pills
Modal Boxes (Dialog box)
Gallery Plugins
Sliders
Buttons
Dynamic Forms
Forms
Image Effects
QUIZ
INTERVIEW QUESTIONS
BLOG
EXECUTE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap 4 Image Cards </title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <br /> <div class="card-deck"> <div class="card"> <img class="card-img-top" src="http://www.freetimelearning.com/bootstrap-snippets/images/bootstrap4/bootstrap-4-plugin-cards.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Title</h4> <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class="card-footer"> <small class="text-muted">Last updated 24/09/2018</small> </div> </div> <div class="card"> <img class="card-img-top" src="http://www.freetimelearning.com/bootstrap-snippets/images/bootstrap4/bootstrap-4-plugin-cards.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Title</h4> <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class="card-footer"> <small class="text-muted">Last updated 24/09/2018</small> </div> </div> <div class="card"> <img class="card-img-top" src="http://www.freetimelearning.com/bootstrap-snippets/images/bootstrap4/bootstrap-4-plugin-cards.jpg" alt="Card image cap"> <div class="card-body"> <h4 class="card-title">Title</h4> <p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class="card-footer"> <small class="text-muted">Last updated 24/09/2018</small> </div> </div> </div> </div> </body> </html>
