"button download"
Bootstrap 3.3.0 Snippet by Moofee

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <head> <link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css"> </head> <div class="container"> <br /><br /> <div class='download_zone'> <a class="block_download" href="#"> <div class="rond"> <span class="fa fa-file-image-o fa-2x"></span> </div> <div class="title_download">   Télécharger</a> </div> </div> </div>
a { color: #0AD; } a:hover { text-decoration: none; color: #0AD; } .download_zone { background-color: ff0000; border-top: solid 1px #0ad; border-top-left-radius: 25px; width: 150px; } .fa { color: #ffffff; } .rond { border-radius: 70px; background: #0ad; width: 40px; height: 40px; text-align: center; float: left; padding-top: 5px; } .title_download { padding-top: 10px; }

Related: See More

Vue Argon Design System
Hexa shape button
Loading Button
Material toggle button

Questions / Comments: