A Pen by James Zedd

Developer
Size
2,674 Kb
Views
10,120

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 Previews

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; }
}
A Pen by James Zedd - Script Codes
A Pen by James Zedd - Script Codes
Home Page Home
Developer James Zedd
Username james_zedd
Uploaded October 11, 2022
Rating 3
Size 2,674 Kb
Views 10,120
Do you need developer help for A Pen by James Zedd?

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!

James Zedd (james_zedd) Script Codes
Create amazing SEO content 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!