Відео

Super useful tutorial. Thank you.

You are great

Hi Nocolai, i would like to change the color of the 1 background, you said put this navy blue, i chose my color instead and it's not working, also, i would like to add a 6th one, the color background do not change even if i add by myself the hex color

so cool

Learn to make adaptive, all your website layouts are beautiful, but not adaptive.

have my love!

Thank you.,

Very nice! But how do you put al this beauty into responsive? can you make a video about that? EDIT: What are the things you leave out on mobile? Does mobile limit you in the design process for desktop? What do you take in considersation?

Can this be done without Elementor Pro as well?

On mobile we get color effects only

I followed all the steps and was able to create a beautiful page.

Why you blocked your website to access from India? I cant able to open it... Please allow access!

Client: Now make it responsive, keeping the same effect.

Thank you!

I am more interested on what stack is your website built on, it's super fast. "nicolaipamkvist" I mean

yours include some mistakes and i correct it this to new one <div class="custom-pre-container"> <pre class="custom-pre"> <span class="selector">This is Your Path</span> <span class="property">To Digital</span> <span class="punctuation">Excellence</span> </pre> </div> <style> :root { --pink: hsl(338, 70%, 55%); --teal: hsl(183, 70%, 62%); --white: hsl(334, 7%, 95%); } body { background: hsl(224, 32%, 12%); background-image: conic-gradient(from 0deg at 50% 50%, blue, purple, purple, blue); background-blend-mode: multiply; min-height: 100vh; } .custom-pre { font-size: 2rem; font-weight: bold; color: var(--white); background: hsl(222, 45%, 7%); padding: 2rem; border-radius: 1rem; position: relative; transform-style: preserve-3d; transform: perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY)); } .custom-pre::before, .custom-pre::after { content: ""; position: absolute; border-radius: inherit; } .custom-pre::before { inset: 0.75rem; background: black; z-index: -1; transform: translateZ(-50px); filter: blur(15px); opacity: 0.5; } .custom-pre::after { inset: -1rem; background: linear-gradient(-45deg, red, blue); z-index: -2; transform: translateZ(-50px); } .selector { color: var(--pink); } .property { color: var(--teal); } .punctuation { color: var(--white); } </style> <script> const pre = document.querySelector(".custom-pre"); document.addEventListener("mousemove", (e) => { rotateElement(e, pre); }); function rotateElement(event, element) { const x = event.clientX; const y = event.clientY; const middleX = window.innerWidth / 2; const middleY = window.innerHeight / 2; const offsetX = ((x - middleX) / middleX) * 45; const offsetY = ((y - middleY) / middleY) * 45; element.style.setProperty("--rotateX", offsetX + "deg"); element.style.setProperty("--rotateY", -1 * offsetY + "deg"); } </script>

amazing. how can I recreate that nav bar?

Thank u so much!

Sooo how does this look on mobile?

You have done an amazing job! How about the Header Title and the Menu that changes the color while scrolling?

I would like some assistance with changing a psd design to html

Hi Nicolai, great work! I bought your template, but unfortunately it only works on desktop, while on mobile and tablet the transition is not responding. What can be the solution for that?

did you add the images that all were the same size? because when I choose full size image, all of the have different sizing

i tried this, and the scroll is very heavy,,, and sometimes there's delay in the scrolling effects

Thanks so much when I become rich I will look for you 😂

Great video but it doesn't work for me in responsive, are there any solutions? Thanks

sir, can you please make a hero section of the car website using GSAP, big fan sir🙏🙏❤❤ @nicopalmkvist

Nice work, Just wanted to know the font name and the BG color code

Hello I hope you read this. Can this be used in WordPress? I'm a beginner

how does it looks on mobile?

Hi! I've completed this but when I hover over a picture it turns black with no view of the title and page. Best way to fix this?

What if I don't wanna use main container and the main container is practically the page itself?

It's looking awesome! Great job. Could you please tell me How to create an image like this.

Which app he is using for that design?

So cool video

In my elementor sticky under motion effects is locked. Do i need to purchase elementor pro? Is there any other way?

i cant get images on side by side even after i changed the direction on right

"Hi [nicolia], I’m a video editor and designer, and I love your content! Let me help enhance your videos and thumbnails for better audience engagement. Let’s connect to discuss-drop me a message!"