Hey everyone! I’m going to be taking you through how you can build a parallax website in Veve without needing to write a single line of code so let’s jump into it. Parallax scrolling continues to be one of the most popular trends in modern web design, bringing instant depth, dimension, and wow factor to websites. While it looks complex, parallax is actually pretty simple and with the introduction of no-code tools like Veve, you don’t even need to know a developer or learn how to code to start using it. Parallax scrolling is a web design technique where the background content (most commonly an image) moves at a different speed to the foreground content when scrolling.
This creates an optical illusion making the brain think that the content of a page is moving in a 3D space as you scroll through a site. Inside of Vev, there are a handful of pre-coded components that allow you to enhance your projects by implementing these parallax techniques. The first component that we’re going to take a look at is Multi-Layer Parallax. This allows you to create a parallax effect using a group of images moving at different speeds. To add it to your project, head over to the Add menu and search for “Multi-Layer Parallax”, select it, and click anywhere on your canvas to add the section.
By default, this landscape image of mountains and a skier will appear. This example has three layers to it. By double-clicking the section you can open up the configuration modal where you can edit these layers to create your own multi-parallax design. Bear in mind you will need to upload PNGs with transparent elements within them to be able to see all the layers in a single space. Let’s break down the default asset as an example.
Layer 1 – Background image of the entire mountain view Layer 2 – Middle ground view of the mountains Layer 3 – Foreground view of some snow and skier with your assets uploaded, you can see that we can switch between layers and change their settings. Within each layer, you can set the amount of scroll that occurs from 0% to 100%. If a layer is set to 100% this will remain completely static—the same sort of effect you get from using a sticky background section. If set to 0%, the layer will scroll at the normal page speed. In order to achieve the parallax effect you will need to ensure all three layers are using different scroll speeds.
We suggest the background be set to a higher percentage and incrementally reducing the scroll percentage with each layer the closer you move forward. In this example, the background layer is set to 100%, the middle layer is set to 70%, and the foreground layer is set to 50%. Taking the same concept we’ve just learned and applying it to something simpler and more accessible to most creatives is Image Parallax. This section allows you to create a parallax background set to a scrolling speed of your choice, while content in the foreground scrolls at a normal speed. This is the most popular type of parallax scroll you will see on a variety of websites and is an easy way to add depth to your site with very little effort.
Once again, go into the Add menu, search for “Image Parallax”, select it, then click anywhere on the canvas to add it. Once added, head over to the Style panel on the right-hand side and find “background”. Select the “IM” row and then hit the “Change Image” button. You’ll then be taken to the image gallery modal where you can select an existing image in your project, upload your own, or select one from the royalty-free Unsplash or Pixabay galleries. With your image added, you can now see that you have an image parallax in your project ready to go by scrolling up and down.
To adjust the amount of scroll, just double-click the section to open the configuration modal. Here you can set the scroll amount between 0% and 100%. To achieve the full effect, add content to the foreground of the section. Finally, Scroll Speed. This add-on can be attached to any element in your project to override the default scroll speed of your foreground content.
You can pair this alongside content with a normal scroll speed to create some interesting effects. In this example, we’ve added scroll speed to the image on the left-hand side. To attach an add-on, select the element you want to apply it to and head over to the top menu. When an element is selected, this puzzle-piece icon will appear to indicate you can attach an add-on. Click this to open Vev’s add-on library and then select “Scroll Speed”.
With the scroll speed add-on applied, the configuration modal will open allowing you to adjust a few settings, including the scroll speed, with 100% being the normal speed. You can even make an element scroll in the opposite direction by setting this to a minus value. So get experimenting! Using a variety of these techniques throughout your project will add an extra element of depth and interest to your design. You can find the complete template for today’s parallax website inside Veve to take a closer look at how all the sections we’ve covered fit together. You can also easily copy and paste sections from our template directly to your own projects.
AI Cash Clone https://jvz3.com/c/1399091/430967
FREE PLR: Done-For-You Content
https://toolsformotivation.com/?add-to-cart=200965
EKitHub University Main Page
https://www.ekithubuniversity.com/a/2147834121/f6AQYrvS



A robust set of tools that can help you take your 3d sketchup model and create all the 2d documents that you’d previously needed a drafting program like autocad to create it even allows you to create presentation documents similar to programs like adobe illustrator or indesign but how exactly do layout and sketchup work together the key is what layout calls a viewport which allows you to reference a view of your sketchup model directly in layout then you use layout’s documentation tools to add things like dimensions labels and text now we’ll go into more detail about how to best set up and use viewports as we get further into this video but for now here are the fundamental steps for getting started first and foremost you always want to start with a well-organized sketchup model then.
Off then you can use pan and zoom to frame your view this will be the same framing you’ll see in your layout viewport later once you framed your view be sure to save your scene but wait this isn’t quite a floor plan view just yet that’s where the next tip comes into play number four give each active section cut its own scene whether you need to show a floor plan or a cross section you’ll need to add a section cut to your sketchup model here’s the problem once you add a section cut it’s tricky to get it to show up when you need it and disappear when you don’t and when you’re working with multiple section cuts isolating the one you want to show can be even more of a headache so how do you avoid this to get to the answer let’s talk about best practices for setting up a section cut when you add a section cut it will be the active cut to get a view perpendicular to the cut right click on the section plane and align your view to that plane.
I’m going with this one right sometimes it’s best to draw your 2d symbols in SketchUp first and group them with their 3d counterparts then remember what we discussed back in tip number five now is a perfect opportunity to use tags to your advantage by creating separate tags for 2d symbols and 3d objects you can show only the 2d symbols when you need them such as in a plan view and hide them when you don’t such as in a perspective view let’s use a door for example first find or create a 3d door model next draw the 2d door swing symbol and make it into a group then create a 2d symbols tag and assign it to the door swing group and create a 3d objects tag and assign that tag to the 3d door group next group the 3d door and 2d door swing together into a parent group that you can move and position together in your design for any plan view scenes toggle on the 2d symbols tag so it’s visible and hide the 3d objects tag and for perspectives and elevations do the opposite so only the 3d elements are visible in layout.
And one more thing at the end of this video, I’ll be showing you how to use this to generate ideas. It’s the best idea generator inside of ChatGPT that I have been able to discover yet. So make sure to not miss out on that part. One last thing before we start, and that is if you enjoy this YouTube channel, you would probably enjoy our other social media channels. Over the past two months, I’ve been building out a team around the AI Advantage brand, and we’re now on both Instagram and TikTok with over a million views on TikTok on a video already.
But what use case does this have beyond going on social media and selling your prompt examples just like this? Which, by the way, in that form, I never did with my 
Who do you love working with the most? Right? So, if that’s your criteria, and you go all in on a niche, and you want to change it later, it’s not like you’ve taken a big risk. You’ve already worked with that type of client, you’re basing it on your past experience, and you also know there’s clients that you haven’t enjoyed working with that have been an energy drain or that’s not the type of work that you want to do. And so by choosing another niche apart from that, like that’s not a risky thing. Now, when I’m talking about domination, I’m talking about being strategic. Okay? We’re not talking about hoping people will find you or hoping for something to go viral. That’s what a lot of people do. They think one day it’s just going to take off and people are going to find me.
This is from my client Noel Randall. She teaches real estate investing. She has a coaching program to help people get into Airbnb real estate. She’s got several other businesses. Now, I want to show you if we rewind and we go back to February of 24. We typed in all of these questions to YouTube, and we tracked how her ranking was. And at that time, she was only ranking at the top of YouTube for two of these questions. Four more. These yellow starting’s, we had to scroll down, but we still found her in the top 20. And for the rest of these that say no, she was not appearing on YouTube for those searches. But look how cool this is. Just two months later in April, we now had eight yeses. 1 month later, even more. And if you go to July 3rd, you see even more. So that’s how you can track your progress, and you can see if you’re actually getting more results.












