Personal Portfolio Website Tutorial | Create Portfolio website Using HTML, CSS & Bootstrap

Подписаться 7 тыс.

Просмотров 95 тыс.

50% 1

Personal Portfolio Website Tutorial | Create Portfolio website Using HTML, CSS & Bootstrap.
⏬⏬⏬⏬ Download Code: www.foolishdeveloper.com/2021...
⏬⏬⏬⏬ Follow me on Instagram : / foolishdeveloper
My All Portfolio Website Design: cutt.ly/pvklUl1
TimeLine:-
0:00 Intro
4:10 Nav Menu
15:50 Hero Section
20:52 About Us
25:54 Facts
34:10 Skills Section
40:10 Services Section
46:30 Testimonials
58:50 Contact Section
1:16:10 Footer and Copyright
1:19:40 Back to Top
♥ ♥ ♥ ♥ ♥ subscribe to Mystery Code ♥ ♥ ♥ ♥ ♥
► / @mysterycode
▼ Our More Video:
Image Magnifier using HTML and CSS:
► • Image Magnifier Using ...
Scroll Indicator Using HTML and CSS:
► • Scroll Indicator using...
HTML sing in form using HTML and css:
► • Video
gradient button using HTML and CSS:
► • Video
Skill bar using HTML and CSS only:
► • Video
Keyword
create a portfolio website with html css & bootstrap
how to create a personal portfolio website using html and css
how to create a personal portfolio website using html and css code
Personal Portfolio Website Tutorial
portfolio website html css
portfolio website html css javascript
responsive portfolio website html css javascript
responsive personal portfolio website
responsive portfolio html css javascript
portfolio personal html css javascript
portfolio,how to make a website
#PersonalWebsite
#PortfolioWebsite
#MysteryCode
#HTML
#CSS
#JavaScript
#Bootstrap

Наука

Опубликовано:

19 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 152

@MysteryCode 3 года назад

My New Portfolio Website Design: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--2ihchP6FuA.html

@MysteryCode 3 года назад

@@KhanSunny Of course you can use it in any of your projects

@debasishroy5364 3 года назад

@@MysteryCode Thanks, man. You are great.

@MysteryCode 3 года назад

@@debasishroy5364 😍

@MdRimon-oi2ng 3 года назад

I am form Bangladesh brother. thanks a lot for vedio. ❣️❣️❣️

@MysteryCode 3 года назад

Welcome 😍

@omiadip7545 3 года назад

How can someone this talented stay this under rated?

@tanveerhoque3322 3 года назад

If the project details page could be added, it would have been nice. Thank you. I appreciate your work 👌

@LogyTech 3 года назад

What A Brilliant Work U Deserve 1 million Likes!!

@sumonajana8116 3 года назад

Really awesome video. I learned from this video how to make a personal website.

@hassanmazahar5773 3 года назад

Amazing Sir It's the best design I've ever seen and the best coder

@MysteryCode 3 года назад

Thank you 😀😀😍

@CreativeTutorialsWeb 3 года назад

Amazing Work

@codingworld8494 3 года назад

Good video to create website using bootstrap

@xXthereclaimer117Xx 3 года назад

Awesome job! thanks for share it

@MysteryCode 3 года назад

Welcome Deryck Ramos

@ATIWatchReviews 2 года назад

amazing work, cheers

@MysteryCode 2 года назад

Thanks for the visit

@codingworld8494 3 года назад

Thanks man

@izzydevx 3 года назад

The contact form doesn't work it always throws an error, even after replacing the email

@Mirakuruh 2 года назад

Thanks! Very helpful.

@MysteryCode 2 года назад

Welcome

@spoidermon7841 2 года назад

Such an amazing teacher

@MysteryCode 2 года назад

Thank You

@evildead7845 2 года назад

Hey! could you please tell me? How to blur the background when the navigation bar is opened?

@santhosh.k8690 3 года назад

awesome work brother ❤❤👌

@MysteryCode 3 года назад

Thank you so much 😀

@ungraduateengineer2601 3 года назад

Best website design

@amritasingh3895 2 года назад

Thank you so much bro❤❤

@MysteryCode 2 года назад

You are welcome 🥰🥰

@salmantaj9175 3 года назад

This is awasome Love you.

@MysteryCode 3 года назад

Thank You

@MrWebDesignerAnas 3 года назад

amazing design bro which screen recorder do you use

@MysteryCode 3 года назад

Name: Free Cam 8, link: www.freescreenrecording.com/

@eliezer_palc05 2 года назад

Excellent video.... Do you have that same code without Bootstrap, only with HTML, CSS and JS??

@MysteryCode 2 года назад

Thanks and sorry I have no other code

@aryanshah2268 2 года назад

Hello Sir, in my website whenever I write the data-aos property my text is not showing can you please help me (PS: I have exported the aos file in the head tag)

@AsmrEatery 3 года назад

The contact form is not working working sir I tried many times but it's not sending the message to the recepient.

@craniu3000bis 2 года назад

The contact form is missing a PHP file. php-email-form.php Can you include this file in the download zip?

@francisabounader331 3 года назад

hello i want to ask if there is a power presentation for this portfolio

@keyurbarot8663 2 года назад

Can someone help me out with listing all the bootstrap elements used in this portfolio website? Thanks.

@joaopiedade4743 2 года назад

Nice job!! is it possible to use the design to build the website in a javascript framework?

@MysteryCode 2 года назад

Of course, you can

@loisrlt6566 2 года назад

Hey ! I love your work but where the message at the end is send ?

@kronustricolor 3 года назад

beatufullyyy

@MysteryCode 3 года назад

Thank You

@bryantchacon1637 2 года назад

Form submission failed! " how can i fix this. Your video was coool btw

@Hassanali-jr4yb Год назад

how can i change this from white theme into a dark themed.

@abdulmomin-yq4mt 3 года назад

just amizing

@MysteryCode 3 года назад

Thank You Bro 😍

@emilcruz3087 3 года назад

Thanks sir very useful

@MysteryCode 2 года назад

Welcome😃

@Debe17 3 года назад

Amazing dude

@MysteryCode 3 года назад

Thanks 😁

@techboy49 2 года назад

hello bro..why my php is not working..it says form submission failed

@subhampaul3842 3 года назад

This portfolio is awesome but this .rar file would not be extract by Winrar or any other .rar file extractor. Sir please check the link.

@aymenchabbeh1360 2 года назад

Excellent design! Please can i just use this template for my own site?

@MysteryCode 2 года назад

Yes you can!

@aymenchabbeh1360 2 года назад

@@MysteryCode thank you vrey much

@sinankinav5108 3 года назад

Awesome design ! can i just use this template for my own site please ?

@MysteryCode 3 года назад

Yes, of course

@sinankinav5108 3 года назад

Thanks a lot brother 🙏

@Kevinproducciones2 3 года назад

Hello great tutorial but, why this doesn't work for me? I mean it doesn't have the effect of typing and the words into de data-typed-items are not shown in the DOM either Kewin Espitia I am a

@rudraraju4445 Год назад

Yes.. What to do.. Please reply

@mathiasmuniz8453 2 года назад

Second video from you that I notice you don't show the portfolio slide. Why?

@rohitkumarprasad6733 3 года назад

Man you contact page not working plz help its not working.

@debrad.castleberry2457 3 года назад

Thanks

@MysteryCode 3 года назад

Welcome

@NileshDadheech 3 года назад

Amazing💓

@MysteryCode 3 года назад

Thanks 🤗

@NileshDadheech 3 года назад

@@MysteryCode can I use this photo for my next Tutorial

@MysteryCode 3 года назад

@@NileshDadheech ok

@NileshDadheech 3 года назад

@@MysteryCode thanks

@MysteryCode 3 года назад

@@NileshDadheech 🤗

@asmnahin1892 2 года назад

Hey! Can you please tell me how this typed class working in 16:50 , I am trying this in bootstrap 5 , but its not working. :(

@MysteryCode 2 года назад

You can download the source code, link in description box

@MrDaniel25714 Год назад

@@MysteryCode the file is damaged unfortunately

@albertocoronadosanchez1959 2 года назад

How do you design portfolio part? you do not show in this video....

@hassanmazahar5773 3 года назад

sir in nav section where is mobile-nav-active class

@hamzajaved4772 3 года назад

Nice

@MysteryCode 3 года назад

Thanks

@fafafen3831 2 года назад

please sir i've have a question it bootstrap 4 or 5 thank you

@MysteryCode 2 года назад

Bootstrap 4

@YayadySenthilKumar 3 года назад

some one get me the source code.... the links are not working properly

@MaRa_8735 3 года назад

The names of your songs please

@nayanagrawal6334 3 года назад

A big thanks to you for providing such content, but portfolio and resume options aren't working.... So I would request you to check the issue being caused....

@MysteryCode 3 года назад

Thank you so much, I will definitely try to solve the problem

@nayanagrawal6334 3 года назад

@@MysteryCode okay I am waiting for your solution 😇

@nayanagrawal6334 3 года назад

So have you resolved the issue?

@MysteryCode 3 года назад

@@nayanagrawal6334 drive.google.com/file/d/1RZfWBLtUtSGDZmPKDxotIhEDtp4KrFiY/view?usp=sharing

@MysteryCode 3 года назад

solution: drive.google.com/file/d/1RZfWBLtUtSGDZmPKDxotIhEDtp4KrFiY/view?usp=sharing

@julianvelez6563 3 года назад

new suscriptor

@asharali01 3 года назад

Bro at 15:30 as your button work my button is not working and that is also sticked not hidden on full website plz help me what should I do

@MysteryCode 3 года назад

Download the source code and then try again

@zaibiwolverine1474 3 года назад

@@MysteryCode Having same issue and source code is throwing an error which says error 404 file not found....

@rafsanahmed1136 3 года назад

You have created one file name vendor and from 12th-17th line (assets/vendor) is these line are you file name or bootstrap link?

@MysteryCode 3 года назад

Yes, bootstrap link. I first downloaded the bootstrap source code (from getbootstrap.com/) then used it.

@rafsanahmed1136 3 года назад

@@MysteryCode 1-link Doesn't work...it shows 404 File not found can you please recheck it? 2- do i need to use the same name Where you used (vendor) file and 12-17th line (assest/vendo)?

@MysteryCode 3 года назад

@@rafsanahmed1136 1. Which line is not working? I checked and saw that all the files are there. 2. If you change the name of the file, you must change the name of the link in the HTML file. Remember to keep the file where it is. If you change, then you have to change the name of the link in the HTML file.

@rafsanahmed1136 3 года назад

@@MysteryCode the bootstrap source link which you have provided is not working try to click on the link with another account so that you can understand

@MysteryCode 3 года назад

@@rafsanahmed1136 I have updated the file. You can use this link to download the file again drive.google.com/file/d/1RZfWBLtUtSGDZmPKDxotIhEDtp4KrFiY/view?usp=sharing

@arslanradjabov1476 3 года назад

how can we find links ? did think about that man ? u should give information about it in the below of discription

@MysteryCode 3 года назад

www.foolishdeveloper.com/2021/06/create-portfolio-website-using-html-css.html

@laurinwirth4973 3 года назад

Can I just use your template for my own website or is there any copy right on it?

@MysteryCode 3 года назад

No copyright. You can use it wherever you need

@laurinwirth4973 3 года назад

@@MysteryCode amazing, great job on the design. Thanks for your work! :)

@anandpathak9867 3 года назад

How I can make image clickable

@sivakumars7404 2 года назад

Brother, Is this website is mobile friendly?..

@MysteryCode 2 года назад

Yes

@unofficial_bry 2 года назад

is there a tutorial about all the links for bootstrap and css?

@MysteryCode 2 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yl0s76H0oMc.html

@asaduzzamansumon8505 2 года назад

If you upload your portfolio coding in github account and please share your github link to me

@ornahossain7666 3 года назад

you did'nt add bootstrap link or any source from where you add them ,also zip file not was not working

@MysteryCode 3 года назад

1. I first downloaded the bootstrap source code (from getbootstrap.com/) then used it. 2. The source code must be downloaded, you can try again

@tanusreeroy359 3 года назад

How did you do the typing effect in hero section? Please Tell

@MysteryCode 3 года назад

Watch This Video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-MlQnDrHe5eE.html

@tanusreeroy359 3 года назад

@@MysteryCode but it is by using css

@tanusreeroy359 3 года назад

@@MysteryCode please tell how you did in that video

@MohibJadoon 4 месяца назад

Bro xml file needed for blogger. 😢

@bimbimesaputra2695 2 года назад

how to get the google map location

@muskansharma8414 2 года назад

navbar toggling not working

@Real-mg1xd 2 года назад

I am unable to change the background image and other images

@MysteryCode 2 года назад

Why?? You just use your image instead of my image

@Real-mg1xd 2 года назад

It doesn't show up , just the blank white background

@Real-mg1xd 2 года назад

@@MysteryCode pls help

@MysteryCode 2 года назад

@@Real-mg1xd You share the image with me, I'm changing the background image. Or you can change the image by watching the video. Contact me on Instagram if you need additional help.

@tejasdivyam4822 3 года назад

which song is this?? please tell me

@tejasdivyam4822 3 года назад

Please tell all of them :D

@francisabounader331 3 года назад

hello i have a question what is this vendor file ?

@MysteryCode 3 года назад

vendor File = (Bootstrap4 + Icon StyleSheet + JS ) Link

@francisabounader331 3 года назад

@@MysteryCode i really appreciate your help, i'm using this portfolio for my uni project and the teacher asked me about the vendor file and i didn't know what to say. so you mean by the vendor file is like the cdn link for bootstrap4 , js and icon ? thanks in advance man!

@francisabounader331 3 года назад

so instead of including bootstrap cdn we link directly from the vendor file right?

@MysteryCode 3 года назад

@@francisabounader331 Yes, and Thank You For Like This Design

@theandroidexecption5137 3 года назад

what the name of the song

@MysteryCode 3 года назад

▼ Music Credits ▼ Track: BEAUZ & JVNA - Crazy [NCS Release] Music provided by NoCopyrightSounds. Watch: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xgcLwtGlgLU.html Free Download / Stream: ncs.io/_Crazy Track: Jordan Schor & Harley Bird - Home [NCS Release] Music provided by NoCopyrightSounds. Watch: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-KmwpogFtb4Q.html Free Download / Stream: ncs.io/HomeYO