lingams
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: green;
}
body {
background-color:white;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: grey;
}
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
//width: 180px;
width: 250px;
height: 250px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
// height: auto;
height: 300px;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body background-color:red;>
<h1 style="font-size:35px;">சிவமுருகுமாலை Sivamurugumalai </h1>
<ul>
<li><Siva Murugu Malai></li>
</ul>
<ul>
<li style="font-size:20px;"><a href="index.html">Home</a></li>
<li style="font-size:20px;"><a href="author.html">Author</a></li>
<li style="font-size:20px;"><a href="books.html">Books</a></li>
<li style="font-size:20px;"><a href="lingamalai.html">Lingatcharamalai</a></li>
<li style="font-size:20px;"><a href="gallary.html">Songs</a></li>
<li style="font-size:20px;"><a href="gallary.html">Gallary</a></li>
<li style="font-size:20px;"><a href="resources.html">Resources</a></li>
<li style="font-size:20px;"><a href="contact.html">Contact</a></li>
<li style="font-size:20px; float : right"><a href="contact.html">facebook</a></li>
</ul>
<p style="font-size:20px; text-align: left;"><b>சிவமுருகுமாலை புத்தகங்கள்/ Sivamurugumalai Books<b></p>
<!--<h3 style="font-size:20px; text-align: left;">சிவமுருகுமாலை புத்தகங்கள்/ Sivamurugumalai Books </h3>-->
<div>
<div class="gallery">
<a href="lingamview.html?login=lingam1.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>திரு ஆதிநாதேச்சுரர் </b></div>
<img src="lingam1.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Athinathechurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam2.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>விசுவநாதேச்சுரர் </b></div>
<img src="lingam2.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Viswanthesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam3.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>அயிராவதேச்சுரர் </b></div>
<img src="lingam3.jpg" alt="Cinque Terre" width="225" height="235">
</a>
<div class="desc">Iyeravathesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam4.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>தென்பெண்ணேச்சுரர் </b></div>
<img src="lingam4.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Thenpennesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam5.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>ஏகாம்பரேச்சுரர் </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Ekambarasurar</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>தணிகை முருகன் அருள் மாலை </b></div>
<img src="lingam1.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>வள்ளி மணாளன் அட்சர மாலை </b></div>
<img src="lingam2.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>வயலூர் முருகன் வடிவழகன் மாலை </b></div>
<img src="lingam3.jpg" alt="Cinque Terre" width="225" height="235">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>குமரக்கோட்டம் கடம்ப மாலை </b></div>
<img src="lingam4.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
</div>
<!--
<div class="gallery">
<a target="_blank" href="img_forest.jpg">
<img src="img_forest.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_lights.jpg">
<img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_mountains.jpg">
<img src="img_mountains.jpg" alt="Mountains" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
-->
<!--
<div class="gallery">
<a target="_blank" href="img_5terre.jpg">
<img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_forest.jpg">
<img src="img_forest.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_lights.jpg">
<img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<hr style="height:1px;border:none;color:#333;background-color:#333;" />
-->
</body>
</html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: green;
}
body {
background-color:white;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: grey;
}
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
//width: 180px;
width: 250px;
height: 250px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
// height: auto;
height: 300px;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body background-color:red;>
<h1 style="font-size:35px;">சிவமுருகுமாலை Sivamurugumalai </h1>
<ul>
<li><Siva Murugu Malai></li>
</ul>
<ul>
<li style="font-size:20px;"><a href="index.html">Home</a></li>
<li style="font-size:20px;"><a href="author.html">Author</a></li>
<li style="font-size:20px;"><a href="books.html">Books</a></li>
<li style="font-size:20px;"><a href="lingamalai.html">Lingatcharamalai</a></li>
<li style="font-size:20px;"><a href="gallary.html">Songs</a></li>
<li style="font-size:20px;"><a href="gallary.html">Gallary</a></li>
<li style="font-size:20px;"><a href="resources.html">Resources</a></li>
<li style="font-size:20px;"><a href="contact.html">Contact</a></li>
<li style="font-size:20px; float : right"><a href="contact.html">facebook</a></li>
</ul>
<p style="font-size:20px; text-align: left;"><b>சிவமுருகுமாலை புத்தகங்கள்/ Sivamurugumalai Books<b></p>
<!--<h3 style="font-size:20px; text-align: left;">சிவமுருகுமாலை புத்தகங்கள்/ Sivamurugumalai Books </h3>-->
<div>
<div class="gallery">
<a href="lingamview.html?login=lingam1.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>திரு ஆதிநாதேச்சுரர் </b></div>
<img src="lingam1.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Athinathechurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam2.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>விசுவநாதேச்சுரர் </b></div>
<img src="lingam2.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Viswanthesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam3.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>அயிராவதேச்சுரர் </b></div>
<img src="lingam3.jpg" alt="Cinque Terre" width="225" height="235">
</a>
<div class="desc">Iyeravathesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam4.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>தென்பெண்ணேச்சுரர் </b></div>
<img src="lingam4.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Thenpennesurar</div>
</div>
<div class="gallery">
<a href="lingamview.html?login=lingam5.jpg&password=123" target = "_blank" </a>
<div class="desc"><b>ஏகாம்பரேச்சுரர் </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Ekambarasurar</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>தணிகை முருகன் அருள் மாலை </b></div>
<img src="lingam1.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>வள்ளி மணாளன் அட்சர மாலை </b></div>
<img src="lingam2.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>வயலூர் முருகன் வடிவழகன் மாலை </b></div>
<img src="lingam3.jpg" alt="Cinque Terre" width="225" height="235">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>குமரக்கோட்டம் கடம்ப மாலை </b></div>
<img src="lingam4.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="bookview.html">
<div class="desc"><b>பழனி முருகன் பவழ மாலை </b></div>
<img src="lingam5.jpg" alt="Cinque Terre" width="225" height="225">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="footer">
<hr style="height:20px;border:none;color:#333;background-color:green" />
</div>
</div>
<!--
<div class="gallery">
<a target="_blank" href="img_forest.jpg">
<img src="img_forest.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_lights.jpg">
<img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_mountains.jpg">
<img src="img_mountains.jpg" alt="Mountains" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
-->
<!--
<div class="gallery">
<a target="_blank" href="img_5terre.jpg">
<img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_forest.jpg">
<img src="img_forest.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="gallery">
<a target="_blank" href="img_lights.jpg">
<img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
</a>
<div class="desc">Add a description of the image here</div>
</div>
<hr style="height:1px;border:none;color:#333;background-color:#333;" />
-->
</body>
</html>
Comments
Post a Comment