Dear friends, today I am going to tell you that how to create a download button/link in website. Many people's websites contain downloadable content but they don't know how to make it downloadable by adding download button/link.(note-Make sure that file which you linked with download button/link is uploaded in your website)
What is download button/link?
It is button/link which allows you to download data on your device from remote computer. You can make PDF,DOC or ZIP files downloadable.
Code of download link
<a href="example.pdf">Download file</a>
Code of download button
<a href="example.pdf"><button class="button"><i class="fa fa-group"></i> Download</button></a> <style> .button { width: 140px; height: 45px; font-family: 'Roboto', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2.5px; font-weight: 700; color:#FFFFFF; background-color: black; border: none; border-radius: 45px; border: 1px solid grey; }.button:hover { background-color: #000000; /*background-color-On-Hover*/ box-shadow: 0px 5px 5px rgba(46, 229, 157, 0.4); /*shadow-color*/ color: #fff; cursor: pointer;} </style>
Download button looks like below:
