Project 1: Creating a Gym Website Using HTML5 & CSS3 | Web Development Tutorials #26

► Source Code & Notes: codewithharry.com/videos/web-...
►This video is a part of this Complete Web Development in Hindi Course Playlist: • Web Development Tutori...
►Click here to subscribe - / @codewithharry
►Checkout my English channel here: / programmingwithharry
Best Hindi Videos For Learning Programming:
►Learn Python In One Video - • Python Tutorial In Hin...
►Python Complete Course In Hindi - • Python Tutorials For A...
►C Language Complete Course In Hindi -
• C Language Tutorials I...
►JavaScript Complete Course In Hindi -
• JavaScript Tutorials I...
►Learn JavaScript in One Video - • JavaScript Tutorial
►Learn PHP In One Video - • Learn Php In One Video...
►Django Complete Course In Hindi -
• Python Django Tutorial...
►Machine Learning Using Python - • Machine Learning Tutor...
►Creating & Hosting A Website (Tech Blog) Using Python - • [Hindi] Web Developmen...
►Advanced Python Tutorials - • Intermediate/Advanced ...
►Object Oriented Programming In Python - • Object Oriented Progra...
►Python Data Science and Big Data Tutorials - • Python Data Science an...
Follow Me On Social Media
►Website (created using Flask) - www.codewithharry.com
►Facebook - / codewithharry
►Instagram - / codewithharry
►Personal Facebook A/c - / geekyharis
Twitter - / haris_is_here

[@CodeWithHarry]

I hope ki maza aa raha hai. Are you enjoying? Also source code saare videos ka upload kar diya hai website pe: codewithharry.com/videos/web-development-in-hindi-26 Make sure to access it!

[@panseriyadeep2011]

Great Harry bhai

[@romeechavhan1704]

Awesome work sir

[@technicaltutorialarena]

Yes bro you are my inspiration and amazing bro.

[@technicaltutorialarena]

You are master.

[@technicaltutorialarena]

You are my sir and a good coder in every filed.

[@sukrityaathwal3423]

Having a particular knowledge is completely different from the skill of teaching, most of the youtubers have knowledge but lack teaching skills. This man is 🔥in both of them. Thanks a lot sir 💗💗🙌🙌

[@raplogics9349]

it took me around 3-4 hours to build my website. i did some changes in the form section and the overall layout. This is my first project i feel amazing all thanks to you brother. your playlist is amazing

[@uttkarshbamne2614]

Backend bhi he kya isme pls reply like can we enter the details and submit it

[@legit_adheera4545]

@@uttkarshbamne2614 nhi Bhai Bs html css h

[@Shifaa786]

My first project is completed,,,Thank you Harry Bhai....❤

[@rajatkumarpanigrahi7082]

Mine too.

[@Traveling_video154]

the file is not displayed in the editor because it is either binary or uses an unsupported text encoding bhai yea kesy open ho gi file .... Mwry pa's nhi hi rha ...

[@liteactions3229]

@@Traveling_video154 kya problem a rha h

[@Traveling_video154]

@@liteactions3229 bhai jahan se koi project bnana ho pic py click kar k project start karty hy vo pic nai aa rhi ... yea Jo upr likha hy likh k aa jata hy issue

[@liteactions3229]

@@Traveling_video154 bhai ap vs code again install kry jesy sir harry ne btaya wrna ye problem esy he ata rhy ga, web development course ki start wali videos watch kry

[@ChiragPatel-lk1vl]

Thanks Harry, I was expecting this kind of project based video and you smashed it , You are awesome brother and God bless you !

[@ironflecs]

Took me 2 and a half hours but I was finally able to finish it This is my first ever project and I am feeling great

[@mirzamohsinbaig6481]

I am also doing that today it took me 2hrs to reach 23 min. Do you do same as harry aur aap na logo khan sa liya ha

[@vitaminprotein2217]

@@mirzamohsinbaig6481 random online,khud specifications krne mei time lga,total 4hr mei hua

[@coolraviraj24]

great buddy ..did it today and yuppp waqt to lgta h yaar har chiz ko smjhne me

[@sauravnanda372]

@@vitaminprotein2217 mujhe bhi itna hi time laga lagbhag

[@phoenixhacker1291]

I took 4 hrs but my website look cool

[@catworld356]

who even know the basics of coding they can also feel comfortable and easily understands what you teach , " baloo bhai yaha bhi aa gaye" this line was nice ...🤣😂 aap isi tarah k videos banate rahiye thanks a lot harry bhai.... May you have lots of subscribers

[@aayush2446]

can anyone tell me please how to fix image

[@sounaksaha1455]

If anyone having problem with not rendering your background image in the browser window just add '/' in front while writing the path of the image file. eg. background-image: url(/img/bg.jpg); wihtout the first '/' it may not load the background image. This problem happened to me. Like the comment if you also faced the same problem.

[@simcard2732]

kzbin.info/www/bejne/e5TLXmyde5icebs

[@ashishbhatt423]

bro my contact us is coming down how to fix it

[@football-gd5ip]

Bro you are a hero thank you 😭😭😭😭

[@PrinceWarriorOG]

thanks bro

[@marufimtiaz3382]

But still it's not working

[@RaviKumar-qf3or]

This is the first website that I have designed with you sir, I feel awesome and learn so many new things......God blessed you sir ji

[@tushva3539]

Bhai i think till now u r full stack developer and must b earning from that skill

[@khushi_jha16]

@@tushva3539 lol

[@v.haariknag1276]

Is it a responsive website bro .?

[@emergency2022]

@@v.haariknag1276 no lol

[@facthain6647]

Bro meri halp kardo yaar mujhe image folder mein kholne hi nahi aarahi hai mere mein Image jaisa aana chahiye waise nahi aarahi hai

[@sayanmandal5322]

Sir, it is very needful for us . It contains almost all portions we have learnt so far, thnxx. Again very much for creating this project.😊☺

[@abdulsaboor4411]

Harry bhai, Love you and lots of love from Pakistan. Today made my first website and as a business studies student I was looking for an extra skill and you are he person who gave me this skill. Wish i could show you my website. Thank you so much.

[@vimalpandey3577]

Outstanding Harry bro. I have learned a lot from this and python series. Thank you so much. Really you are working great work.....

[@ZahidHussain-pr4hg]

Nice and amazing explanation.Watched more than 500 videos about HTML & CSS, but this is the fantastic and eye catching ,randomly pick this video but Inshallah I will watch from the start. Good job Harry! Many thumbs up

[@amansinha7586]

Wow,what a project. It kind of summarized all the 25 videos learnt till now. Completely enjoyed making this webpage.

[@hrk1]

High level concepts in simple language.Harry is the best

[@kameshrani6130]

you are saving so many life "Harry". I am watching all the video and learning so many things. Thanks a lot . have no words to thank you

[@kumarsatyam5741]

Enjoyed watching this video. Watched on 9 January 2021. Will try to make a website landing page with what I have learned upto now. Respect you Harry Sir. I have started from no previous knowledge of web development but learned with your videos so much . Whole playlist on web development is Awesome.

[@sourabhtrivedi3365]

Had been desperately searching for this kind of explanation man, awesome!

[@anandmishra-pj5wt]

bhot achi, bhot asani se samjh aa jata aap iss trh samjhate hai dubara jarurat hi nahi padti ak bar me hi samjh aa jata. thankyou so much! brother precious content ko free me provide krane ko.

[@upasanaarora8677]

this was a small project yet made all the prev concepts clear. thanks man!

[@mustafataha8786]

how far you have reached in this cource

[@suhailsaifi5309]

It seemed to me "thanks mam" 😜😅😜😉

[@pavan5524]

@@suhailsaifi5309 lol

[@harrybean3244]

@Suhail Saifi Funny guy lul😂😂

[@harixd4158]

Yes

[@jilanikhokhaar7554]

Thank you Harry Bhai, You solved my biggest issue in the margin and padding through this project. ❤

[@AyushKumar-ib3vm]

Thank you so so much Harry bhaiya. Don't know why I'm feeling bit good after making a basic gym page after watching this video and all thanks to you. If you are reading this please do comment.

[@gautamsingh8714]

Bhai ek no. Ki play list h, muje to abhi tak sab kuch smj aa rha h, aap shai se sab kuch explain karte ho, thnx bro for doing hardwork for us.

[@saurabh5240]

Finally I made a landing page, I have completed till here and I have seen this video twice for making a beautiful landing page thank you harry bhai this playlist is awsome

[@kanishkjha7621]

Best way to summarize all the things we have learnt till now. Awesome. Thanks Harry bhai.

[@Tomharry910]

Harry Bro, what you are teaching us right now, nobody would teach even after taking 50,00o Rupees from us. Thank you so much. May God always bless you and keep you happy.

[@abdulshaikh2401]

a week ago i was too beginner in web development in a week i learned some required html and css and today i made my own transparent login an signup form which looks damnn cool all thanks to you harry bhai.....more power to you.

[@uremo.online]

how bro

[@ankushthakurrrr]

Man finally! With your help I made my first ever website, I wish that I could somehow show you how my webpage looks like after completion. tysm :)

[@riturajsaha7831]

thank you, sir... your videos are far better than any kind of paid tutorial. thank you for giving us the true light of learning..

[@nehakhatri5188]

completed building this website and harry it was such an experience. thank you so much for this.

[@vivelafootball4835]

When I watch and learn from your videos, it's kinda dopamine for me... Thanks codewithharry bro

[@vinaywilson9972]

bro you are on next level.....amazing contents....if only i had got your playlist earlier would have been much more help....never stop teaching.... thank you so much love from karnataka❤

[@Krtyagi]

Huge respect to you brother. Thanks a lot for these sessions.

[@akshaysinghbhadoriya7967]

Finally i made my first project , dil se thank you harry bhai ..❤❤🙏🙏

[@Avnijain26]

Sir your way of teaching is very simple and easy to learn. just a beginner but can say that i learn so many things in few days.. thankyou sir...

[@apudash6158]

intresting way of teaching. love it sir, Complete 26 vedio till date.

[@apratimdutta2223]

Just a beginner ..started 3 days ago. watched all the videos till tutorial#26. I have learned so much in this 3 days I can't tell you harry bhaiya..I will always be grateful to you. Hope I would finish the playlist by a month.✌

[@pushpendrasingh777]

Im speed!

[@Akashyadav-rd1eo]

Yes and i have stated today only and reached to project ....that's my talent 🤣🤣

[@iamparikshitsingh]

@@Akashyadav-rd1eo video dekhne se kuch na hoga jb tk khud se practise na kro or dimag me attributes and tags remember na ho!

[@Doraemon_01122]

Yaar meri ek help kar do

[@Nitianpriya]

can anyone tell me why my background image is geting repeated after doing same as harry sir...while sir's got only one large background image...plzz tell me i got stuck at this point

[@apurvagaurav4480]

Thanks a ton brother ! I created my first website and it really feels great. ♥♥♥

[@hacked_33]

I have also successfully created my first project gym website. Its all because of you Harry Bhai

[@sheetaljain3569]

Really I can't help myself to complete this course which has required reference for us to create a website and Sir you said right that once be are able to design website with 30% html, CSS and JS, we will be able to empower us with more creativity by inspecting many websites. I got your way of teaching you want us to implement the knowledge which we are getting gradually. You are the one who wants us to clear concepts by doing practical implementation cuz it will help us to keep things in mind for always. Thanks you so much. Love from city of Taj "AGRA "

[@sayakarar]

Aisa aaj tak nhi hua ki koi Harry bhai ke channel pe aake nirash ho ke gaya ho.... Yeh project bohot achha laga.... Yeh project karke web dev karne ka jasba 1000x bar gaya hai aur confidence bhi bohot aa gaya hai.... Thank your Harry Bhai..

[@saudahmad6029]

Many bht sekha hai apsy or ap bht achy sy smjhty ho..... big respect from PAKISTAN

[@DipakDas-mf3jf]

Just finished after 2.5 hours... The website looks wonderful with my own little tough... Thank you Harry bhaiyaa for this type of wonderful video.

[@fahad1247]

@1:03 Chachchi ki photo lol

[@rahulborana8053]

Bhai, I have no interest in Coding and also know nothing. But I see your videos because that is fun to watch... I have no career in Coding, but these lectures will atleast enable anyone to know something about coding so that they can understand what it is... Thank You Bhai ...

[@mr.malware9641]

I am 13 years old,and i have learn many things related to html,from you.Thank you so much.

[@Yatishpujara]

created a restaurant website inspired from this project for my college project but was not able to land a responsive one.

[@AshishKumar-kc8oq]

3:55 Harry : yeh template mujhe bht achhi lag rhi h. Me(looking at the girl posing in the background): Haan bhai bht achhi lag rhi h.

[@gururaj2199]

He is not like that lol

[@iammature7044]

Chal sab hote hai hain like that

[@aniketraje5904]

@@gururaj2199 check the harry bhai gaming channel you will cleary find how harry bhai is 😎😎

[@MrProxy10]

@@aniketraje5904 Bro Channel Name Please I Searched For it But Did't Find Any Gaming channel ????

[@Chetan_sharma16]

Girl nahi h wo, chacchi hai chacchi 😂😂😂

[@prasadgavas9449]

It's really fun learning from you Harry sir. Thank you so much for such easy explainations

[@conceptualkaur2407]

Thank u so much ,Sir. Your efforts are speechless. I understood the entire video and hope to implement it properly.

[@asmita3085]

Easy to understand video...Thank you for providing such a great information to absolute beginners like me...I have made website by watching your tutorial..I faced just one problem while fitting my image on page at first it was too big for background so it took me some time make it right...Other than that great video

[@ahmedsarfrazkhan2711]

I am also facing the same problem. The background image I am using is too big. How can I fit that without losing the aspect ratio?

[@chetangupta2130]

Gajabbbb sir, thank you so much... i want more this type of videos.... Is course ko chal na do. maja aa raha hai

[@artisshhh]

Really very helpful I found your tutorials after a lot searching about web development....and really this one helped a lot...to make my basics clear. Thank you...

[@mdshadabirfan7404]

I have finished lecture 26 just now. It took me 2 days to understand and build this project. Although at some places I have used my own methods to finish this.

[@ajazahmed5079]

this was my first project of Web development. Bahut acchha laga banake. You are best harry bhai...

[@singhm4709]

thanks, bro. It was a really well instructed short course!

[@motivate2rock728]

Watching your coding : It looks so simple Also me when writing one line: abb kya hoga yaar!😷🥴

[@aftabuddinahmed9101]

Haa haa haaa 😂😂😂

[@SatyamKumar-25]

It was my first ever project Harry bhai really it was very interesting and fun loving in making this project. Thank You

[@meetjain6881]

made my first web page today under your guidance 🙂🙂 🔥🔥🔥 felt confident🔥🔥

[@shubhamgameplay9061]

Maja aa gya🙋🙆...apni phli website bnakr ✌...Thank you very much Harry Bhayia ❤

[@thrahibabdrohan7475]

Best teacher in my whole life ! thank you sir

[@devsharma631]

Just finished building my first website and it looks amazing. Thanks Harry

[@bonoshri_me]

I finished it too today...feels great

[@mayanksoni1600]

Created my First Website !! Thanks Harry Bhai .... Learning from you...

[@AnkitKumar-vx5ry]

Thanks Harry for making such an amazing playlist.

[@moviesmusic3655]

thank you harry for this amazing playlist

[@mr__nk6280]

Who is doing this course in 2024?

[@husnapawar4158]

Mee

[@anaskhatri8751]

Me also

[@InsideBeauty-is3ei]

Me from Pakistan

[@user-em6kb8zo4k]

Me

[@subhashree.nayak1]

Mee

[@UnboxWithUmer]

Completed first landing page. Thank you so much, Harry bhai.❤

[@abhayshivhare4414]

Great work Harry Bhai. You explain concepts very clearly.

[@jeffomega]

Harry Bro there's no-one who could have taught it any better. Thank you for this series and also for doing it for society i.e. for free, it now even inspires me to do something for this society to make it better. Thank you very much brother.

[@Moizoref]

bot☠

[@suchetapal]

This project is so simple yet very smart. Really appreciate the techniques shared, which is really helpful. Thank you so much.

[@masumreza5594]

I was a student of cs in Diploma but i can't complete it for financial problem. Now i found a Boss😎, And now i will become that one engineer without degree.

[@arunkatoch9480]

1 like for ballu bhai 👍

[@balabhadrachand3834]

You are doing a great job bro. Keep it up. My lockdown is successful till date because of this playlist.Thanks man❤

[@VijayKumar-tj5hx]

Maza aa gaya is project me Jo bhi aapne sikhaya bas wahi use kar ke sab kar diya and sab bahut ache se samjh me bhi aaya ab to lag raha me bhi aaram se website bana sakta Thank you harry bhai ❤️❤️

[@MeetPatel-rv8vy]

itna talent h phir bhi hum jaiso ko sikha rhe ho . thnaks vro

[@graphiconidea8350]

Thank you so much for the simpleified tutorial.

[@mansisrivastava4886]

This tutorial is helping me a lot. Thanks Harry bhaiya for this whole playlist. You explain so well.

[@sourabhshinde1990]

my first project. felt so good after making a landing page harry sir thank you very much

[@muhammadjamshedfraz6822]

Ma shaa amazing content, that's why your channel has remarkable growth. within one month people increased from 2.53 to 2.63 million. loveable too. 🥰

[@apurvkumar2382]

Thank you Harry bhai for your efforts.. You're the best... Took me just half day to reach here and I was able to do everything that you taught till this video. Btw vscode also helped a lot. Stay blessed ✌❤ CWH forever

[@aayush2446]

can anyone tell me please how to fix image

[@harshitwalecha5414]

@@aayush2446 try to first download and save it in the folder rather than just directly pasting the link

[@sktamim_01]

I'm very thankful to you sir. I learned many of things from your video.Thanks for giving us so much for free. may god bless you. Sir You are great

[@imtiyazking5890]

No words to explain your work really a big fan of yours.

[@Rajasthanifood14]

thank you so much harry bhai for this playlist and also your efforts....salute bro 🙏👏

[@mohammadfahadkhan3241]

I am following your Playlist from starting👀👀 and I have understand almost every topics 😎😎 Thanks for uploading such type of playlist✌✌✌✌

[@ahmadbaig7863]

love you harry bro

[@purveshgosalia8039]

how can we achieve web app with these course of web development please give me road map

[@gypsysoultraveller]

Your explaining style is too good.👍

[@drawingkalakar6613]

Thank you so much Harry bhai With your help i am completely my first project your video is more motivational😊

[@sudaiskhan5083]

Thanks, Sir ... You cover everything in one lesson which we have studied till date... Really Amazing...Good Job

[@phogatislive5467]

hi

[@salonigoswami9616]

Thank you very much Harry sir!!!💐 You are god gifted for students.. I really wanna make project like this but don't know where to start but after seen your playlist it worth for me...

[@vasu2239]

Ohh i am also goswami 🔥

[@samiullahbhatti7997]

sr Buht shukriya aap .Allah aap ko dheron khushiya or kamyabiya dey.ameen

[@jashan0924]

I AM FEELING VERY PROUD 👌🤞🤞✌✌✌✌✌

[@knightparmar2607]

same here

[@The.Jaynish]

This so good man We can do lot more thing ....

[@introvert456]

1hr ki movie dekhny se zyada maza apny seekhy huy pr kuch bnty dekh k aya, thanks Harry

[@hemanth_sr]

i started to think web development is not for me after watching this video I am loving it thanks harry bhai

[@TechnologyRecords]

42:17 Tension nahi hai zindagi mai! Love you Harry Bhai.

[@SatyamKumar-pd8qy]

hahaha rightly said cudos

[@Avyay10]

You are so awesome harry ! it was confusing and i got stuck on a problem and wasn't able to resolve it so it left it. After some months or maybe a year i returned back and started to do the project again and now i successfully completed it and i am feeling great , thanks X 1000000 to Harry Bhai

[@mayurnimde]

This is a very nice project-1. I have the same adjustment knowledge of margin, padding, X-axis, and Y-axis ADJ. I think locality improve like listwise scrolling, change the gender is like to

[@Trade-Scout]

◾One word explain◾ Outstanding✨

[@rajkumarchavan8457]

firstly, i tried to make project myselft, then i came to video,happy to share that i was able to do

[@kishorgangarde4883]

When there 'text-align:center;' is put in the container then there is no need to add another element. 👍