How To Make a Dark/Light Mode Personal Portfolio Website ~ WordPress & Elementor 2024 for Beginners
Вставка
- Опубліковано 27 чер 2024
- ✅ Get Free Domain & Webhosting(78% OFF 💸):
jimfahaddigital.com/besthost
(Exclusive: Click above link & use "JFD10" coupon code to get upto 78% DISCOUNT!)
✅ Download Exclusive Elementor Templates:
kitpapa.com
[ STEP BY STEP - NO CODING SKILL REQUIRED ] In this STEP by STEP tutorial, You'll learn How to Make an amazing Dark/Light Mode Personal Portfolio WordPress Website or Resume Website in 2024. The Best WordPress Elementor Portfolio Tutorial for Beginners.
✅ Get Free Domain & Webhosting(78% OFF 💸):
jimfahaddigital.com/besthost
(Exclusive: Click above link & use "JFD10" coupon code to get upto 78% DISCOUNT!)
✅ Get Elementor PRO:
jimfahaddigital.com/e-pro
✅ Download all Resources:
jimfahaddigital.com/tutorial/...
✅ Purchase ORBIT Portfolio Elementor Kit:
kitpapa.com/product/orbit-dar...
Subscribe Here: bit.ly/JFDtutorials
WHY PORTFOLIO WEBSITE?
Are you a Freelancer? A Designer? A Marketer? or are you a skilled person who's looking for a job? And, if you don't have a portfolio website, then there is a 99% chance that you won't get a job.
Let me share my personal experience with you. So far I have done nearly 1200+ freelance projects. And, over 90% of clients of mine came through my portfolio website. Even I have done 100+ jobs on freelancing marketplaces. And, 80% of clients asked me this question first -
Do you have a portfolio website?
So many of you guys always ask me - how did I land so many freelance jobs while others are suffering to get their first job? Then, my number one suggestion would be - “Make your portfolio website before anything”.
Now in this tutorial, I will show you how to create a portfolio website that will help you to attract more clients.
To create this amazing website, we will be using a FREE CMS, a FREE theme, a FREE page builder and all FREE resources. And, you don't need to know a single line of coding. We will be creating everything just by drag and drop.
So no matter if you haven't made a website before, this tutorial is perfect for you.
⏰Timestamps for creating a PORTFOLIO website step by step ⏰
0:00:00 Overview
0:03:38 Get your Domain & Webhosting (78% OFF)
0:10:42 Install WordPress
0:13:46 WordPress Dashboard Settings
0:23:36 Install Elementor Page Builder
0:30:56 Elementor Fundamentals
0:48:02 Introducing kitpapa.com
0:52:37 Create Portfolio Website Step By Step
03:02:20 Congratulations!! You Made It!!!
Resources I've mentioned in the Tutorial:
Elementor Kit Marketplace:
kitpapa.com/
Free Logo Making Tutorial:
• How to Make a Logo in ...
Step By Step Elementor Landing Page Tutorial 2024:
• Responsive Landing Pag...
Step By Step Elementor Agency Website Tutorial 2024:
• How To Make A Digital ...
Thanks for Watching!
✅ Get Free Domain & Webhosting(78% OFF 💸):
jimfahaddigital.com/besthost
(Exclusive: Click above link & use "JFD10" coupon code to get upto 78% DISCOUNT!)
✅ Download Exclusive Elementor Templates:
kitpapa.com
-----------------------------------------------------------------------------
And, Here are other Full Website Creation Tutorials using ELEMENTOR:
How To Create a Modern Website 2024:
• [No Coding] How to Mak...
How To Make a Business Website 2024:
• [Complete Tutorial] Ho...
How To Build a Personal Portfolio Website 2024:
• [A-Z] How to Create a ...
How To Create a One Page WordPress Website 2024:
• How to Make a Complete...
How To Create App Landing WordPress Website 2024:
• How to Make a WordPres...
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
About:
10 Million+ website owners started using the Elementor page builder. I'll show you the easiest way how you can create your personal resume website using Elementor Page Builder yourself.
#wordpress #elementor #portfolio
If you're searching for how to make a website, how to make a professional website from scratch, how to create a Wordpress website step by step, WordPress tutorial for beginners, best website making course, Elementor tutorial for beginners - then this tutorial is for you.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
Like me on Facebook:
/ jimfahad.consultancy
And, lastly, If you want me to build your AWESOME website at an affordable price,
✅ You Can Contact me through my website:
jimfahaddigital.com/request-a...
Have a great day!
Thank you for the tutorial video. It was easy to follow, and I had no difficulties at all. Thanks again!!
Wow that's awesome explanation ever i saw ❤️
This Channel deserve subscribers in millions. Hats off to you guies you make our learning journey amazing..
Wow! Means a lot!! 🥹
I agree
my man not only teach how to make the website BUT OFFER HIS FINE THEME WITH US FOR FREE!! RESPECT. DUDE RESPECT!!!
i know right he is the best bro
Thank you so much! You saved my day! Much love❤
So glad! 🔥❤️❤️❤️
Long awaited video from Jim 🎉
Thank you 🔥🔥
@@jimfahaddigitalsir nav section isn't working in light version and also auto highlight too isn't working
You read my mind!!!
Haha!! Thanks for sharing! 🥳🙌
Really good work!
Glad you think so! Cheers! 😇
Great tutorial! Can you please make a video on the matrimonial website with a free theme?
Great tutorial!
Thank you! Cheers! 🔥🔥
Day 2 - Hey, Jim please make a full-fledged course tutorial on the integration of APIs in WordPress pages, from starting to advanced level, which will give you more views + help me build my dream project. I will show it when I will complete it I would need your help, which is your nice tutorial on API integration. Also, I'm very happy to know that Jim is familiar with HINDI.❤❤
Hello sir can you please tell me how to click when an image and the song play in website
Great tutorial ❤
Thanks a mil!!
Truly good video =DD
Thanks a mil! ❤️🔥
That's awesome vaia! 💜
Many many thanks ❤💓
Pls make tutorial about buddypress
Could you please create a video tutorial on how to create a blog using Elementor?
Hello Jim Fahad, can you plz make a full video on Elessi wordpress theme, especially on "Pharmacy" or "Accessories v1" preset. i like it But I don't understand its customization,
I've not heard about that theme but I'll have a look! Thanks!!
I had a problem with my navigator not working i can change it by the tutorial but it is still not working
please make a titurial on cotainer only
thank you
Make a video on "digital products Dropshipping" ... Full, A-Z
Noted! Thank you!! ❤️
Jim You can help us a Elementor widget development tutorial.
please using Global color and font
Am I in heaven???? lol 😅 you are the man!!!!!
one question ...... how can we create a beautiful mockups like you??? make a tutorial please
Hi Sir,
I hope you are doing well,
Sir you make really great tutorials but it's my request kindly create a video on
"How to convert figma file to Wordpress Website" ?
Make 5 or 6 videos and also provide us with the figma file
If you do this then it will be really really helpful
Best regards
hello sir i was following you and making the dark mode website but after the third container the fourht container is spillitng in to two containers what goese wrong i do not know please help me
But: Sir, when are you going to lecture us a complete course on SEO?
I think you are Bangladeshi right ?
Bhaiya teach us something about how to get clients 😢
Please create a real estate website tutorial by using voxel theme plz plz plz🙂🙂🙂
Well its time to change my actual portfolio :)
Yay!! ❤️❤️
Am Facing Some Errors in Nav Bar
It's on Top and it is Full size.
Can Any Wordpress User guide me?
Did you find any solution?
Hey bro we need to more blog and e-commerce templates. because most of the clients like blog and E-commerce websites.
Noted! Thanks for the heads up!!
Same Hare
Hey jim i face many problem in this website first when we click on moon icon tha light mode was on but tha dark mode still there and nav bar not work on light mode and footer is only exist in light mode i think this video has cut many parts
You need to comment out the css for light mode to disappear toggle. As foe the nav bar problem, i need an answer too.
@@DeepakThapa-zh1qt can you guide me plz i also face this issues
i wish you could have made another whole new tutorial without using hostinger ir any of these, just a tutorila for wordpress without having to go through these scaring prices,
Just install local in your computer and start right away...no need to pay anything
❤❤❤❤
🔥🔥🔥
You make some of thing hidden...maybe video recording editing issues.
Why google and UA-cam why there comtomywebsitemetaineedyouhelp
navigation bar is not working in light mode
Did you find any solution?
@@DeepakThapa-zh1qt no
Same problem
@@n.dhanasekar3565 same issues here
Hey Jim I sent you an email and ticket from kitpapa, I do hope you would get a chance to review and respond to it.
I hope you got the reply. I did not. I wish I had read the reviews before paying up. No way to reach support. How to get money back from Kitpapa? Can someone help me please?
Hey jim fahad mastar i miss you🥹
Can i work with you?
Means a lot!! 🔥🔥
Long awaited video from Jim 🎉
Thank you!!
আমার বলতে গেলে তেমন কোন স্কিল নেই, অবেক কিছু এখান থেকেই শেখা, ❤ আমি ক্লায়েন্ট কিভাবে পাবো জানিনা তাই কাজ করতে পারিনা
Great tutorial!
Glad you think so! 😇🥰