Friday, November 18, 2016

Program to create simple image gallery in html css

By using bootstrap  we can create simple image gallery in our web pages.Here is a simple example.







<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>

.col-md-4
{
margin-left:-32px;   
   
   
}
</style>
</head>

<body>
<div class="col-md-4">
<div class="thumbnail text-center">
<img src="Desert.jpg">
<p class="text-center"><h4>We are watching nevada desert</h4></p>
</div>
</div>

<div class="col-md-4">
<div class="thumbnail text-center">
<img src="Lighthouse.jpg">
<p class="text-center"><h4>This is an ancient lighthouse</h4></p>
</div>
</div>

<div class="col-md-4">
<div class="thumbnail text-center">
<img src="Penguins.jpg">
<p class="text-center"><h4>These are beautiful penguins</h4></p>
</div>
</div>
</body>
</html>

No comments:

Post a Comment