A Pen by David

Developer
David
Size
1,823 Kb
Views
16,192
  1. A Pen by David Previews
  2. A Pen by David HTML Codes
  3. A Pen by David CSS Codes

How do I make an a pen by david?

What is a a pen by david? How do you make a a pen by david? This script and codes were developed by David on 14 November 2022, Monday.

A Pen by David Previews
IQ Test

A Pen by David - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by David</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/skeleton/1.2/skeleton.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button class="btn btn-bad">Bad</button>
<button class="btn btn-awesome">Awesome</button>
<button class="btn btn-cool">Cool</button>
</body>
</html>

A Pen by David - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Montserrat);
body { background: #f0f0f0;
}
/*Base button style*/
.btn { font-family: 'Montserrat'; text-transform: uppercase; padding: 10px; border: none; text-align: center; outline: none; cursor: pointer; color: #fafafa;
}
/* Custom button styles. Creates a 3D effect with the box-shadow. The active state gives the impression that the button is being pressed in.
*/
.btn.btn-bad { background: #5a5a5a; box-shadow: 0px 3px 0px #4a4a4a;
}
.btn.btn-bad:active { box-shadow: 0px 1px 0px #4a4a4a; position: relative; top: 2px;
}
.btn.btn-awesome { background: #17805B; box-shadow: 0px 3px 0px #0c6343;
}
.btn.btn-awesome:active { box-shadow: 0px 1px 0px #0c6343; position: relative; top: 2px;
}
.btn.btn-cool { background: #6A598D; box-shadow: 0px 3px 0px #514272;
}
.btn.btn-cool:active { box-shadow: 0px 1px 0px #514272; position: relative; top: 2px;
}
A Pen by David - Script Codes
A Pen by David - Script Codes
Home Page Home
Developer David
Username david-east
Uploaded November 14, 2022
Rating 3
Size 1,823 Kb
Views 16,192
Do you need developer help for A Pen by David?

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!

David (david-east) Script Codes
Name
HTML5 Geolocation
Restrictive Queries with Firebase
IPhone Targeting
LESS - Nesting
Polaroid Fade-in
Mobile Disabled Animation
Flat UI Login Form
Create amazing captions with AI!

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!