Style Download Buttons

 <!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Add icon library -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>

.btnd {

  background-color: DodgerBlue;

  border: none;

  color: White;

  padding: 12px 30px;

  cursor: pointer;

  font-size: 20px;

}


/* Darker background on mouse-over */

.btnd:hover {

  background-color: RoyalBlue;

}

</style>

</head>

<body>


<h2>Style Download Buttons</h2>


<p>Auto width:</p>

<button class="btnd"><i class="fa fa-download"></i> Download</button>


<p>Full width:</p>

<button class="btnd" style="width:100%"><i class="fa fa-download"></i> Download</button>


</body>

</html>


Highlight of Image Details

Name: Maa Kali Images PNG

Image Categories:  Maa Kali, Goddess

Resolution: 3564 × 1836

License: Copyright Free

File Format: PNG

PNG Size: 5.10 MB


How to Download Image:
  • Click on the Download Button
  • Then Right Click on the Picture 
  • Then Click on the "Save Image As" Option on the Desktop (For Desktop / Laptop)
  • Hold Down on the Picture and Click on the "Download Image" (Only Smart Phone / Tablet)