Flat buttons for Eliassen.com
How do I make an flat buttons for eliassen.com?
What is a flat buttons for eliassen.com? How do you make a flat buttons for eliassen.com? This script and codes were developed by Kdooley on 25 September 2022, Sunday.
Flat buttons for Eliassen.com - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Flat buttons for Eliassen.com</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<button class="flatblue">Open File <i class="fa fa-download fa-lg"></i></button> <button class="flatblue">Contact Us <i class="fa fa-envelope-o fa-lg"></i></button> <button class="flatblue">View Media <i class="fa fa-film fa-lg"></i></button> <button class="flatblue">Uploade Resume <i class="fa fa-cloud-upload fa-lg"></i></button> <button class="flatblue">Give Us Your Thoughts <i class="fa fa-comment-o fa-lg"></i></button>
</body>
</html>
Flat buttons for Eliassen.com - Script Codes CSS Codes
.flatblue{ background: #002d76; color: white; border: 0; outline: none; padding-top:15px; padding-bottom: 15px; padding-left:50px; padding-right: 50px; font-family: Source Sans Pro, san-serif; font-size: 1em;
}
.flatblue:hover{ background: #88A2BD; outline: none; border: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;
}
.flatblue:active{ top:2px; position: relative; color: #002d76;
}
Developer | Kdooley |
Username | kdooley89 |
Uploaded | September 25, 2022 |
Rating | 3 |
Size | 1,737 Kb |
Views | 16,192 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Testimonials Compuware layout | 3,832 Kb |
VR-Download Page | 3,622 Kb |
A Pen by Kdooley | 4,873 Kb |
Flat buttons for Eliassen.com | 1,737 Kb |
MobileDev App Page | 3,814 Kb |
Features Slider | 2,627 Kb |
VSCO Emulation | 4,079 Kb |
Leadership Bio Buildout | 5,857 Kb |
Customer-Story-Inside | 6,797 Kb |
Image-Slider in laptop screen | 2,469 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Bezier Animation with straight paths | Rhernando | 2,087 Kb |
Fun form with currentColor | Bnthor | 2,713 Kb |
TweenMax transformOrigin Bubble | Nicolund | 2,209 Kb |
Basic HTML5 Structure | YuvarajTana | 1,289 Kb |
Basic template | Tomcat | 1,675 Kb |
Hard-Stop Gradients | Mackdoyle | 2,288 Kb |
404 Page | Saransh | 2,666 Kb |
UI Challenge - Budget Selector | AgentRR007 | 3,547 Kb |
CSS3 Selectables with information rollover | Jasonmayes | 9,565 Kb |
Blog Concept - Single Post | Marionebl | 9,603 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!