A Pen by Zane Riley
How do I make an a pen by zane riley?
What is a a pen by zane riley? How do you make a a pen by zane riley? This script and codes were developed by Zane Riley on 11 September 2022, Sunday.
A Pen by Zane Riley - Script Codes HTML Codes
<!DOCTYPE html>
<html class="modern">
<head> <meta charset="UTF-8"> <title>A Pen by Zane Riley</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='https://components.britcdn.com/components-1.3.11.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<main> <div class="outer-box"> <div class="inner-box"> <h2 class="primary">Get the DIY Tutorials</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit erat in magna eleifend, at pharetra orci eleifend. Nulla id lorem euismod, gravida erat ac, consectetur massa.</p> <label> <span class="label-text">Email Address</span> <input type="email" placeholder="[email protected]"/> </label> <button class="primary" data-button="data-button">Buy Now</button> </div> </div>
</main>
</body>
</html>
A Pen by Zane Riley - Script Codes CSS Codes
main { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; height: 100vh;
}
.outer-box { margin: auto; padding: 3.2rem; background-color: #FFDE66; background-image: url("https://res.cloudinary.com/riddle-potion/image/upload/v1467331059/summer_hbr6qx.jpg"); background-size: cover; background-position: center; max-width: 38rem;
}
.inner-box { width: 100%; height: 100%; padding: 1.2rem; background-color: white; max-width: 29.07rem;
}
label { width: 100%; text-transform: uppercase;
}
label .label-text { font-size: 0.8rem;
}
label input { margin-top: 0 !important; display: block; padding: 0.8rem; width: 100%;
}
Developer | Zane Riley |
Username | zaneriley |
Uploaded | September 11, 2022 |
Rating | 3 |
Size | 2,854 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 |
Donation Prototype - v3 Multi-pay option | 11,995 Kb |
Typography | 5,179 Kb |
Landing Page Prototype | 3,261 Kb |
Halloween Pen | 7,736 Kb |
3d Shadow Prototype v2 | 4,448 Kb |
Landing Page Prototype | 7,132 Kb |
Fluid Type Demo with Grid | 0 Kb |
Donation Prototype - v2 Visual Hierarchy Fixes | 16,897 Kb |
Callout Example | 3,936 Kb |
Masking Gifs | 12,900 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 |
Price table | Serluk | 5,928 Kb |
The Monty Hall Problem | Melatonind | 4,360 Kb |
Google Fonts Sass Mixin | HugoGiraudel | 4,237 Kb |
V.35 The Monolith Update - Hero Release Notes | Jordan | 12,045 Kb |
CSS Colors | Alexpate | 2,232 Kb |
Wavy Road with Dashes | Jonobr1 | 2,679 Kb |
Shopping cart | Andiio | 6,581 Kb |
A Pen by tugce | Ecgutcnkr | 4,197 Kb |
My Interests | Anshusaxenaarora | 2,015 Kb |
Nice textured background | Hans | 2,659 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!