Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode

[@Bedimcode]

✔️ Description English Folks, the video had a copyright claim on the music, that's why I removed it. But insert music from KZbin Library every 5 minutes of the video. If you don't like it, you can put on your favorite music and enjoy the video, greetings and successes. ✔️- Descripción Español Amigos, el video tenía una reclamación de derechos de autor sobre la música, por eso lo removí. Pero inserte música de la Biblioteca de KZbin cada 5 minutos del video. Si no te gusta, puedes poner tu música favorita y disfrutar del video, saludos y éxitos

[@facuoubel]

En la parte final de las @mediaqueries la resolucion no se adapta bien a 1024px

[@uygarozum6867]

Hello, I want to buy the design, but paypal is prohibited in my country, is there any other payment method? My country of residence Turkey

[@cianolochlainn9295]

Source code link

[@swamy8553]

@Bedimcode This exact website is being sold at Fiverr and I think the one who's selling it is not you

[@facuoubel]

@@swamy8553 It is open source, everyone does what they want with their resources.

[@saadmehmood1992]

This is one of the best tutorial that I found on youtube regarding responsive web desing. Here is my pro tip: you are defining font size for both mobile and desktop screen. What you can do is just increase base font size from 16px to 20px or something for desktop and rem will reflect the changes correctly. Cheers!

[@Bedimcode]

Thanks for your words friend, about increasing the font I understood perfectly, greetings

[@GauravSingh-nc9jw]

hey, can you please share your github link for this portfolio project!.. I'm facing some problem in home section! Thanks!!

[@julyan2229]

please give me the source

[@ипврывррмаситчстчмсм]

@@Bedimcode Please give me some codes

[@ипврывррмаситчстчмсм]

@@GauravSingh-nc9jw v

[@ektefaie]

Absolutely flawless! This project was like a great book that once you start reading it, you won't put it down. I have tried many long project videos on KZbin but never reached to the end of even one. I watched every second of your project and coded along. Took me a couple of days but it was worth it. At the end, I created my own portfolio site. Nothing is missing from the video and all worked well at the end. I learnt a lot and thank you for sharing the amazing and simple resources such as, Unicons and Swiper along the way. The cherry on top was your organizational skills. A beautiful and responsive single page website. Thank you Bedimcode!

[@Bedimcode]

I am glad that the project was useful, thanks for the support friend, greetings and success.

[@entervela]

Hi, can you show me your project code because I found css code error and i can't find it. If you send your GitHub link it's help me lot 🙏

[@raulmelo1987]

Hey bro, could you share the codes with me? I don't have much free time to type everything.

[@ravinderyadav5605]

I wish this was with voice and with little explanation because I am not as good as rest of the people in this comment section.

[@st-zd8kj]

I never knew adding icons is that easy. You made the job as easy as a piece of cake. From A to Z, the video is so well organized. Much appreciation! You deserve more attention my brother.

[@Bedimcode]

Thank's my friend regards.

[@pyaethein1699]

This tutorial showed me the value of tidiness... the way HTML elements are structured, the way classes are used and having CSS comments in each section help us find the code we want very easily. Not only that, awesome Javascript tutorials and media queries, keep up the good work sir! (btw nice songs :3 )

[@stevenmologe5697]

The structure and tidiness was top notch, to be honest

[@rajshiromani727]

@@stevenmologe5697 can you please tell me how to run this after downloading from github i got exhausted😫😫😭😭

[@mrCetus]

To make the Portfolio section work, it needs the "swiper-container" class to be replaced with "swiper" and to move the bullets you need to replace ".swiper-container-horizontal > .swiper-pagination-bullets" with ".swiper-horizontal > .swiper-pagination-bullets"

[@bianca_emi]

Thank you!!! I didn't understand what the problem was!

[@ипврывррмаситчстчмсм]

@@bianca_emi Please give me some codes

[@ипврывррмаситчстчмсм]

Please give me some codes

[@plamka37]

Omg THANK YOU, I was about to go totally crazy 💜

[@ипврывррмаситчстчмсм]

@@plamka37 v

[@alessandrocarta7195]

I discovered a whole new world with you guys! Love your channel, I just implemented my portfolio page following your tutorials, and learnt a LOT! Gracias por compartir vuestra conociencia!

[@Bedimcode]

Thank's my friend regards

[@thonivai]

To be honest, this is the best tutorial that i ever seen for learn as a newbie front end dev... Thank u so much for make complete tutorial ...🙏🙏

[@Bedimcode]

Thanks for the support, regards.

[@AllSeeOne987]

i didn't know about the css code that you did on the root section before .. this video was informative. thankyou

[@Bedimcode]

The root css code is very important. Greetings

[@sanmitttt]

The root code was about some colors in hsl and some margin font size z index but you can Watch bedimcode old portfolio videos the root code is in easy form you will understand

[@hackback9300]

Can someone send me the complete code plz!.... Yes I am doing bt it tooks so much time but I have to submit my portfolio tomorrow... So help me out... Thanks

[@SeanCarter]

Yes indeed! Variables in CSS is very useful. Makes is much easier to make changes when you need to as well.

[@emilianovargas]

Excellent design, here goes my pro tip: Never use percentages as a way to indicate your skills levels. What is 100% knowledge in JavaScript for you and for the recruiter? Its a tricky way and can go against you. Just put everything you know without any bars and then in the real interview you can go deeper.

[@Bedimcode]

Yes friend, I had thought about it, and thanks for the advice, I will take it into account, greetings

[@randalfjohn9848]

I agree

[@SeanCarter]

What if you specify on the page that you're including that percentage section just for show?

[@ипврывррмаситчстчмсм]

@@Bedimcodegive me a cod

[@WNOfficialfour]

@@ипврывррмаситчстчмсм use the latest version of swiper css bundle file and swiper js bundle file, the wiper files provided inside the scratch asset folder are outdated.

[@alternativoasmr]

Just finished the video after 2 weeks. I'm just a begginer learning to code and it helped me a lot to practice and see how things work. Thank you very much! ❤

[@femijames3389]

Please I use fontawesome instead of SVGfor mine. How do I get that blob. SVG in fontawesome??

[@mathis-meth4229]

videos like this actually show how much you love your work and what you do. I'm so grateful to have a guide like you. :)

[@Bedimcode]

I appreciate your support, regards.

[@redBaron_80]

Took me 3 days to complete the project, and in the process learned a ton. The CSS section is just amazing !!!!!!!!!!!!!

[@Bedimcode]

Great friend, greetings

[@rey9107]

@@Bedimcode do you have a course for the pattern you use in the css ? I really love how clean you code your CSS.. thanks.. if you have any please attach the link..

[@Anonymous-sy8bd]

hey man, any chance you could share the project? i'd be mighty grateful if you could...i am making quite a lot of mistakes.

[@mateusloubach]

you have pdf file figured out? - mine is outputting a blank file.

[@julyan2229]

please give me the source

[@dailymeow3283]

The dark mode colors are so nice, the hsl color concept is awesome

[@Bedimcode]

Thanks friend, it's good that you loved the HSL color mode, greetings.

[@fckickboxer]

I just followed this video from beginning to end and coded along with it. It took me about a week because I spent a lot of time fixing code I messed up, which was almost always a typo mistake I made somewhere. I'm really happy with this video. I learned a lot. Great video and I will definitely be buying Bedmicode a coffee or two.

[@Bedimcode]

Thank you very much, successes.

[@pyaethein1699]

Me too, it took me a week, very stressful with typos but the result is worth it!

[@maxlamenax]

@@pyaethein1699 how did you fix the typo issue pls ?

[@pyaethein1699]

@@maxlamenax no no I meant there were typos in my codes while following along the tutorials, make sure u check every single line of code carefully if not it won't work of course

[@maxlamenax]

@@pyaethein1699 bv

[@keithjasperato9426]

Wow, I would recommend this best for practical web designing.

[@Bedimcode]

Thanks friend, greeting

[@ankitdutta5240]

hey can you please provide the source code... I am stuck and getting errors

[@reyzfree5956]

@@ankitdutta5240 same bro

[@vinni_codes]

I just want to say thank you so much for this video. Finally i made my first responsive portfolio, thanks to you. I already a big fan.

[@Bedimcode]

Good, and thanks for the support friend, greetings

[@aadarshpathak3314]

Hello, dear creator! I just started learning Web Dev and wanted a nice portfolio to showcase my projects and look here i am, i just found according to me one of the best tutorial or walk-through on KZbin. Thank you so very much for your guidance. Love from India ❤

[@Bedimcode]

Thank's my friend regards

[@basudevprodhan3111]

hey bro, if you have the source code kindly share, my css breaks, some css rules are missing in the video

[@LASTWOLF]

Hello nro

[@thecodetex]

First comment, beautiful website it teaches many concepts 😀

[@Bedimcode]

Thank's my friend regards.

[@thecodetex]

@@Bedimcode your welcome 😀

[@KerryYohann]

Neat, simple yet complex and completely different from what everyone else is doing

[@stephenlalruatfela362]

After years , it still valuable... This tutorial is gold😊

[@dennyage4791]

Wow!!! I made it !! I can't believe that I can make such a beautiful and soo customizable website !! Thanks buddy !! , I learnt a lot through this single video and I will recommend it to my friends !

[@Bedimcode]

How well you finished it, and I appreciate your recommendations, greetings

[@codewithneerajchauhan]

can you please email me html and css file. I am stuck in middle and can't find a solution.. Email: [e-mail]

[@ibntofajjal]

@@codewithneerajchauhan have you got ?

[@AfsanaSorkerSumaiya]

This is a great course for me. I have learned so many things in this course. This is the best course ever. Specially thanks to you for giving us such an extra ordinary course. Specially HTML and CSS sections you covered the whole section.

[@Bedimcode]

Thanks for the support friend, greetings.

[@luisedwards3534]

Man, god bless you, this is gonna be helpfull my entire life

[@Bedimcode]

It is a pleasure friend, greetings

[@edwardarchiepuo9611]

@@Bedimcode hey can you Kindly permit me to use it as my portfolio personally please!!! Im a new babe in the world of programming.

[@hussaink1055]

very helpful and very professionally this project is executed.👌👌👌👌

[@fagnersales532]

I made this code for setting up the percentage for the skills. const skills = document.querySelectorAll('.skills__name') for (const skill of skills.values()) { const percentage = skill.nextElementSibling.textContent const skillBar = skill.parentElement.nextElementSibling.firstElementChild skillBar.style.width = percentage }

[@chiamakabrowneyes]

At first I was like "HOW WILL I FOLLOW THROUGH WITHOUT A VOICE OVER"... But just 15 minutes into your tutorial, I'm like "THIS IS SOO AMAzING!!!"

[@Bedimcode]

Just follow step by step and you will not be wrong in anything, greetings and thanks for the support.

[@chiamakabrowneyes]

Hello, I'm having an issue with the qualification section. My education and work tabs are static. (that is they dont show any content after I have clicked it), but they changed color. What do you think might be the issue. Thank you

[@alandres]

Wow! Te he encontrado buscando cosas de nav, responsive nav y sin duda, es uno de los mejores vídeos que he visto de cómo explicas [sin hablar 🤣] y lo claro que es tu código. Estoy seguro que me va ayudar mucho para aprender. Recalco lo que dicen algunos en los comentarios, la forma como inicias el CSS es muy bueno. Felicidades y espero que sigas subiendo cosas así, un abrazo fuerte. 👏🙋🏻‍♂️ PD. Me quedo por aquí ✌🤸🏽‍♂️

[@Bedimcode]

Gracias amigo por las palabras y por el apoyo, saludos.

[@heavysoccer7862]

Thanks, Buddy, You saved my tons of hours...... Basically, I have no such knowledge of HTML CSS, I am completely on Mobile App Development. But I needed a portfolio badly....and your complete project saved my time and patience.....

[@Bedimcode]

I hope you serve a lot of friend, greetings

[@frogwater09]

Shit, I just found my ultimate therapy. Straight to business.

[@Abhishekkumar-jj4kx]

what u mean

[@HiTab_Software]

this was a great way for me to better my CSS skills and finally work on my portfolio, thank you, I subscribed to the channel and I just hope to be able to help others someday.

[@mathiasmuniz8453]

Very good work, but it needs a couple of tweaks in the media queries section. It doesn't look good on several resolutions. Maybe you could use Sass variables for the screen sizes?

[@naveenpixeler1614]

Aesthetically pleasing! Certainly, representing how much she passionate about Coloring or painting the Web design!

[@Bedimcode]

Thanks friend, and you are right I am passionate about a good job and a good user interface, greetings.

[@naveenpixeler1614]

Both of us under the same umbrella hence we met on this platform! Cheers ✌️

[@RajeshKumar-uw9qi]

It's your one of the best and beautiful design you have done so far and there is lots of beautiful part of learning new things...👍 I really appreciate your efforts you always give...

[@Bedimcode]

It is a pleasure to help, and thanks for the comment friend, greetings.

[@Clay_Figurine_Legend_Audiobook]

Wow, the centralized definition of this style definitely simplifies the operation, learn it!

[@cenacr007]

It took me days to complete but this project was awesome.

[@Bedimcode]

Great friend, greetings

[@hackback9300]

Can someone send me the complete code plz!.... Yes I am doing bt it tooks so much time but I have to submit my portfolio tomorrow... So help me out... Thanks

[@clhk12]

@@hackback9300 i don't know but cheating doesn't really help

[@gelal7810]

I thought i know how to use css to make some beautiful page but your video blow me. I learnt some much through this video and I improved my developer skills as well. Thanks you very much for your hard work.

[@Bedimcode]

It is a pleasure friend, thanks for the support, greetings.

[@muhammadainuddin4650]

Great video, keep making awesome stuff like this. It will make you stand out from other channels.

[@Bedimcode]

Thank's my friend regards

[@khangvu3128]

Amazing tutorial and even better portfolio. Followed along over the span of a couple days and made my own my own portfolio website. Learned a lot of things along the way and very impressed at the tidiness of it all. Thank you for sharing the resources you use such as Unicons and Swiper, never knew things like these existed. Thank you very much!

[@sergenikolaiandrico304]

may I ask why the ":root" is not working?

[@Bedimcode]

Thank's my friend regards.

[@cicerofonseca8604]

Amazing job! I made a small improvement to the percentage bars using js instead of hardcoding the widths into the CSS file: ``` const skills = { frontendSkill: { html: 90, css: 80, javascript: 60, react: 70, }, backendSkills: { php: 60, node: 50, mysql: 60, python: 40, }, designSkills: { figma: 60, sketch: 50, photoshop: 80, illustrator: 40, }, }; for (const key in skills) { if (Object.hasOwnProperty.call(skills, key)) { const element = skills[key]; for (const [key, value] of Object.entries(element)) { const skillContainer = document.getElementsByClassName(`skills-${key}`); if (skillContainer.length) { skillContainer[0].style.width = `${value}px`; } } } } ``` Keep on the good work bro! Cheers!

[@Bedimcode]

Woo, friend, I will try it and insert it in the portfolio template, there is no doubt that we all learn from everyone, greetings and thanks.

[@riccardovinci5227]

One of the best tutorials on KZbin, I will do this assessment because it is very easy to understand your work. He is methodical and even if someone is not an expert he can understand everything. I don't see only one script, the function with listener to icon menu for auto scrolling page. Where is ??

[@vinodvankar725]

amazing content you definitely deserved more attention

[@Bedimcode]

It's a pleasure friend, greetings

[@mhlib7569]

I'm really enjoying the tutorial so far. I had an issue with the nav__menu after adding the media query at 767px and realized my background-color was set to the text color instead! I was losing my mind trying to find where I had messed up. EDIT: To those who have an ad-blocker on their browser: I think class or id names called "social" may be automatically blocked by them so be careful!

[@Bedimcode]

Look for it in root in the css variables, look for the css variables chapter, and then in base since I set the color in the body

[@cleitonfreitas123]

Fantastic tutorial Bedimcode, it took me whole four days to finish. Um abraço aqui do Brasil!

[@Bedimcode]

Congratulations friend, thanks to you for the support, also greetings and a hug.

[@julyan2229]

please give me the source

[@bae_velvet]

The way you did your CSS looks so pretty and makes mine look like garbage lmfao, you've taught me how to make it presentable and understandable for other people, love it. Thank you!

[@Bedimcode]

Thanks friend, we all started like this, and with time we learn good practices, greetings.

[@mobalic8673]

Extremely helpful and very easy to understand. Thank you for this great tutorial 👍

[@Bedimcode]

It's a pleasure friend, greetings

[@syedabdullahali9643]

It is lot amazing I feel so blessed I did learn here a new concept root css .It was fun working with it. And finally I maked my first portfolio website 🎉🎉🎉🎉🎉

[@Bedimcode]

Excellent friend, in good time, greetings

[@kalitbh5250]

You keep doing amazing designs brother ...your videos have really helped me a lot , keep up the good and amazing work ...Also remain blessed brother 🤜🏾🤛🏾

[@Bedimcode]

Thanks friend for the words friend, greetings

[@dailymeow3283]

I think she's a girl, usually girls design better than guys lol

[@deepaksarvepalli2344]

I am gonna suggest this to all my cse friends to watch, and share through social media Love your work, heartful thanks

[@Bedimcode]

Thanks to you friend, for the support, greetings

[@binaprajapati7709]

I have a doubt: In css, in some cases you used the defined variables for rem (like: var(mb-0-25)) but in other cases you simply wrote the measurement, (like: 1.25rem) why?

[@Bedimcode]

Thank's my friend regards mb variables are only for margin botom.

[@binaprajapati7709]

@@Bedimcode but in margin bottom also you used margin botton

[@learnphotoeditingpro]

your tut is very very powerfull, But I prefered that you explain each step with your voice, when we choose flex , when we choose grid , section structure and naming items, and so on....thank you !

[@Bedimcode]

I do not add a voice friend, because I have my reasons.

[@cesarocbudev]

Sin decir una sola palabra, explicas todo perfectamente!!

[@moazzamalisoomro6714]

Hey [Bedimcode], I've loved watching your videos on creating personal portfolio websites using HTML, CSS, and JS! Now, I'd like to request a new series where you create a complete, fully responsive personal portfolio website using the MERN Stack technologies (MongoDB, Express, React, and Node.js). It would be amazing to see how you approach building a robust and scalable portfolio using these technologies. Please consider creating content around this, I'm sure many of your viewers would benefit from it ❤

[@emmanuellopezguerrero8975]

it took me whole week to finish this page, awesome work Bedimcode! I saw youre from Perú so Saludos desde México! y gracias por compartirnos tus conocimientos, cuanto tiempo te tomó?

[@Bedimcode]

Gracias amigo, me tomo 1 mes en todo, hacer el diseño, la codificacion, grabar el video, editarlo. Saludos

[@gagancm7060]

hey, can you share the completed source code with me I'm facing so many problems

[@emmanuellopezguerrero8975]

@@gagancm7060 hey, sometimes i get lost and i had to restart the video, Im sure that you will can do it, keep moving! i think we cant share the code cause Bedimcode sell it, but in other case i didnt have problem to do it

[@jonelissimas]

@@gagancm7060 me too.

[@saifabrar5194]

Just completed the full video with the website... I came in touch to a lot of new things specially CSS grid and variable CSS... I've decided to keep this design as my first ever portfolio... Thanks for sharing such an amazing design... Take love and go ahead...

[@Bedimcode]

What a pleasure, that you have finished it, the same friend, go ahead, greetings

[@saifabrar5194]

I just noticed that Testimonial's pagination dots disappears after screen width 1023px. Its missing in the video too. Have you noticed it? I've tried some ways I know but could not fix the issue...

[@rajkd5264]

hii could you please send me the codes ..

[@gbengajonathan7661]

@@Bedimcode Kindly send me the codes, please. I am struggling with the javaScript aspect of it

[@imdevbutok]

Obrigado por compartilhar teu conhecimento. Espera um dia poder programar como você.

[@Bedimcode]

Thanks friend, of course everything is possible.

[@gustavodias1936]

sabe dizer pq o blob dele tem tanto código ? o meu é só svg com path

[@marcelino-dev]

I don't suggest adding percentage bars on how much you know in each subject. That will only highlight your weaknesses. Instead, just list what you know without labeling your proficiency in it.

[@Bedimcode]

I had also thought about it friend, and thanks for the suggestion I will take it into account for other videos

[@parvchawla06]

Hi, just discovered your channel and I have to say, your videos are going to be really very helpful for me as I am just starting the Fronted Development. Keep up the great work 🔥 Also, I would really appreciate it if you can share what VS Code theme are you using because I was in search of the exact same theme. Thanks in advance,

[@Bedimcode]

Hello, thanks for the support, the theme is one dark darker, greetings.

[@bindunag120]

*First View, First Like & First Comment* ♥♥ Wow...Like it. *_Love Dark Mode_* ♥

[@Bedimcode]

The dark mode is great and thanks friend, regards.

[@bindunag120]

@@Bedimcode Ya... *Always I'm a Dark Mode Lover & Llike yours Project..*

[@luist_ls]

Olá, eu sou do Brasil e gostaria de parabenizar o seu trabalho, está realmente excelente!! +1 inscrito no canal!

[@Bedimcode]

Hello friend, thank you, greetings

[@ипврывррмаситчстчмсм]

Please give me some codes

[@newfoundland1956]

I am 62 yrs old just started learning Figma LOVED IT THANKS any pointers for someone my age starting out

[@Bedimcode]

Thanks friend, you can replicate other works in figma so it will increase your skills more. I recommend dribbble or pinterest, you can search as websites or components, there you will have a lot of inspiration, regards.

[@durjaygp]

Thanks for the html css starter pack i always i wanted this love you ❤️️

[@Bedimcode]

Thank's my friend regards

[@durjaygp]

@@Bedimcode ❤

[@aashishvardhanp]

Great work mate! Your efforts will always be appreciated 🙌👏

[@Bedimcode]

It is a pleasure friend, greetings

[@ruhyatpermana4213]

Hi thanks for sharing.. 😊 I've been following this tutorial but, I'm having a problem. The program code contained in the js file doesn't work for the skills, qualification.. Can you help me because all js files don't work? 🥺

[@Bedimcode]

Hello I pass you in text files the parts of skills and qualification, I hope to send you, greetings. Qualification drive.google.com/file/d/1yXd30vtG_Zkc0xswopv5sSjxiMT382d-/view?usp=sharing Skills drive.google.com/file/d/1ZmeFZ-DnJmLW5LtJGHYK1EXAqVp0qYdt/view?usp=sharing

[@wm4437]

Good but have some issu in your css like in section skill if you add 0 in query minwidth 500, everything will be one colum and if not in two column but will be collapse

[@millenafreitas3858]

I just found your channel, thank you so much for your videos! I'm very excited to get into web development :) Loved the way you organize your templates it really helps to guide. Just one question, how did you get the blob svg? I saw xmlns and w3 schools but could not find it there :( Thank you

[@Bedimcode]

I use blob marker, a web page. If you want a new blob. Just download it from the website, try to edit it with visual studio code and try to make it look similar to the blob code I provided in the portfolio.

[@oluwasolalawal4267]

Hi, Millena were you able to get the SVG and edit it?

[@arturodrigues7130]

perfect, that's what I expected from Amazon's assistant!

[@Bedimcode]

Thanks greetings

[@mateusloubach]

this is genius!!! - I've learned some simple things I never thought of.. Thank you!

[@Bedimcode]

Thanks friend, on figma tutorial I will be planning it but I do not assure anything, greetings

[@mateusloubach]

​@@Bedimcode no problem. I'll keep an eye out. Also, do you recommend npm init or create react app before starting the project?

[@susankamajumder9859]

@@mateusloubach it is only required when you're creating a react project not one with basic html and css

[@mateusloubach]

@@susankamajumder9859 appreciate it, brother.

[@sthefanocarvalho2823]

Amazin work! You've just got a sub!

[@kenyerlingcmp]

Friend you can share the source code of the css since the github is only the empty file, I have some errors and I don't know what it is :( it would help a lot, greetings your work is still impressive.

[@abhishekreddy1011]

Did you got the source code?

[@samratpatel8060]

Finally i have completed this. I Thank you from my heart ,bedimcode . It's an expert level website, i created for free. Dark theme, CSS Variable. Able to change the theme of the whole website by just changing one input of hsl .blows my mind.

[@Bedimcode]

Thanks for the support friend, greetings.

[@kishannishad8088]

Bro can you share your GitHub code..

[@bharatmodi2891]

Everything absolutely great but having some problems. Any help would be appreciated: 1] Content not working .swiper-button-prev::after, .swiper-button-next::after{ content: ' '; } 2]Bullets are not getting affected at all .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: -2.5rem; } 3]And similarly for .swiper-pagination-bullets-active{ background-color: red; } I have cross checked the whole code till point number 3], everything is correct no manipulations done, yet having those probs. Please help. Thank you

[@Bedimcode]

Hello, I share that part of the portfolio in a text file, I hope to solve your error, greetings. drive.google.com/file/d/1kDH5WqdxEtPM0k1y5hxtRxmRDbAgY05j/view?usp=sharing

[@bharatmodi2891]

@@Bedimcode Thanks for reply but I have written the same code and still content is not working. Also, the problem with pagination bullets still exists. I have executed on all browsers (Mozilla, Chrome, Edge) but everywhere the same problem. Please help me. Thanks

[@barteksoltys1247]

I have the same problem: .swiper-button-prev::after, .swiper-button-next::after{ content: ' '; } does not work and still can see double arrows. @Bedimcode

[@bharatmodi2891]

Any update ? Tried almost everything but ain't working. Please help.

[@bharatmodi2891]

@@Bedimcode Is content deprecated, is working though ? Also, please can you help with the bullets ?

[@arunrawat2142]

25:08 nav toggle not working for me , written the code exactly as told.

[@tiamartineau4228]

Same here, @Bedimcode

[@mathe.creative]

Amazing video, work partner 👏

[@ambikathakur1851]

Please share source code for cross check!That would be great help.

[@ankitdutta5240]

if you have the source code.. please share

[@ibntofajjal]

@@ankitdutta5240 bro... 💔

[@vinusmavani1191]

Ur ossum ,this is my first ever website. this video is not just about website making, but personal growth also. thank U so much 👏 love from India ❤

[@Bedimcode]

It is a pleasure friend, thanks for the comment, greetings

[@wilsonhonorato9012]

Sensacional!

[@Bedimcode]

Gracias amigo, saludos.

[@lismorais3706]

br por aqui

[@ankitdutta5240]

hey can you please provide the source code... I am stuck and getting errors

[@dat3alab]

it took me 2 weeks to watch it with attention, glad to saw this

[@marcio3965]

Maravilhoso!! Obrigado pelos seus vídeos. Estou aprendendo muito.

[@Bedimcode]

Gracias amigo, saludos.

[@diogenespasqualoto]

eae marcio, começou a pouco tempo tambem?

[@marcio3965]

@@diogenespasqualoto Front end, sim !!!

[@ParameshChockalingam]

The initial CSS setup is really awesome !!!

[@Bedimcode]

Yes it is, greetings friend

[@igormonteiro7039]

perfeito! absolutamente perfeito, aprendi muito!

[@esthernam1838]

Hello, love your tutorial. I am applying this to make my personal portfolio website. But I am having trouble at the end, at media queries, when I extend the device screen to 1024px, some and some titles the fonts does not change accordingly, rather they come out very small. What do you think the problem is? Some fonts are fine, and some are not responsive. Thank you again!

[@khoirulanam8052]

Check again in ccs file bro

[@deepaksarvepalli2344]

You are eligible for package of 1crore per month

[@Bedimcode]

Thank's my friend regards

[@geekwithgreenthumb4940]

It took me about 10 hours to complete this tutorial. Learned a lot. Keep up the good work. Please also upload complete code on github. Thanks. Love from Pakistan.

[@Bedimcode]

Oh awesome friend, greetings.

[@geekwithgreenthumb4940]

@@Bedimcode Can I use and modify this code for my personal portfolio website?

[@user-ed5fg4ze3j]

Where can I find the code for this project?

[@ziaashraf3706]

github link is given above mate :)

[@Swanseaguy1979]

@@ziaashraf3706 the source code isn't in there

[@ziaashraf3706]

@@Swanseaguy1979 what do u mean?

[@Swanseaguy1979]

The finished source code isn’t in the links, only the basic follow code is.

[@ibntofajjal]

@@Swanseaguy1979 have you finished this project?

[@hjhornoz]

Hello @Bedimcode, thank you so much for this video.

[@Bedimcode]

Thanks for the support friend, greetings.

[@shaneloong5885]

What do the tabContent in tabContent.classList.remove("qualification__active") and tab in tab.classList.remove("qualification__active") mean in the 1:11:41 part and how does it works for the qualification tabs? I am kinda confuse for that part

[@marwanbukhori90]

i am also currently on that part. The qualification__active [data-content] { display : block; } doesnt work. trying to debug now.

[@MyAlex1711]

@@marwanbukhori90 Found any solution ? I'm very interested :)

[@daniellee4036]

@@marwanbukhori90 make sure there is no space between active and [data-content]. So the css should look like: .qualification [data-content] { display: none; } .qualification__active[data-content] { display: block; } hope that helps

[@johnnycardoso1965]

@@daniellee4036 Obrigado por postar. Você salvou meu projeto. Não achava o erro.

[@davidarustamyan1771]

@@daniellee4036 Thank you so much friend, I was going crazy

[@nicolasmarques7460]

Thanks so much for sharing all this high quality content, one of the best that I've seen so far! Your channel is great!!

[@Bedimcode]

Thanks for the support friend, greetings

[@juancarlosvelasquez4402]

Muchas gracias soy de Lima-Perú lo que haces es digno de admirar, muchas felicidades, gracias por tus enseñanzas.

[@Bedimcode]

Saludos hermano, gracias por el apoyo.

[@adegunlegideon9675]

This is so amazing. a must watch for all.... thumbs up

[@HamidTalebiht]

I developed it step by step 🌼 thank you man .

[@Bedimcode]

That good, and it is pleasure, greetings friend.

[@crissyNsimple]

Felicidades por tu increible canal! Tenia una duda pero acabo de resolverla sola 🤗 Tienes una nueva estudiante y suscriptora!

[@Bedimcode]

Gracias por el apoyo, saludos.

[@lucas-garcia--ss]

Tips - tip to correct the error on the slides, this worked: CSS : .portfolio-container { overflow: initial; } JS : const swiper = new Swiper('.portfolio-container', { direction: 'horizontal', loop: true, // If we need pagination pagination: { el: '.swiper-pagination', clickable: true, }, // Navigation arrows navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, // And if we need scrollbar hide: true, });

[@raffy10100]

honestly, I just started enrolling a 1-year course (DIC - diploma in computing). Everything seems to be impossible and baffling. Honestly, I don't even know if I have the motivation to pursue even. It seems impossible and hard. But looking at your videos, it makes me thing if ever I'll ever come to your level of aesthetics and programming skills. It felt like a noob meeting a pro and just feels in awe. Will I ever reach to your level I wonder... Thank you.

[@Bedimcode]

Everything is a process, do not accumulate too many things to learn. And you are right, if I ever admired others with great abilities and if we all passed as rookies, but it never occurred to me that one day I would also have great knowledge. All in good time my friend.

[@jesusgarcia7130]

Thanks a lot. Doing this project I learned many things. The implementation of the portfolio website that I got thanks to your help, it works just like the one in the video. Thank you once again for sharing your knowledge.

[@Bedimcode]

It's a pleasure friend, greetings

[@gbengajonathan7661]

Hello friend, can you send me the source code. Many thanks

[@vimalmr6969]

Thanks a lot, i learned a lot and got a idea to tune it to my interest from your way of navigation in this video.

[@kori.mp4]

Finally took me 10 hours to finish, amazing work!

[@Bedimcode]

Thank you friend, greetings and success.

[@srthrtfghtgfrydh473]

Can you upload the final version and share link please?

[@inshot2267]

I love your Content but I have a suggestion to increase your views... 1.)teach step by step toutorial... 2.) When your typing zoom in for better view... 3.) Remove the Background music much better when you speak. There you will get more views... Cause people now a days want to learn not just by watching videos

[@animeworld2650]

Good One. Thank You. Still have little problems about JS parts , as a starter this is super information. Thanks Again ^^

[@Bedimcode]

Communicate to instagram or facebook, there I help you friend, greetings

[@animeworld2650]

@@Bedimcode Ah nice thanks. Is the user names same as Bedimcode?

[@Bedimcode]

Yes friend, so find me as bedimcode