<!DOCTYPE html>
<html>
<head>
<style>html,body,table { line-height:1.5; } body { margin:0;padding:0; } h1,h2,h3,h4,h5,h6 { font-weight:bold;font-style:normal;font-size:1em;margin:0; } h2 { margin:1em 0; } h3 { margin:1em 0; } h5 { font-style:italic; } h6 { font-weight:normal;font-style:italic; } p,ol,ul,figure,blockquote,.spaced-block { margin:1em 0; } img { border:0;height:auto;line-height:100%;outline:none;-webkit-text-decoration:none;text-decoration:none; } body,table,td,a { -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; } table,td { border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt; } table td { vertical-align:top; } img { -ms-interpolation-mode:bicubic;max-width:100%; } * { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } hr { margin:36px 0;border:0;height:1px;background:#eee; } ul,ol { margin-left:1em;padding:0;list-style-position:outside; } ol ol,ul ul,ol ul,ul ol { padding:0 0 0 1em; } li { padding:0 0 0 1em;margin:0 0 0 1em; } .email-button { border:0 none; } .built-with { width:100%;max-width:640px;margin-left:auto;margin-right:auto; } </style>
<style>.ck-link { text-decoration: underline; }</style>
<style>@media only screen and (max-width:600px) { .email-container { padding:0 !important; } }
@media only screen { .email * { word-break: break-word; } }
@media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } }
@media only screen and (max-width:600px) { .ck-padding-left-none { padding-left:0px !important; } .ck-padding-right-none { padding-right:0px !important; } .ck-padding-left-mobile-friendly { padding-left:18px !important; } .ck-padding-right-mobile-friendly { padding-right:18px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="preview-text">
<span style="display: none; max-height: 0; overflow: hidden;">
Get 40% off CSS Demystified & Beyond CSS
</span>
<span style="display: none; max-height: 0; overflow: hidden;">
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
</span>
</div>
<div style="background-color:#ffffff"><table role="presentation" cellpadding="0" cellspacing="0" class="email" style="background:#ffffff !important;width:100%" bgcolor="#ffffff"><tbody><tr>
<td><div class="email-container normal" style="padding-top:0;padding-left:0;padding-bottom:30px;padding-right:0;margin:0 auto;max-width:100%"><table cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="width:100%;margin:0 auto;background-color:#ffffff"><tbody><tr><td>
<div class="ck-section" style="margin:0px auto 0px auto"><center><table cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;max-width:100%"><tbody><tr>
<td contenteditable="false"></td>
<td width="100%" style="background-color:#f5f5f5;border-radius:0px;box-sizing:border-box;mso-padding-alt:0px 0px 0px 0px" bgcolor="#f5f5f5"><div class="ck-inner-section ck-padding-left-none ck-padding-right-none" style="padding:0px 0px 0px 0px"><div style="margin-left:auto;margin-right:auto;max-width:640px"><p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:14px;color:#353535;font-weight:400;line-height:1.5;text-align:center" class=""><a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/6qheh8hlopvn94u9/aHR0cHM6Ly9ja2FyY2hpdmUuY29tL2IvOGt1cWhvaDI5N3c0OWkzbjY2bW5xZms2ZzJnOTlzM2g5MnZl" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#5858ae" url-id="1809844342">View this email in your browser</a> (or share it with a friend!)</p></div></div></td>
<td contenteditable="false"></td>
</tr></tbody></table></center></div>
<div class="ck-section" style="margin:30px auto 7px auto"><center>
<table cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;max-width:640px"><tbody><tr>
<td contenteditable="false"></td>
<td width="640" style="border-radius:0px;box-sizing:border-box;mso-padding-alt:0px 4px 0px 4px"><div class="ck-inner-section ck-padding-left-mobile-friendly ck-padding-right-mobile-friendly" style="padding:0px 4px 0px 4px"><div style="margin-left:auto;margin-right:auto">
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Hello my front-end friend,</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">I know you're getting a lot of Black Friday emails, but with it actually being Black Friday, I figured I should send out a reminder of my sale today.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">This is <strong>the first time I'm doing a Black Friday Sale</strong>, and it's the biggest sale I've ever done, with <strong>40% off both </strong><a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/kkhmh6hnm8g6x7ak/aHR0cHM6Ly9jc3NkZW15c3RpZmllZC5jb20v" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1809844343"><strong>CSS Demystified</strong></a><strong> and </strong><a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/58hvh7hg75pk4pb7/aHR0cHM6Ly93d3cuYmV5b25kY3NzLmRldi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1809844344"><strong>Beyond CSS</strong></a>.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">I'm also throwing in Flexbox Simplified as a bonus with either purchase.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">I've always been hesitant to run sales, so <strong>this is the first non-launch-period sale I've run</strong>. If you've been thinking about enrolling in one of these, it's a great time to do it.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">I've already gotten some great questions from people about the courses, so I'm going to answer the most common ones now. If you have any others, hit reply and ask away!</p>
<h2 style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:24px;color:#353535;font-weight:600;line-height:1.5" class="">Frequently Asked Questions</h2>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>I'm not sure which course would be right for me</strong></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>CSS Demystified</strong> is my course for people who want to write CSS with confidence. It assumes you know the basics of CSS already, but that you're feeling a little stuck or frustrated with it.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">It's a deep dive into better understanding why CSS works the way it does, and untangles a lot of the parts that often feel unintuitive, or even counterintuitive. It's mostly project-based, working our way up through some simpler things earlier on, before taking everything we've learned and applying it to a final project at the end.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>Beyond CSS</strong> is for people who are very comfortable with CSS already, and are looking to learn new tools and strategies to help write more scalable CSS. </p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">It explores everything from class naming and general architecture, dives into build tools, and explores basic design systems, theming, and setting up a headless CMS as part of an Astro project.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>How long do I have access? Is this a one-time purchase or a subscription?</strong></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">These are one-time purchases. <strong>You'll have lifetime access, including future course updates. </strong></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">As you might know, I'm working on a revamp of CSS Demystified, and I also have plans for Beyond CSS in 2026. As long as you're enrolled, you'll get access to those updates.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>I've noticed both courses have tiers. Can I upgrade later on?</strong></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Yup! If you send me an email, we'll get that sorted out. If you purchase during the sale period, I'll honour the discount if you decide to upgrade later.</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>Do you offer PPP pricing?</strong></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Yup! If you aren't seeing a banner at the top of the page, make sure you aren't using a VPN. If you're not using one and you still don't see anything, reply to this email to let me know, and we'll get it sorted out.</p>
<hr style="margin-top:24px;margin-bottom:24px">
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">If you are ready to take advantage of the sale: <a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/kkhmh6hnm8g6x7ak/aHR0cHM6Ly9jc3NkZW15c3RpZmllZC5jb20v" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1809844343">CSS Demystified</a> and <a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/58hvh7hg75pk4pb7/aHR0cHM6Ly93d3cuYmV5b25kY3NzLmRldi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1809844344">Beyond CSS</a></p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">If you've got any other questions, please don't hesitate to hit reply and ask!</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Kevin</p>
<p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>P.S.</strong> I will be sending out a few emails about this sale over the sales period. If you'd like you can <a href="https://click.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd/9qhm3d77hnhd9gkzeqsz/aHR0cHM6Ly93d3cua2V2aW5wb3dlbGwuY28vdXBkYXRlZC8=" trigger-id="5425218" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1809844345">click this link to opt-out of them</a>. You'll stay on my regular newsletter without getting the Black Friday emails.</p>
<hr style="margin-top:24px;margin-bottom:24px">
</div></div></td>
<td contenteditable="false"></td>
</tr></tbody></table>
<div><!--[if mso]><br /><br /><![endif]--></div>
</center></div>
<div class="ck-section" style="margin:0px auto 24px auto"><center>
<table cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;max-width:640px"><tbody><tr>
<td contenteditable="false"></td>
<td width="640" style="background-color:#f7f7f7;border-radius:0px;box-sizing:border-box;mso-padding-alt:18px 18px 18px 18px" bgcolor="#f7f7f7"><div class="ck-inner-section ck-padding-left-mobile-friendly ck-padding-right-mobile-friendly" style="padding:18px 18px 18px 18px"><div style="margin-left:auto;margin-right:auto;max-width:640px"><p style="font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:15px;color:#747474;font-weight:400;line-height:1.5" class="">If you no longer want to get any emails from me, you can <a href="https://unsubscribe.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#006df2">unsubscribe</a> or you can edit your <a href="https://preferences.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#006df2">preferences</a> if you'd like pick which emails you get from me.<br>113 Cherry St #92768, Seattle, WA 98104-2205</p></div></div></td>
<td contenteditable="false"></td>
</tr></tbody></table>
<div><!--[if mso]><br /><br /><![endif]--></div>
</center></div>
<div class="ck-section" style="margin:0px auto 0px auto"><center><table cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto;max-width:640px"><tbody><tr>
<td contenteditable="false"></td>
<td width="640" style="border-radius:0px;box-sizing:border-box;mso-padding-alt:0px 0px 0px 0px" bgcolor=""><div class="ck-inner-section ck-padding-left-none ck-padding-right-none" style="padding:0px 0px 0px 0px"><div style="margin-left:auto;margin-right:auto;max-width:640px"><div></div></div></div></td>
<td contenteditable="false"></td>
</tr></tbody></table></center></div>
</td></tr></tbody></table></div></td>
<td></td>
</tr></tbody></table></div>
<!-- -->
<img src="https://open.convertkit-mail4.com/e5u724lxlot7hl4dmx4c8h8movo22ilh49xd" alt="" style="display:block">
</body>
</html>