How To Make Website Using HTML CSS | Create Complete Responsive Website Step by Step
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- How To Make Website Using HTML CSS | Create Complete Responsive Website Using HTML and CSS Step by Step Tutorial
❤️ SUBSCRIBE: goo.gl/tTFmPb
👉 Get Code: bit.ly/3LrReJq
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialsp...
-------------------------------------
Here in this video you will learn to make a complete static website step by step using HTML and CSS. On this website design we will create Header section with logo, welcome text and buttons. There will be vertical side menu on this website design.
Then we will create the features section, services section with beautiful hover effect on image, then beautiful user review/testimonials UI design and website footer design with contact information and social media buttons on this website design.
This website will be completely responsive it means it will look perfect on all large and small screen devices.
◼️ Learn How to upload website on Internet
► • How To Upload Website ...
Download the images: greatstack.dev...
More HTML & CSS Projects: greatstack.dev/
-------------------------------------
Recommended Videos:
Learn HTML and CSS From Beginning
► • Complete HTML & CSS Co...
Make Social media Button on Website Using HTML CSS
► • Neomorphism UI Design ...
Make Ecommerce Website Using HTML CSS
► • How To Make Ecommerce ...
Create Animated Website In HTML and CSS
► • How To Make Animated W...
Make Running Car Animation using CSS
► • How To Make Website Wi...
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialsp...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialsp...
My recommended tools and tutorials
👉 easytutorialsp...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
------------------------------------
Image Credit:
www.pexels.com
-------------------------------------
Like - Follow & Subscribe us:
◼️ TH-cam: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr
i love this channel it helped me with my school projects. it deserves more the 10k likes recommended by the tutor.
Thank you so much Karani, Glad you like this tutorial to make website design
👉 Make Multi Page complete responsive website: th-cam.com/video/oYRda7UtuhA/w-d-xo.html
come on people lets get this to 10000 likes. he deserves it. in a world where nudity get million likes in seconds but the person who teaches us to build the platforms cant get 10,000 likes? wow what a world
It's nice playing games but it's hard making them it's probably easy to watch butts even though I don't promote it it's unhealthy but it's hard watch how the camera used to film that butt was programmed probably many ppl can't follow his instruction so they don't watch these unlike us who aspire to be able to web developers like this guy
it has 7k likes
i say that we get it to 1 million likes
usatiise paPressure wangu, togona tisiri kutonakwa waiziya
Its true lets help EASY TUTORIAL gain more likes an comment plus the important thing is to subscribe
thnk y very much fr those tht liked an subscribed an commented
Best HTML and CSS Teacher I've had , I learn more here than in class.
Wow! I finished following you after three days,
I am very happy with the result that I made.
thank you so much for creating such amazing videos
hello could u please send me the above code he wrote please???? urgent
Bro please send the above please🙏🙏🙏
@@sherapdolmagurung6896
Great Tutorial . Thanks . My mind is opened on how to play with HTML structure and CSS styling after watching this video. Step by step styling. Thanks BIg time!
what did he use to make the website
@@namanhnguyenhoang2695 he used brackets app
You helped me a lot to pursue the career I wanted and saved me from my clients. Thank you so much!
you won't understand how your video just saved my life, thank you so much!
I love "Easy Tutorials" . it's simple to understand and I can practice well.
Love from Bangladesh
Me to bhaijaan
Man, please upload more full websites, learning so much from these.
Very nice tutorial, this deserve million likes instead what you said in your video, 👍🏼
Best mentor ever on website buulding ....what u do is FANTASTIC!
I haven't word for appreciate you. You are really kind and very intelligent man. Your explanation and sound very clear. I really love you videos. This channel is the best HTML/ CSS learning channel ever I see. Keep it up sir. Thank you very very very much. ❤️ I'm from Sri Lanka. Campus Student.
❤❤❤
I have a question. I'm doing what you said but in this video 31:22 you have written
align-items: center;
text-align: center;
but why your in the feature-box class is placed on the left. How can I change it to the left side?
I like all your tutorials. Just like to request a development scope; which might help new developers. Before initiating any section; please show us the completed version and explain the section. Like what are the contents and what we have to develop, etc. This way new users will have clue and will be motivated to see achieving the goal as we go.
Keep up the good work! 👊
SuperSimpleDev has a 8 hour CSS html tutorial. Hope it helps you.
I love this channel it helped me with my school projects. it deserves more then 20k likes.
This is a fantastic tutorial. It walks through the step by step process involved in creating and designing a HTML and CSS based website with aesthetic looks. Appreciate the explanation , presentation and the patience of Avinash . Great tutorial Avinash!
This is a gem tutorial
Can u please share the source code of ur website brother
you have really taken me from 0 to absolute professional in a short while. i'm eternally grateful
I agree mee too!!
Can't agree less👍🏼
such a liar🤨😒
you too🤨🙄😠
Same here
Great tutorial I learned a lot from you. It also familiarize me every step by step of creating and designing using HTML and CSS. Thank you so much.
I am a beginner in this training section, but to be honest your tutorial class is amazing and i am much interested to know more about the field study and also to engage more in your learning aid, but i would like to know the scope and step by step development scope to get along in my sections which might help me to get along in the training section. I
CSS seems fun after watching your tutorials
also your voice motivates me to make my own project websites
The design looks awesome! Great job, man!
Thank you so much for the awesome detailed video. I am a beginner in the IT field and I learnt so much from your video. I really appreciate your efforts. Please keep creating more videos like this.
Man, thank you very much, really, you saved me! my work of completion of work was terrible, but i search on yt and i found your video
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
Hi how did you combine the Code to Folder what to do after selecting the and . How did you arranged the code in Horizontally in same line please reply
I love the effort you're putting into this channel. Good work man :)
X
Ok I'll send ipopo
@@rizoshka7481 u noob
Thnk y very much nw i knw how to make websites an i am earning something in my pocket tht really great.
That's really great. Happy to hear that. Keep learning.
That was great! Breaking it down and making it simple as it is reading ABC... Keep it up.
great Teacher, I'm intermediate web-designer,you are very professional programmer and code editor.
Thanks, I am also intermediate like you
Thanks sir. Just as I have started learning css transitions in css, your video came along. I'm always looking forward to new videos. You have good content.
Very very helpful , Thank yuou so much 💗
You deserve more than 10K likes bro. You're amazing! Keep up the good work. 👍🏼
@mohit rajput How he's pronouncing that doesn't matter. What and how he built the website that matters.
Thank youu, you are amazing, i even learnt some skills and changed the website a bit to my liking because of your tutorial. 10/10
You're a star man! Everything is clear and to the point. Thank you so much for all the effort and for sharing your knowledge!
Thanks to you Tiberiu, Hope you will love this tutorial too: th-cam.com/video/oYRda7UtuhA/w-d-xo.html
I am watching this video too late but I really appreciate your hard work and knowledge. You are doing all things very easily, Keep it up👍
Thanks Anas, Glad you liked this website design tutorial
Really awesome design man. I cant even imagine how you did that.
Bro seekha hoga tho kara h
Brilliant. Am I allowed to apply this design to my own website for a local club? It would be modified to suit the club of course. The club is a non-commercial organization - no money would be made and I do not charge the club for this.
the effort is beautiful
Very comfortable video.
It's deserve million likes ❤️❤️
Thank you friend
yes.👍
@@GreatStackDev sir beginner Ko dyan mein rahk kar step by step website banana sikhaiye
Sorry how did you do that first Feature
I really like this thankyou so muchhh. I'm a student making a website without teaching in my school. Hays thankyou so much❤
It really inspires me. Thank you for your effort!!!
You are so welcome!
your comments inspires me to make more videos.
@@GreatStackDev Thank you so much
yes
Wonderful, amazing stuff detailed and appealing,keep sharing more of this.Excellent work
Bro How can we open this website using mobile .. Btw Thanks for Tutorial..
press f12 then click in phone icon
I have done Mphill agriculture. Due to some reasons, i left my job. Now i started to learn web development. I have a very simple knowledge of web development. But after seeing your videos I become a fan of you. Really really appreciate bro..
Thank you Zahid
You're great. Try to create Website Html, css, Jquery & Bootstrap together. Thanks.
Thank you. It helped me a lot.
Amazing thank you so much for the help
Hi bro thanks for all of your tutorials. I am 10 years old. Because of you I can build amazing website thanks for spending all of your time and efforts for us. PLEASE upload more videos like this🥺🥺.Keep rocking bro!👊👏👏
Good stuff man... this is really helpful!
Please create more stuff like this. Much appreciated!!
You are great! 😍
Thanks a lot.
First of all, you just saved my assignment 😢God bless you
U deserve more than 10k likes :’)
I don't get tired of watching your videos. I am learning a lot. Thank you very much
Really great👏
Thanks Rohit Bhai
Thnk u sooo sooo mch.....in one word super duper amazing got it in first time only completed within 1 day ♥️
I'm a complete beginner so go easy!
In the script section of the header, are you using Javascript? I cannot get it to work so I'm a little unsure.
ye its javascript
Bro are you done this project...reply few u done this plzzz send me file...😢😢
@@Nikhil-zs8zs it's just a diy bro super simple easy yet elegant... I would suggest you do it on your own.....
@@cringelevelunlocked7418 bro/sis thanks for suggestion but I want urgent Need....can u send me plz... 😱😱
@@cringelevelunlocked7418 hlo....bro tell me..
amazing sir , I have learned a lot from you . deserve millions of like ...
Great peace of work,.. Do you mind sharing the source code
How can we get the source codes
@@douglassolomon7233 I dont think you cant ;(
you must deserve more than 10 thousands like ...love your effort...great job....
which shortcut does he use at 4:22? which key buttons
thank you :)
I think its shift-tab :)
@@rensjuh yes (Only in brackets)
Shift tab
cool
our you are Maximo in CSS and Javascript...
I'm your fan!
My friends, search for your life purpose, why are we here?? I advise you to watch this series 👇 as a beginning to know the purpose of your existence in this life
th-cam.com/play/PLPqH38Ki1fy3EB-8xmShVqpbQw99Do2B-.html
thank you so much sir your way of teaching is super awesome.
tons of thank you
regards from PK
how did you combine code to the folder please tell me what to do after selecting the and
please Link Coding Download File
You made a great tutorial man!
Thanks 🙏 a bunch
I loved your video and your step by step instructions were great, I feel like I learned more watching this than I did taking Web Development Applications class last semester (even if I did have to pause it all the type bc I couldnt type as fast 😊) But one thing I did not see on here or maybe I missed it is, "How do you connect the social media links to the actual sites? I am going to mess around with that and see if I can figure it out but any insight would be great too.
I figured it out in case anyone else is questioning this too. Use this (the tags and add href with site info) instead of
@@Hbarrett81 hlo... are you completed this project...
@@Nikhil-zs8zs I am trying to create my own website for a business I would like to start and I was able to use styles (with different images/backgrounds/colors) to get my home page all set up and then also add some of the features to my secondary pages (like the navigation sidebar) but still have not totally completed all of my site pages.
@@Hbarrett81 can you help me please my navigation bar is not working
@@Hbarrett81 finally done with your website? If so, would love to check it out if you don't mind 😊
Please people, let's hit 10k likes for this man, he's freely teaching us awesome css and html, he rightfully deserves it! I've completed 2 of your websites and understood each line clearly, all I have to do now is convert the first one that uses full JS, MongoDB and Express!
Thank you so much sir for making this video 😊 may Allah always blessed you
Great effort, Unfortunate that you couldn't reach the like goal yet. I hope you do soon
Thank you sir for your hard work and Time effort .
Now I have idea for creating website
You are most welcome
thank you so much for making my work easier its my first ever website project in html and CSS only one thing didn't work in my site that leaf style on that particular word😀
Why my background image URL not working
The image or color fade effect?
@@ichig085 the image only..
@@charisma3479 tough to say without looking at your code. I know that I was having an issue with the color fade on the background image, including other parts of the webpage I had to alter. I’m new to HTML though 😄
I love all of ur tutorials they r very good .Your creations help me a lot.Thank u so much..
I don't know what to say, it's amazing work, you are different
Thank you so much 😀
I'm sure you will love this tutorial too: th-cam.com/video/oYRda7UtuhA/w-d-xo.html
Please brother this project you were use all the images, share zip file.
You can download the images from the link in the description
Description
thank you so much sir u save my day and easy to complete my work thx u so much......
Thanks Chitra
I hope the comments and likes motivate you to never stop. You're a great teacher🌻🌻
Thank you for teaching us .
Now I am a expert in making Website
Bro plz can u send me this wedsite code...
😂
Thank you so so much #EasyTutorials!!! This would be very easy to learn and you deserves the millions of likes. really awasome design and also teaching method. I learned the best man!!! ******Lots of Love from SriLanka******
Completed it,thank you.
Already liked,subscribed.
Keep up the good work.
Bro, Your videos will take you to the next level
I will take your courses at udemy
I am from Bangladesh🇧🇩🇧🇩 your Video just awesome..
Thank you so much 😀
Thnk y very much nw i knw how to make websites an i am earning something in my pocket tht really great.
Thank you sir. I learned much more, love from Pakistan.
you are awesome sir. i am beginner it took me three day to make a clone of your software i learnet lot of tip from this web how you use span and make leaf . next time if possible please explane little bit also so we understand quickly. thanks
Hi, Thanks for your tutorial lesson, Without your tutorial I would not able to complete my website I try to build. Thumbs up!
WOW.. well done, once again i learnt something new.. thanks bro..
ive been looking for the video like this since last year November, and now finally ive found it.This is awesome!!
did it work ?
YOUR TELLING WAY IS AWESOME PLEASE MAKE SOME DYNAMIC WEBSITES VIDEO...
Bro.... What a website you made yr.. totally adorable 🔥🔥❤️❤️
Thank you so much 😀
@@GreatStackDev can we make it in android mobile??
@@rojap8604 Hi I have not tried any code editor on mobile, But you can try this code editor app, i found on play store: play.google.com/store/apps/details?id=com.foxdebug.acode&hl=en_IN&gl=US
I like all your tutorial you are the best coder
thanks sir. really your video is amazing and fantastic. please make some more video like that. your tutorial is the best
Thanks gayatri,
Please checkout bellow complete website tutorial, I am sure you will love it:
College Website: th-cam.com/video/oYRda7UtuhA/w-d-xo.html
Portfolio website: th-cam.com/video/0YFrGy_mzjY/w-d-xo.html
social media website: th-cam.com/video/NljIHlZRTTE/w-d-xo.html
ecommerce website: th-cam.com/video/yQimoqo0-7g/w-d-xo.html
onclick function is not working. can anybody help?
very helpful video
nice concept and very awesome website making
Thank you very very much, friend. It is indeed a rather helpful tool. I am even planning some time to revisit this particular tutorial. Thank you very much!
Love you bro, thanks for Help us,
allah will bless you 'in sha allah'
This is super😀
Thanks so much for your endeavors,
This is one of the best I have found on TH-cam.
Can you please make one more combining HTML,CSS and PHP