Protect this girl at all cost!!! she is very professional in terms of interactivity and modern design using elementor, i am about to shift using webflow because of these animations but then I found this channel, It's now possible to create a modern and story telling sites like in webflow using worpress still an elementor.
I am a recent subscriber to your channel, and I must express my sincere appreciation for the exceptional quality and usefulness of your videos. Keep up the fantastic work!
Your amazing, thank you for renewing my faith in Elementor. I enjoy watching your tutorials in as much I admire watching how good you look when lecturing...
You are very welcome and thank you!😁 yeah, trust me, I do this to keep my faith in Elementor alive :)))) pushing it's boundaries to see where I can take it.
Hey there, love the tut. As for tabs, don’t copy and paste each item one by one. Just design one tab and duplicate the full tab element . You will have all of your content and settings duplicated… cheers and keep up the good work
You're easily one of the most refreshing web design channel. Earned sub. Are you planning to do some stuff about e-commerce ? I think there's a lot of tutorials out there, but I feel like none of them are really creative and this is near 2024...
Hey, as a tip: I do not use vh for the inner containers or inner tabs - I use pixels instead - that way containers stay same size and in place, when stretching the screen size
please share the code (js & CSS) 1:03:24 Building the 'Work' section and in the last your designs are so cool and beautiful. I really impressed you with creativity. keep sharing the videos
Thank you for the Great design of the Website, to be honest i don't mind watching 4 hour tutorial as long as every step is covered. It is kinnda hectic to got to different videos for section.
Hi, Andrea, I am a recent subscriber to your channel, and want to ask about 15:09. How you do to build the 'EXPANDING VIDEO ON HOVER'?(Forget this, i finded your video that your teach how to) I searched on entire youtube to find a channel that teach "how to build" to build this effects in Elementor and i really appreciate your work. Thank you!
1:05:28 what was the setting did you put for the image because mine stay in the middle yours is right. I follow the other video and yours is very different
Hey, loving this video so far! Where can I find the custom CSS code from around 28:30? 🤔 My logos go over the border when scrolling, wonder if that's what the code is for haha. Thanks in advance
Hey Joey! Here's the code: selector .swiper-wrapper { -webkit-transition-timing-function: linear !important; -moz-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } but it will not fix the logos going over the border when you're scrolling tho...that's a very strange behavior
Hey! you're welcome :) I always use the paid version of elementor. You can still do a lot with the free version but you might need to add extra plugins like a code snippet etc...with the free version you don't get that many cool widgets...
Hello Andrea, love your content! How did you made the contact popup? I've been trying for so long but I can not make it look like yours, I`m having lots of issues. Could you please make a tutorial about it??
Hey Andrea! Been watching your videos and I am amazed by your design abilities. However, I have a question about this video in particular, how did you create the navbar. You said that you would use the one in your awwwards inspired one but the design, and alignment are different. Thanks
To add to 25:00 - never start on mobile in Elementor because the way it is built, responsive "trickles down" from desktop to mobile. You will have a nightmare optimizing the other way around...
Yes a mil times! Pure nightmare, it's much easier to remove elements than to add. Even when I was coding websites from scratch I was never starting with the mobile view. It just does not feel natural to me....
Amazing ! Excited to see your video. It showed me what such a great design can do with Elementor ! This video is the best teaching tool for me.☺ I really admire your great talent and sense of style !
hi, im late and idk if ill get a reply from you but.. how do you make those popups? i am confused if its some code or a lightbox, is there a guide i can check out for that effect? Also great work!
Is wordpress good to build websites bc some people say it's not but I believe that we can make fantastic website using plugins and we can also add custom css code to add effects and animation.
I am trying to replicate the website. While working on the hero section, I encountered a problem while creating the right side of the hero section containing the hover expand video. I have built the hover expand using the link for the playlist and copied that container but I'm having an issue because of the expanding video the whole hero section is getting expanded and there's extra space added between the text widget and video expand container even though I used the same spacing as you used.
i was looking for something out of the box with elementor though i'm completely beginner at this. your video has amazed me how godly elementor can be! thanks for this one. btw any source/how to guide for the contact form ? how did you made this?
heyy Your tutorial Was Amazing but i want to one thing that in hero sectionn you make a video button when you hover over on this it is expandable How should you do that Overall Your Tutorial best just kinldy Tell me how you make this Please Thanks
How does it work on mobile?.. I love this so much. I like to use it for my own page but it also need to work on mobile to be trust worthy. Can you make a part 2?😅❤❤❤❤
Dear Andre, please design a landing page for an online product. I know your time is valuable, we thank you for helping us with this work and it is a value.
By the way your own domain is not working so you should try and fix it and can you save this website as a template and upload it somewhere on your server so that we can download it?
Oh Aziz, the thing that needs fixing around here is your attitude. My domain is working perfectly. What makes you think that giving me orders will get you anywhere. Follow the steps in the video and make it yourself like everyone else
I’m hoping there are some amazingly modern, dynamic on scroll (and of course mobile friendly) styles thought out (as of course Wonder Women here can bring 💯)! #Priceless
There are but I have to disappoint you a bit, the mobile version is not featured in this video. It was too much for me to film & edit (I underestimated the amount of work it takes to produce such a video) but it could be a follow up video maybe 🤓
Protect this girl at all cost!!! she is very professional in terms of interactivity and modern design using elementor, i am about to shift using webflow because of these animations but then I found this channel, It's now possible to create a modern and story telling sites like in webflow using worpress still an elementor.
I am a recent subscriber to your channel, and I must express my sincere appreciation for the exceptional quality and usefulness of your videos. Keep up the fantastic work!
Thank you so much for subbing and for the kind words! 😃
Never thought I can build a website this beautiful using elementor. Found your channel today. Subbed!
I like your creativity and the way you make new designs using simple techniques. Keep uploading more creative content!
Your amazing, thank you for renewing my faith in Elementor. I enjoy watching your tutorials in as much I admire watching how good you look when lecturing...
You are very welcome and thank you!😁 yeah, trust me, I do this to keep my faith in Elementor alive :)))) pushing it's boundaries to see where I can take it.
I can't imagine we can build such kind of site's in elementor, looking forward to see more full design tutorials from you
...and so much more!
Andrea dropping golden bombs everyone!!! Thank you so much, learning a lot from you!
😂 you are welcome & thank you so much for watching!!!!
Whhoooa i just discovered your channel today. And between you and rhino, i think you just saved my business and creativity ! Thanks !!
Hey there, love the tut. As for tabs, don’t copy and paste each item one by one. Just design one tab and duplicate the full tab element . You will have all of your content and settings duplicated… cheers and keep up the good work
Hey! thank you! Hehe, yup, I was not used to doing that but it's second nature now😉
Very nice design. Could be a candidate for awards. Definitely a very inspiring project!!! 🎉🎉🎉
Thank you so much! You know what, I was actually thinking to submit it. I just need to polish it a bit more and then we'll see.🤩
Say to say but this channel is very underrated....!
Thank you🤓
Hey andrea, thanks for providing such cool content! Expecting more such videos tutorials in future
Thank you! Will do!🤩
You're easily one of the most refreshing web design channel. Earned sub.
Are you planning to do some stuff about e-commerce ? I think there's a lot of tutorials out there, but I feel like none of them are really creative and this is near 2024...
Thank you so much! Yup i'm trying to make WordPress sexy😁 like webflow is to some. I'm not sure, do you have anything in mind in terms of e-com?
Hey, as a tip: I do not use vh for the inner containers or inner tabs - I use pixels instead - that way containers stay same size and in place, when stretching the screen size
Hey! Thanks for the tip😉
please share the code (js & CSS) 1:03:24 Building the 'Work' section and in the last your designs are so cool and beautiful. I really impressed you with creativity. keep sharing the videos
This video should have everything you need in the description th-cam.com/video/lJO-uIePihM/w-d-xo.html
@@andreaegli thank you
I'm from Indonesia, I'm really amazed by that design. This convinced me to subscribe to your channel. The design and yours are both beautiful
The website design is beautiful as you❤
I am very happy to watch your video. You are doing a lot of work for us. Be happy and make videos like this for us. 😇
Thank you for the Great design of the Website, to be honest i don't mind watching 4 hour tutorial as long as every step is covered. It is kinnda hectic to got to different videos for section.
Andrea, keep it up, you are the best. Thank you for helping us improve at Elementor Designer
Thank you! Will do
At 55:10 could you just make duplicates of the tab and edit from there? Would that be easier/ possible?
PS: Love your work and thank you for sharing your knowledge with us all!
I wish you could but at the moment Elementor does not allow that which is so annoying.
Thank you so much😉
Use a different tab from another plugin with features that allow you to link the container to your tab. Hope this makes sense.
love the candle.....zen is definitely the best place to code! lol
hehe, thank you and yes, I always have a candle burning when I'm working!😁
Hi Andrea thanks for all example are very usefull and super design. I want to ask you where can i find the example for moving the icon list at 22:51
You are very welcome! There's a playlist in the video description, it contains all the videos I'm referencing in this project
Beautiful, can you make a tutorial of your header menu?, looks amazing
Thank you so much! Already available here th-cam.com/video/JxRXKrBznj4/w-d-xo.html Of course, you can customize it to your preference😉
What a great video Andrea! i've follow u since ur video about Gradient Mesh, Keep it Up!
Thank you so much 😊 will do!!!!!
Are you guys excited like I am?????
Love your energy 😁
I‘am🎉
No
Hi, Andrea, I am a recent subscriber to your channel, and want to ask about 15:09. How you do to build the 'EXPANDING VIDEO ON HOVER'?(Forget this, i finded your video that your teach how to)
I searched on entire youtube to find a channel that teach "how to build" to build this effects in Elementor and i really appreciate your work. Thank you!
😃 hey André! Thank you so much! Let me know if you have any request
Your gsap effects tutorials on Elementor are awesome. I'll watch all of them. 👍
letsgooo cant wait for tomorrow
🥳 let’s gooooo!!!
1:05:28 what was the setting did you put for the image because mine stay in the middle yours is right. I follow the other video and yours is very different
1:05:37 and you can see you add some number can you please give some details?
Hey, loving this video so far!
Where can I find the custom CSS code from around 28:30? 🤔 My logos go over the border when scrolling, wonder if that's what the code is for haha. Thanks in advance
Hey Joey! Here's the code: selector .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-moz-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
but it will not fix the logos going over the border when you're scrolling tho...that's a very strange behavior
for timestamp 28:36 where is the link located???
Have a look in the description of the video, there is a playlist there that contains most of the elements I show in this video
Awesome Andrea! Keep making
Thank you, will do! 😃
29:36 The images appear to be on top of the awards banner and scroll over the border instead of behind it. What could be causing this?
thank you, i have question please about Elementor version you used is free or upgraded ?
Hey! you're welcome :) I always use the paid version of elementor. You can still do a lot with the free version but you might need to add extra plugins like a code snippet etc...with the free version you don't get that many cool widgets...
@andreaegli thank you very much, I am really happy with your answer, I will act on your advice.
Truly good work!
Thank you 😊
How did. you do the „work“ section. The Video in the playlist is quiet different.
it's this video: th-cam.com/video/lJO-uIePihM/w-d-xo.html
Okay thank you! But i don’t know how you did it when you Click on the Coffee Rosterei. It only Open a section Not a whole page.
That video that you put on the site first and when you put the mouse on it, the video got bigger.
How did you make it?
Here: th-cam.com/video/5PaTe7SzzEg/w-d-xo.html There's a playlist in the video description, more videos are listed there ;)
Hello Andrea, love your content! How did you made the contact popup? I've been trying for so long but I can not make it look like yours, I`m having lots of issues. Could you please make a tutorial about it??
Hey Andrea! Been watching your videos and I am amazed by your design abilities. However, I have a question about this video in particular, how did you create the navbar. You said that you would use the one in your awwwards inspired one but the design, and alignment are different.
Thanks
Hey! Thank you so much! Well, you basically need to modify the navbar that I reference. Use that as a base and build on it.
Well done !! i will make one for my portfolio
Hey Andrea how's going? Ur tuto are amazing, thanks for sharing with us. Would you have a tutorial for that marquee texts on scroll trigger?
have you had the chance to make the mobile version video yet? amazing work btw!!
Hiya Andrea. Which Theme are you using?
Hey Floyd! I always use Hello theme since it's made by Elementor
@@andreaegli Sorts. Thank you.
what is the theme that you`ve used in this project?
Hello. I always use Hello theme for my projects
hello Andrea, my how to setup elementor? I have installed elementor but this mine is not as organised as yours.
Hey! Activate the top bar from the elementor features option and it should look like mine ;)
after this you are free to go to the sea! good vacation !
The best comment award goes to... I'm actually doing research for the next video
@@andreaegli
Hi Andrea, if you want, could you send me the json file of this last video?
I would like to study it
Thanks! :)
design is outstanding.
Thank you 😊
YOU had mentioned the GSAP link, I do not see it?? (Thanks!!)
Hey! Check the playlist link in the description, each video related to gsap has a link to the gsap CDN. Hope this helps 😉
@@andreaegli thank you!
Pls do more full website tutorials!
cant the videos where you built those sections
Check the description of the video, there’s a playlist made specifically for those sections
Thank you for the informative tutorial. Now, let's explore how to create it.
Go for it!😎
To add to 25:00 - never start on mobile in Elementor because the way it is built, responsive "trickles down" from desktop to mobile. You will have a nightmare optimizing the other way around...
Yes a mil times! Pure nightmare, it's much easier to remove elements than to add. Even when I was coding websites from scratch I was never starting with the mobile view. It just does not feel natural to me....
Will this one-pager come as an elementor kit template by any chance?🤞and would love to see a mobile optimized version as well!
so glad i found you
😁
can i build my design in figma from scratch and use elementor for puplishing????
Yes!
1:05:52 can you please link the video for Lenny’s please ?
Amazing ! Excited to see your video.
It showed me what such a great design can do with Elementor ! This video is the best teaching tool for me.☺
I really admire your great talent and sense of style !
Glad you liked it!😁
@@andreaegli Does this work for free elementor or paid only?
Thanks Andrea! You are amazing
You're welcome, Victor😁 thank you!!!!!
Your creativity it's amazing!
Q, how did you do that video cta that grows on hover? Css?
Which theme are you using?
Hello theme, always!
I couldnt find the video mentioned by you on the 15 `minute ?? Which name is it so that I can find it ..please??
It's this one th-cam.com/video/5PaTe7SzzEg/w-d-xo.htmlsi=MB3XA9pRLCaByyFM
hi, im late and idk if ill get a reply from you but.. how do you make those popups? i am confused if its some code or a lightbox, is there a guide i can check out for that effect? Also great work!
Love your content, continue on making!
Thanks, will do!
Do you make all your websites on wordpress?
@@arshpreetkaur6378 yes! I used to code from scratch but that’s not sustainable for clients
Is wordpress good to build websites bc some people say it's not but I believe that we can make fantastic website using plugins and we can also add custom css code to add effects and animation.
Can you make a video on custom cursor? that would be very helpful thanks
Hey! I have made two videos on custom cursor, you can find them on the channel🤓
I am trying to replicate the website. While working on the hero section, I encountered a problem while creating the right side of the hero section containing the hover expand video. I have built the hover expand using the link for the playlist and copied that container but I'm having an issue because of the expanding video the whole hero section is getting expanded and there's extra space added between the text widget and video expand container even though I used the same spacing as you used.
Are you using elementer pro?
Yes
I wish you could send me directly the full-made template 🤩
By the way, great tutorial 👌🏿 and thanks for sharing 🙏🏿
Amazing Art Work
Thank you so much 😊
i was looking for something out of the box with elementor though i'm completely beginner at this. your video has amazed me how godly elementor can be! thanks for this one. btw any source/how to guide for the contact form ? how did you made this?
Do I need to buy lenis?
No, it’s free. Just use the code I’ve provided
You're a good teacher 😘
Thank you so much 😊
you did not share how to create same contat us page, it look beautiful please if you get time please
Dot get me wrong I would love to use this for my own page.. but what should I use for the mobile version?
What is the best way to convert this for mobile use?
did u use any theme? and is this elementor pro
Yes, I use Hello theme and yes, this is elementor pro
@@andreaeglican i make the same in elementor free ?
🙏 Thank u for sharing this with us
You are very welcome! i hope you enjoy it
you're my hero 🖤
I don't know why but I like the sound of that😁
heyy Your tutorial Was Amazing but i want to one thing that in hero sectionn you make a video button when you hover over on this it is expandable How should you do that Overall Your Tutorial best just kinldy Tell me how you make this Please Thanks
Thanks! There's a playlist in the description of the video, have a look there
How to copy figma design and past in elementor?? Like u paste (search bar)
You are amazing, thankyou soo much for these videos ✨️✨️
Awww, thank you for your kind words ☺️
Is this with elementor free version?
I always use Elementor PRO. Some things can be done with Elementor free too. You can add code to a code snippet or your theme etc etc....
Theme?
Hello, always Hello
@@andreaegli Thankew :)
where are code?
How does it work on mobile?.. I love this so much. I like to use it for my own page but it also need to work on mobile to be trust worthy. Can you make a part 2?😅❤❤❤❤
This is first video of pro website from elementor
On this channel, yes 😀
Want to work with you.
Dear Andre, please design a landing page for an online product. I know your time is valuable, we thank you for helping us with this work and it is a value.
Thank you so much! Yeah, something like that is coming next month 😉 any product you had in mind?
Can I buy this as an Template?
But you forget to add logo
ma'am pls make contact form which is use in this video
Bravo, interesant! 🤔😊❤️👌👍👏👏👏
the movie of the year 🤓
By the way your own domain is not working so you should try and fix it and can you save this website as a template and upload it somewhere on your server so that we can download it?
Oh Aziz, the thing that needs fixing around here is your attitude. My domain is working perfectly. What makes you think that giving me orders will get you anywhere. Follow the steps in the video and make it yourself like everyone else
its amazing ❤
Thank you 😊
Wheres the follow up
Simply awesome 🙂
I’m hoping there are some amazingly modern, dynamic on scroll (and of course mobile friendly) styles thought out (as of course Wonder Women here can bring 💯)! #Priceless
There are but I have to disappoint you a bit, the mobile version is not featured in this video. It was too much for me to film & edit (I underestimated the amount of work it takes to produce such a video) but it could be a follow up video maybe 🤓
Lol i don't onow how it may sounds, but am dying for you to make a course on elementor tutorial. Ill buy it a 💯 times. ❤❤🎉🎉
Cant love you less.
it's mobile friendly?
Awesome💫💯 !!! Thank you
Welcome!