want to build websites that look like they were done by a seasoned coder...

Moving Image

THIS IS going to be YOUR NEW SECRET WEAPON.

IF You're scared of code but.....

Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~

Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~

Description 1 Description 2 Description 3

With over 20+ code snippets for just about any animation, action, or effect you can imagine

This insane resource is your key to blowing minds with your designs.

Rotating Image

MOST SHOWIT DESIGNERS DON'T USE CODE & THAT'S WHY SO MANY SITES LOOK LIKE A  FANCY PDF.

WITH THE SLAYIN SHOWIT CODE BOOK YOU'LL BE ABLE TO:

Create aesthetic sites, full of movement and fun.

Wow your clients with codes that will set them apart

Read, write and understand basic CSS (& feel like a badass)

Charge more $$ on your Website projects 

What you'll find in the code book πŸ‘€

Community access for code Q's & requests 

20+ Easy Copy & paste code snippets

Step by Step tutorials on all code bits

πŸ’»

βœ‚οΈ

πŸ‘©β€πŸ’»

Having trouble with a code snippet? Want to request something you've seen? The Code Book Community will be your new best friend.

No need to worry about how to write code or ideating code, I've created a library full of all the code bits you could ever need or want.

Need to change a small thing about the code? No worries I've got you, all codes have a single video to explain how it works & how to change parts out.

student showcase!

Lucy from @_lumustudio

Code Snippets Used:

Smooth Scroll, Inverted Cursor, Scrolling Marquee, Button Effects, Stackers, Rotating Image on Scroll, Image Zoom on Hover

Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~

Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~ Over 20+ Code Snippets Included ~

THE CODES

SPINNING IMAGES

IMAGE ON HOVER

SCROLLING MARQUEE

Scrolling Image on Hover

4 x BUTTON HOVER EFFECTS

EDITABLE SPINNING TEXT

TYPEWRITER EFFECT

SCROLLING MARQUEE ON SCROLL

ROTATING IMAGE ON SCROLL

SCROLLING IMAGE MARQUEE

COUNTDOWN TIMER

ANIMATED LINKS

IMAGE RADIUS ON HOVER

DRAGGABLE IMAGES

Big to Small Logo on Scroll

Image fade on Scroll

INVERTED CURSOR

BOBBING IMAGE

+ SOOO MUCH MORE

NEW CODES THAT HAVE BEEN REQUESTED BY THE CODing HOMIES!

Images slide out on scroll

That's right! When you join, you get access to the code community where you can request any new code snippet you want!

Image scale on scroll

Wavy Text Marquee

FAQs (THAT DON'T SUCK ass)

Nav bar that hides on scroll

SVG Buttons (Upload any png for fun!)

Image fade on scroll!

+ way more that i have not made GIFs for! (DM if you wanna know)

PIF BONUS:

2+ Intro modules explaining coding and how to read/edit CSS.

PAY IN FULL

$999 AUD

How to add Adobe Fonts to your Showit Website + How to combine 2 different fonts in one text book Module

Access to the Slayin Showit Code Book which includes 20+ copy and paste code snippets

Access to the Slayin Showit Code Book Community where you get 1:1 access to Olivia for coding questions and the ability to request new codes for the book!

It's time to LEVEl up your showit websites

2+ Intro modules explaining coding and how to read/edit CSS.

4 payments of

$255 AUD

Access to the Slayin Showit Code Book which includes 20+ copy and paste code snippets

Access to the Slayin Showit Code Book Community where you get 1:1 access to Olivia for coding questions and the ability to request new codes for the book!

PAY IN FULL BONUS

HOW TO ADD ADOBE FONTS & HOW TO COMBINE TWO FONTS IN ONE TEXT BOX MODULES

When you pay in full you receive two extra modules to up-level your Showit Websites.

- Adobe fonts are stunning to include on your website, but sometimes hard to add without the knowledge of code. In this Bonus Module you'll get a full rundown on how I use Adobe fonts on my client websites, as well as copy and paste codes to make your life extra easy.

- Did you know that if you want to use two different fonts on Showit you HAVE to make sure they are in the same text box for SEO optimisation. This module will give you a rundown on how you can code two (or more) different styles of fonts in one text box + bonus code snippets to make this process that much easier. 

Rotating Image

FREQUENTLY ASKED QUESTIONS

DO I NEED TO KNOW HOW TO CODE TO USE THE CODE SNIPPETS?

No you don't need to know how to code - I have designed these to be beginner friendly and easy to copy and paste into your websites. The first two modules break down the basics of reading and understanding CSS, then each lesson I will take you through everything you need to change and adjust per snippet. If you run into any issues you have the community where you can drop in any questions you have!

CAN I USE THESE ON MY CLIENTS WEBSITES?

Yes, if you purchase the commercial license for the code snippets, you will be able to use these on AS MANY client websites are you would like. At checkout you will be prompted to add this license on! If you do not purchase this, you can only use the code snippets on your personal website.

CAN I USE THE SNIPPETS ON OTHER WEBSITE PLATFORMS?

I wouldn't recommend using them on website platforms other than Showit. I have created and tested them only on Showit so I would not know if they do or don't work on other platforms. 

THERE'S A SNIPPET I WANT BUT I DON'T SEE IT IN THE BOOK!

As this is the first version of this book, I haven't added every single snippet I possibly could, BUT if there is a snippet you would like to request me to create and add to the library then you can request it in the Slayin Showit Code Community!

I'M NOT A WEBSITE DESIGNER, CAN I USE THEM?

Yes! As I have created the code snippets to be an easy copy and paste method, anyone can use them on their websites. If you're a photographer, social media manager, brand designer etc they will be super easy to implement on your websites!

HOW LONG DO I GET ACCESS TO THEM?

Forever! Once you purchase the booklet you have unlimited access to the codes + any future updates. I'll be dropping extra modules every now and then you can pay a small $$ to get access to them! 

WILL YOU TEACH ME HOW TO USE THE SHOWIT PLATFORM?

No sadly, this course is only for people who already know how to use Showit. If you do want to learn Showit (plus get access to this course inclusive) you can sign up to the Slayin Showit Waitlist to find when our next round will be launching. Jump in here.

DO YOU OFFER REFUNDS?

Due to the digital nature of this course (and the fact you get access to all the codes + trainings on purchase) I am not able to offer refunds.