IF You're scared of code but.....
THIS IS going to be YOUR NEW SECRET WEAPON.
want to build websites that look like they were done by a seasoned coder...
This insane resource is your key to blowing minds with your designs.
With over 20+ code snippets for just about any animation, action, or effect you can imagine
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
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.
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.
Having trouble with a code snippet? Want to request something you've seen? The Code Book Community will be your new best friend.
👩💻
✂️
💻
Step by Step tutorials on all code bits
20+ Easy Copy & paste code snippets
Community access for code Q's & requests
Smooth Scroll, Inverted Cursor, Scrolling Marquee, Button Effects, Stackers, Rotating Image on Scroll, Image Zoom on Hover
Code Snippets Used:
Lucy from @_lumustudio
+ SOOO MUCH MORE
BOBBING IMAGE
INVERTED CURSOR
Image fade on Scroll
Big to Small Logo on Scroll
DRAGGABLE IMAGES
IMAGE RADIUS ON HOVER
ANIMATED LINKS
COUNTDOWN TIMER
SCROLLING IMAGE MARQUEE
ROTATING IMAGE ON SCROLL
SCROLLING MARQUEE ON SCROLL
TYPEWRITER EFFECT
EDITABLE SPINNING TEXT
4 x BUTTON HOVER EFFECTS
Scrolling Image on Hover
SCROLLING MARQUEE
IMAGE ON HOVER
SPINNING IMAGES
+ way more that i have not made GIFs for! (DM if you wanna know)
Image fade on scroll!
SVG Buttons (Upload any png for fun!)
Nav bar that hides on scroll
FAQs (THAT DON'T SUCK ass)
Wavy Text Marquee
Image scale 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!
Images slide out on scroll
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!
Access to the Slayin Showit Code Book which includes 20+ copy and paste code snippets
$255 AUD
4 payments of
2+ Intro modules explaining coding and how to read/edit CSS.
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!
Access to the Slayin Showit Code Book which includes 20+ copy and paste code snippets
How to add Adobe Fonts to your Showit Website + How to combine 2 different fonts in one text book Module
$999 AUD
PAY IN FULL
2+ Intro modules explaining coding and how to read/edit CSS.
PIF BONUS:
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.
HOW TO ADD ADOBE FONTS & HOW TO COMBINE TWO FONTS IN ONE TEXT BOX MODULES
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.