A VIDEO TRAINING COURSE THAT TEACHES YOU STEP-BY-STEP HOW TO CUSTOMIZE PRE-MADE CODE SNIPPETS
2.0
CAPTIVATE
WITH CODE
captivate
with code
2.0
With the success of Captivate With Code, I knew I wanted to create a
more elevated and juicy second course. So here it is!
We're still bringing the efficiency of 1.0 by using pre-made code blocks, so no dealing with the hassle or complexities of coding from scratch. In each video I'll break down a different code, walking you through how it functions and teaching you how to customize it to make it your own. This time around, I'll also have Showit tutorial videos where you can see exactly how I implement the code onto the platform. Not on Showit? No worries! These codes are universal and can be embedded into any web platform that allows.
Coding is such a useful skill to have in our area of expertise, one that makes you a hot commodity and valuable resource. My goal for this course is that you build confidence in your web designing, which in turn allows you to charge more for your advanced skills, and gain a deeper understanding of the coding language overall.
GAIN ACCESS TO DESIGN
functions, your web visuals
& your coding abilities
stunning
elevate
improve
GAIN ACCESS to stunning design functions, elevate your web visuals & improve your coding abilities
"I loved diving into Captivate with Code because the lessons are short and sweet and to the point. It's a collection of code snippets I've seen and gone green with envy trying to figure out how to do it. I honestly felt like I joined the cool kid club of Showit when I bought it. DEFINITELY signing up for any coding resource she puts out in the future (including 2.0 as soon as it launches!). Tara knows her stuff and is really nice to work with!"
- HARLEY
What 1.0 Students Are Saying
CODE BREAKDOWN
coDE
breakdown
Rotating Image
Rotate any image with simple code. Easily change the size and speed - no gifs needed!
Swipe Button
An interactive button that starts on one phrase, then swipes on hover to uncover another.
Sawtooth Button
A trippy button hover that features an animated sawtooth background.
Oval Button
An animation that changes your button to an oval shape on hover.
Horizontal Accordion Menu
An accordion drop-down menu perfect for creating navigation bars.
Ease Hover Menu
A stunning animation that eases and alters your text when hovered over.
Horizontal Scroll Gallery
Create a stunning image gallery that scrolls horizontally on the page.
Video Clip Mask
Overlay your text with a video using clipping masks and svgs.
Dropdown Content Menu
Feature content via a drop-down animation and include background images for a gallery effect.
Image Hover W/ Button
Add a catchy title and call-to-action button to any image on hover.
Circle Clip Hover
A unique animation that changes image shape and adds text and a cta on hover.
Macbook Mockup Overlay
Easily feature images or gifs inside a macbook mockup
Marquee
Menu
A stunning animated menu that features marquee text & pop-up images
Text Image Pop-Up
Have your text feature an image pop-up whenever it is hovered over
Image Card Animation
Turn any image into an informative card on hover.
"I loved this course from start to finish and feel so much more confident in incorporating code to my client's websites. Tara does an excellent job of breaking down the code simply in a way I could understand having very little coding knowledge before I invested in this course!"
- KARA
WHAT 1.0
STUDENTS
ARE SAYING:
What 1.0 Students Are Saying
Along with each coding lesson will be a Showit tutorial video where I demonstrate how to embed the code and what changes may need to be made in order to use it on the platform!
COUNT ME IN
Showit
Implementation
Showit
Implementation
This course was a GAME-CHANGER for me and my design game! The course provided a ton of value, and Tara was so helpful and thorough with every element of the course! The codes were super easy to implement into my Showit designs, and moreover, I really appreciated the way she actually TAUGHT what was going on behind the scenes of the code, rather than just providing the codes in a more plug-and-play format. Truly awesome!
- ALI
WHAT 1.0
STUDENTS
ARE SAYING:
What 1.0 Students Are Saying
This course is designed to teach you specific code functions, so even if you're a newbie to code or are familiar with css - the code snippets will be new and exciting for all to learn!
COUNT ME IN
For any & all coding skill levels
For Any & All Coding Skill Levels
✶ you want to LEARN TRENDY AND UNIQUE WEB DESIGN EFFECTS
✶ YOU find yourself BROWSING OTHER WEBSITES WONDERING, "HOW DID THEY DO IT?"
✶ you're looking to stand out amongst competitors & become a hot commodity in the web design field
✶ you want to increase your knowledge
of the css coding language
✶ you want to hone the coding skill so you can be a valued resource in your industry
this course is for you if...
✶ Private Membership Area
All course materials, instructions and videos will be neatly organized in our private membership area! It will also feature resource links and a contact form so you can quickly get in touch with me!
✶ 15 Unique Code Blocks
You'll receive access to 15 different code snippets that can easily be embedded into your website via copy + paste.
✶ 3+ Hours of Video Content
Our lessons are separated into 15 different video tutorials. I'll walk you through step-by-step how to customize the code and break it down into its simplest terms. Then I'll guide you through inserting it into your Showit website.
✶ Extra Tips & Helpful Links
Our membership area will also feature a Resources List that may be helpful to you along your coding journey. Things like my preferred websites and coding shortcuts.
✶ Lifetime Access
Course content will always remain available to you. So you can take it anytime and at your own pace.
✶ Designer Support
I'm always willing to lend a helping hand. If you find yourself needing some clarification or further help after the course is completed, fill out the contact form on the course page or email me directly!
WHAT'S INCLUDED?
what's
included?
✶ WILL YOU BE TEACHING CODING BASiCS?
✶ how does this course differ from 1.0?
✶ WHAT IF I HAVE NO CODING EXPERIENCE?
I made sure to take 2.0 codes to the next level, so some are a bit more advanced and time consuming than the ones we learned in 1.0. Not only does this course feature 15 entirely new code snippets, but it also includes Showit tutorial videos for each.
If you're new to code there will be a bit of a learning curve, but it's absolutely doable if you're invested in the course. You'll not only receive the content you need to get started, but I'll walk you through step-by-step how to customize each code to your liking.
This course is designed to teach you specific code snippets, not the nitty gritty of the css language. However, as you move along in the course you'll start to see repetitions and develop a better understanding of how the basics work!
✶ WHAT WEB PLATFORMS WILL THE CODES WORK ON?
Although I specialize in Showit design, the coding is universal so I've used them on platforms like Shopify, Squarespace and even Kajabi. I do however recommend that you're familiar with embedding codes and troubleshooting. Platforms other than Showit may require some additional fine tuning!