How To Make Website Complete Website | College Website Design | Part 2

Подписаться 1,1 млн

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

50% 1

Learn How To Make A Complete Website Using HTML and CSS, Make A College Website, Education Institute Website Using HTML and CSS
👉Buy Source Code: greatstack.dev...
❤️ SUBSCRIBE: goo.gl/tTFmPb
Part 1: • How To Make Website Us...
Part 3: • Make Complete College ...
-----------------------------------
In this video we will crate the about page of our website design, This about page will be responsive and we will create this page of website in less than 10 minutes.
Download Image:
drive.google.c...
Download the image used in website from the above link then try to make this website yourself after watching this step by step website design tutorial.
-------------------------------------
Recommended certification course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialsp...
-----------------------------------------
Recommended Video on RU-vid:
HTML and CSS Complete course for beginners:
► • Complete HTML & CSS Co...
Code Editor used in video and shortcut keys:
► • Best Code Editor And K...
Make Responsive Team member design for website in HTML CSS:
► • How To Make Team Secti...
Make Elastic Image Slider using HTML CSS And JS
► • How To Make An Elastic...
Make Login and Registration Form using HTML CSS:
► • How To Make Login And ...
Make A Complete one page website in HTML and CSS
► • How To Make Website Us...
---------------------------------------
My recommended tools and tutorials
👉 easytutorialsp...
-------------------------------------
Image Credit:
www.pexels.com/
unsplash.com/
-------------------------------------
Like - Follow & Subscribe us:
◼️ RU-vid: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

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

24 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Thank you so much. It is almost my first experience with html and css and I am doing very well; thanks to your effort and nice explanation. Once I finish this amazing tutorial, I will post the website here in the comment section so you feel proud of your hardwork. Regards.

@AdamSafiyanu Год назад

Hello I need the source code please

@longgahn4486 Месяц назад

Where’s the website friend

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

Bro salute 👍🏻 always I watched your vid tutorials.

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

Glad to hear that

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

Excellent, easy to follow tutorial. The author doesn't make assumptions or skip steps. This is the first time I have subscribed on RU-vid, very impressed...well done.

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

Namaste Bhai, I am new here and, I love the way you teach it to make it easy for beginners to learn faster, Thanks for the wonderful videos.

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

This is absolutely brilliant mate. Along with F12 developer tools I'm learning how HTML and CSS work. Cheers mate.

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

Rather late to respond, but been following along and doing it my own sort of custom way, with 0 css or html work before this has taught me a lot. For those adding more than 2 rows for flex-basis, set your flex-basis to auto. It sorted the issue for me and worked very well!

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

thanku sir i was wating for this website how to make thanku sir.......................so thanku

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

Most welcome

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

Bro please explain why we use css properties and it's logic behind so beginners could grasp a complete picture.

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

A very patient teacher you are, thank you very much

@kwenamachaba3667 Год назад

it help a lot ,you explanation and the way you code its real. I'm now doing the best on my coding

@anitaampomah9982 Год назад

You're the best you've really helped to know more about CSS AND HTML thanks alot may God bless you

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

Great Work and effort Bro.. Very Useful❤️

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

Thank you so much 😀

@Sachin-ov1mo 2 года назад

in small screen the comment box comes first and then post categories...how to get comment box in end in small screen...but this was a very good video thank you sir a have learnt so much of html and css

@yasifarsinasab 2 месяца назад

hello, thank you for the amazing tutorial. how am i supposed to connect this page to the home page so when the user clicks on "about" this page opens?

@aryanpatel8140 Год назад

Thanks you for the video but the iccon doesn't show and only appears as a square box Please clarify what to do to solve that

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

Just wanted to tell you that your videos are awesome. Thanks a lot!

@BuffEDFlix 5 месяцев назад

Hey Greatstack, thanks for the comprehensive tutorial; it was really helpful. God Bless... But while using VS code to follow your steps, none of my icons would show; I cross-checked the codes correctly. I DONT KNOW WHY😒🙄🙄... Do you by any chance know why?

@shiva-movies 11 месяцев назад

This video is good for beginners but this case is very long and bad because on every page the navbar code is written, is there any way to help us not to write the navbar code on every page?. I'm subscribe this channel in this hope that you help us for this matters

@CamaguNcoso Месяц назад

Repetition is the mother of learning

@CCMedia-gg33 Год назад

thank you my friend. God bless you

@GreatStackDev Год назад

Thank you too

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

Thank you for this awesome tutorial!

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

Thanks cuz after I completed my web page I wondered how am I gonna make about button work thanksssss!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

@FTCWO 11 месяцев назад

thank you very much for giving your time to this, it was much enlightening.

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

Amazing tutorial!! Thank you very much!!🤩

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

4:40 how did he made to put the text on a column and to have the text ordered without using ? I dont find the way to put the text like him

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

i really love the way u teach keep the good work sir👍❤

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

Thank you, I will

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

@@GreatStackDev i made my first Complete website with the help of your toturial. Thanks for the nice toturial

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

@@arham_faisal2236 Glad i could help you.

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

For anyone having problem with responsive nav bar use overflow: hidden and position: fixed

@againagainagainagain. 4 месяца назад

I'm immensely grateful for the solution provided. After investing an hour into this, I attempted setting the overflow to "hidden" and tinkered with the position set to "relative." Unfortunately, these adjustments only resulted in the navbar being horizontally scrollable. It was only after watching your comment and changing the position value to "fixed" that the issue isresolved. Your insight proved invaluable, and I sincerely appreciate your contribution. Thank you for sharing your knowledge-it made all the difference!❤♥❤♥

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

@@againagainagainagain. I am glad it helped you

@oladipupogabriel Год назад

This video was really helpful. Thanks man🙏🙏👍👍

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

Good job with courses, I am impressed, Thank you again!!

@prebiriches9246 Год назад

Hi. I want to understand why the 'about.html' file fits in well in the smaller screen mode without being coded in the @media code. I'm not so clear on that part

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

Hi I have a question I have followed everything and completed your course but there is one problem , I cannot write on those boxes every time I click on them it will go to the top. Please let me know what did I do wrong. Thank you

@learnwithsk-developer9926 3 года назад

great sir waiting for 3 part

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

Will upload it Tomorrow at 7 PM, In that tutorial I will cover course page and blog page also.

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

step into 2nd video that mean i m copleting this wesite 13 september 2021 Love your tutorials

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

good luck yusuf bro

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

@@GreatStackDev Thank you Bro ❤️😘

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

completed 2nd part, just to say thank you!

@surendraboya3423 Год назад

Thank you so much sir your the very excellent person

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

Thank u sooo much 💓well explained 👏👍

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

Thanks Gouri, Glad you like this web design tutorial

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

Excellent❤️Tutorial, Thank You So Much :)

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

Glad you like it!

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

Hi I am new to coding and have a question. If I click on about on the home page is it suppose to jump to the about page?

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

yeah

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

@@kalishapatil7985 About you need to attach the about.html into nav

@ManojKumar-vq2pv 2 года назад

Very very straight forward explanation.

@ShadrackMumo-h9y 9 месяцев назад

I like your videos are nice and well explained

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

thanks for the help sir!

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

Excellent, Absolutely brilliant.

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

I don't know why but the red hovering effect and the facebook,insta icons are not appearing in my webpage. I am using vscode.

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

I am having the same issue

@vkmuffins Год назад

Probably u r not using the latest font awesome icons

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

after adding overflow x hidden in subheader this about page side bar is still appearing? What to do now? :'(

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

have you figured this out? I'm also having a hard time fixing this

@bsit-2bhadjidimarucot308 2 года назад

same

@vkmuffins Год назад

Facing the same problem 😣

@lishasharma3882 Год назад

Same

@vkmuffins Год назад

@@lishasharma3882 add the position- 'fixed'

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

Found the part two. Thank you

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

when iam writing the code for image like this html : Personal Website and css :*{ margin:0; padding:0; } .Wrapper{ background:url(../images/personalimages.jpeg); background-size: cover; background-position: center; height:100vh; background-repeat: no-repeat; } when i wrote like this the image is not showing the image but when i write any paragraph in the section then the image is showing with the paragraph which i wrote only two lines .... if i am writing 5 lines then the image is showing only up to 5 line s please help to get rid of this @easytutorials

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

Hi Surya, I have just checked with your code only, and it works fine, Background image is coming on full screen, without adding any content in html section

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

@@GreatStackDev iam using sublime text 3 ..should i install any plugin ? Or give me any mail so i can send u the screen shot ..we can fix the problem please help me out of this confusion

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

@@dailyscenes_1 bro try vs code its the best for web dev. almost 50% time will be saved with its shortcuts and auto recommending code feature

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

@@techneedsfixing8833 yeah bro but in that also iam facing same problem as i mentioned above

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

@@dailyscenes_1 hey bro I just pasted your code it's working fine

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

Very good explanation but I'm not able to add image with only name (like images/background.jpg) instead I have to add full path. have any solution for this???

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

If your css file and images folder are at same folder then it should work. I have a video for most common error with background images, please check: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XOuGqClpnCk.html

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

Having the same problem too

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

@@GreatStackDev I am having the same problem too

@Monki.DLoufi Год назад

hello thank u bro for the tutorial but i need help , we must to fix the nav in small screen "phone" in the right the screen white how we can fix this .

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

Interesting i was waiting for it

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

Thanks Vikas

@sike2354 Год назад

I want to share my brackets project which I am working on right now with my friend, so that he can also work on the code when I am offline. How do I do it??

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

Hello , I facing some problem in developing the website.you showed the menu in this video it's not working like that as you shown in the video. In my device the icons are not visible. So I need some help . So I request you to help me

@khushipriya60 7 месяцев назад

Sir maine about.html m jb copy paste kiya to mere work nhi kr rha h

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

sir you are awesome video thank you very much

@user-kv4gj9jp4h 2 года назад

help the menu bar does not work on my other pages only on my main on the other page it says showMenu is not defined at onClick

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

thank you sir you have taught me alot

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

Awesome its very clean demo

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

Glad you like it!

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

Merci... cela m'a beaucoup aide dans ma carriere

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

Thanks for your hard work.

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

Hello Easy tutorials.....Can u pls send me the link of part-1 of this website....i have tried for about 15 mins but I failed to found it...Part 2 is very very intresting.

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

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

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

aldo you can chack description

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

Hope you get it Sai phanindra

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

Thanks Divya for Helping

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

@@GreatStackDev 😊😊keep it up. your vedios are very helpfull

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

Hi. Im using ur design but the pics that i used don't go like ur design. Can u help me?

@LuisMartinez-pf7ix 3 года назад

I have a question can you use flex-basis even when you have not given a display: flex, in this case to the div with the row class?? 5:40

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

The row class is using flex. It was done in the first tutorial

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

I type this code as it is but the icons of facebook instagram twitter etc.cant visible in my website i type code form font awesome bt cant visible also heart icon

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

please someone should help me out. whenever i add an image it goes directly under the the text, and not inline with the text. like the way he did "we are the worlds largest university". mine always appear under that writeup

@Ibrahim-wl8sm 2 года назад

Check the codes n make sure it's typed correctly...I made about 3 mistakes from his last video

@pamelaspetals1348 11 месяцев назад

Thank you!

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

great job bro thank you soo much

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

All of his 6 video which part that he explain about the icon insta and etc? How he put the link ?

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

add bellow code to add link in the in social media icon.

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

@@GreatStackDev what i mean like if I press the insta icon on the website it should go to insta page right? How did u do that code?

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

@@loompa78 same thing i told in the last comment, that is Facebook link in the Facebook icon

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

You are the best...

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

amazing so easy to follow thank you

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

You’re welcome 😊

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

thank you bro ❤

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

Thank you

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

You're welcome

@ДианаДиана-с1г 2 года назад

Thank you a lot!

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

can someone help me I am able to scroll to the right nav bar on the mobile display and i don't need to click the button pls help me to fix it.

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

How do u link about page to index page?

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

About also shown in the last tutorial of this series.

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

@@GreatStackDev yeah sir noted in the final part of the video

@anitaampomah9982 Год назад

Please can you do a video on how to create a game using html and css??

@rohittawar2568 Год назад

I have one dout why my font awesome icons not working

@MounikaT-s8d 2 месяца назад

Yes for me also it is no working

@MounikaT-s8d 2 месяца назад

Instead of icons I got the square symbol

@MounikaT-s8d 2 месяца назад

Plz any give a solution to this

@NITISHKANNA 10 месяцев назад

After adding images im not getting website oage again show in txt form even 😢

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

Sir can you provide source code for this website?

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

Thank you very for this

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

My pictures doesn’t show up when I do the about css why is that

@prateeksharma3775 3 месяца назад

when we click on about how we will add about page to it

@GreatStackDev 3 месяца назад

Keep watching this tutorial series. After creating all pages i have linked pages with navigation menu aslo. So that u can click and go to other pages

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

Great tutorial

@RAHULRAJ-cy8er 3 года назад

Thanks sir

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

You are welcome rahul

@Dievadavana-i8x 11 месяцев назад

hi brother my css is not working on about page. Can you help me please.

@oliverholmes7237 7 месяцев назад

I have the same issue did you manage to fix this

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

Sir, if we scroll horizontally in phone mode at your instructions at 8:56 then the menu is perfectly and fully showing...

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

Add overflow-x: hidden; in header and sub-header class, I will also fix it in last part of this website design

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

@@GreatStackDev Thanks Sir

@imalkagunasekara8725 6 месяцев назад

Great

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

How to connect about page with main page???

@lyeneroselutche Год назад

what apps do you used?

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

going to third part !!!!

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

Great.

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

thanks a lot

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

5:16 thats what she said... sorry just had to. great vids btw boss

@adarshsharma1661 Месяц назад

background.jpg is not working??

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

Please tell us about adding drop down menu.

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

yo bro,is this working on mobile version as well like the part 1?

@emptybrain2024 Год назад

Sir sub header is not showing in other html

@alicemwangi8591 Год назад

Wow!

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

179,000 people followed through!

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

But how to add this about html file to our main html file

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

For some reason i used the same Fontawesome for some social icons but they're aren't showing up is there an update?

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

yeah font awesome had an update

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

Also try and make sure the device ure coding on is always connected to the internet. Most times, font awesome will require the internet to display. If you use the links from font-awesome correctly but switch off ur network, it may not load. Until u switch on ur network.