A Pen by James Zedd
How do I make an a pen by james zedd?
What is a a pen by james zedd? How do you make a a pen by james zedd? This script and codes were developed by James Zedd on 11 October 2022, Tuesday.
A Pen by James Zedd - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by James Zedd</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="lm-container"> <div class="container-img"> <img src="https://cdn.shopify.com/s/files/1/2077/5559/files/mode1-1.jpg?15828702287442259739" /> </div> <div class="content-container"> <div class="content-align"> <h3>Mode<br />1</h3> <p>Mikayla girls opting for the “I woke up like this” look are classic and effortless. A certain je ne sais quoi is what makes these subtly eye-enhancing lashes so eye-catching.</p>
<p>Mode 1 brightens the eye (and the day) from the moment you put them on. They’re perfect for days that are too active or too busy for a full face of makeup. These lashes are a work-friendly, flirt-friendly way to boost your easy glow.</p>
<p>Keep it simple to pair with a dressed up look, or match it with an easy vibe to make people wonder if that sunny breeze on their cheeks was real or if it was you.</p>
<p><strong>WHERE TO WEAR?</strong><br />
Coffee catch ups, job interviews, daytime parties.</p> </div> <a href="#" class="btn btn-style">Shop Mode 1</a> </div>
</div>
</body>
</html>
A Pen by James Zedd - Script Codes CSS Codes
.lm-container { max-width: 1140px; width: 100%; margin: 0 auto; font-family: 'playfair display', serif; position: relative;
}
.container-img { overflow: hidden; height: 744px
}
.container-img img { height: 100%; margin-left: -20%; zoom: 120%;
}
.content-container { background: #fde1e1; padding: 70px 80px 90px; flex: 0.8; position: absolute; top: 0; right: 0; z-index: 5;
}
.content-align { background: #fde1e1; width: 350px; background-image: url(https://cdn.shopify.com/s/files/1/2077/5559/files/bg-1.png?918411716008465174); background-repeat: no-repeat; background-size: cover;
}
.content-align h3 { margin-top: 0; font-size: 50px; font-weight: 700; text-transform: uppercase; text-align: center;
}
.content-align p { font-size: 16px
}
.btn { display: inline-block; padding: 16px 50px; height: auto; width: auto; margin: 0; line-height: 1; font-weight: 700; letter-spacing: 0.1em; text-decoration: none; text-align: center; vertical-align: middle; white-space: nowrap; text-transform: uppercase; font-size: 18px; cursor: pointer; border: 2px solid; border-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border-radius: 3px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background-color: #97723d; color: #fff; position: absolute; bottom: -24px; left: 50%; margin-right: -50%; transform: translate(-50%,0); z-index: 10;
}
.btn:hover { background: #333;
}
@media (max-width: 991px) { .lm-container { margin-bottom: 90px; } .container-img { height: auto; text-align: center } .container-img img { width: 100%; height: auto; zoom: initial; margin-left: 0; } .content-container { padding: 50px 60px 70px; position: initial; margin-top: -4px; } .content-align { width: auto; background-image: none; background-size: initial; }
}
Developer | James Zedd |
Username | james_zedd |
Uploaded | October 11, 2022 |
Rating | 3 |
Size | 2,674 Kb |
Views | 10,120 |
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 |
Responsive Advert | 2,354 Kb |
Modern Responsive Product Comparison Table for E-commerce | 2,538 Kb |
Pure CSS Toggle Function | 2,566 Kb |
The Lonely Planet | 8,286 Kb |
Simple jQuery Selector Class Change | 1,802 Kb |
Flex Chart | 4,111 Kb |
Price | 3,043 Kb |
Modern Responsive Product Comparison Table | 2,952 Kb |
Simple Opt In Form | 3,203 Kb |
CSS Menu Item Transition and Image Animation | 2,184 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 |
Pure CSS albums gallery | Renaudtertrais | 2,978 Kb |
Out of the blue | Giaco | 2,537 Kb |
Voting App - register | MatheusLima92 | 1,948 Kb |
Canvas snow | Win7killer | 2,572 Kb |
Mobile first social buttons with no iframe | Alistairtweedie | 3,158 Kb |
A Pen by Gregory Potdevin | GregoryPotdevin | 1,713 Kb |
Google Fonts Sass Mixin | HugoGiraudel | 4,237 Kb |
Wip elementary os navbar | Nickcolley | 2,993 Kb |
Material Design-Layout-Principles Practice | Fraina | 2,331 Kb |
Login-ng-modal | Heedoo | 3,566 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!