How To Make Website Using HTML And CSS | Responsive Web Design Tutorial

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

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

50% 1

Learn How To Make Website Using HTML And CSS | Responsive Web Design Tutorial Step By Step
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
Here in this video you will learn to make a website header section design using HTML and CSS. This website Layout would be responsive for small and large screen devices.
-------------------------------------
You might like below tutorials:
Make Full Website Using HTML and CSS Step By Step
► • How To Make Website Us...
Make A Travel Website Using HTML, CSS and Bootstrap
► • How To Make A Website ...
Job Search Website Design Using HTML CSS & Bootstrap
► • How To Make Website Us...
Create Ecommerce Website With HTML CSS and Bootstrap
► • How To Make ECommerce ...
---------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
All my tutorials source code is available in community post exclusively shared for channel members (only members can see)
Join Channel Membership: / @greatstackdev
--------------------------------------
Image Source: www.pexels.com
-------------------------------------
Like - Follow & Subscribe us:
► RU-vid: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr

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

30 окт 2019

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@MaxOnMaxxer90 4 года назад

Again a nice tutorial! I'm recently a member of your community and look forward to learning the more difficult tutorials with nice components that I can learn and use in my own projects.

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

hey bro please you can send me this video code. please

@shuva_ 4 года назад

Its work you are awsome bro love from nepal

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

Nice video..you are doing great..since I also run education channel but also love to see other youtuber who are educating people worldwide. Keep the good work 👍

@beautyin8 4 года назад

Just found out your vid, nice for beginners.

@insightful-words 4 года назад

very interesting and creative tutorial as always

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

Awesome tutorial! Many thanks!

@mosaiccorp 4 года назад

Excelente!!! Me gusto mucho gracias

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

Amazing website Loved It ❤❤❤

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

Thank you soo much, this was very helpful

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

I'm totally love with your work

@tindimwebwahadijah9764 Год назад

Thanks bro I follow you and your the best

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

Thanks bro....Kya mast banai..

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

U are amazing its beautiful, and it will nice to see how it will will look like if u link each text to there page

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

very nice .... yep suggestions are bit fast but overall method was good .. and simplified! thnx

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

Thank you so much for this video

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

Very nice. I like your design. And anyway, your English is great

@viswa6126 4 года назад

Tx bro awesome work.

@Lantern365 4 года назад

Awesome i could really use this format to present to my clients.

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

Well explained🙌

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

Great tutorial! Thank you! I've been looking for this for a while!

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

Appreciate your work

@pradeepkuppireddy8950 4 года назад

Good Work sir

@mdsalekahmed9844 4 года назад

Thank you brother

@mdroton8334 4 года назад

Wooo really nice

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

great job, tnx

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

Thank you ,,so much...

@axdsourav2454 4 года назад

Great tutorial sir can you more zoom so we will be able to see coding

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

awesome thank you.

@LabhamJain 4 года назад

You Got A New Subscriber [ Me ]

@ravishmukkar6955 4 года назад

Very nice sir

@RajuAhmed-cq5ic 4 года назад

I love your tutorials and try to make websites . Experts can easily understand but beginners like me have to struggle to understand. SO please try to make tutorials part by part. for example, make a video of nav, make a video of footer. please consider doing this . beginners would appreciate you.

@wangarinjeri606 4 года назад

yes, please .. make the videos in portions

@rajabhishek4973 4 года назад

Nice sir

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

super tutorials

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

Another nice

@BLACKDREAMIO Год назад

i like your video and you because u dont use any stupid background song like other and your code are as clear as transparent glasses so its easy for me to learn it

@souravsingh763 4 года назад

Please try to explain little that why and what happen when a particular properties applied to it

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

Super.

@Imranhossain-rk3sy 3 года назад

Thanks for sharing. #introduction_web_design_q

@minendrakumarchandrakar5026 4 года назад

Sir please ek vidio scaling pr bhi banaiye matlab margin padding kitna rakhna hai to element kaha pr shift hoga,iski koi planning hoti hai kya?? Kab kitna margin padding dena hai,width wagarh kaise plan karte hai? Us par ek dedicated video please!

@monarchgam3r 4 года назад

Bro, u need to start using vs code, and Live server plugin... It will make your workflow more seamless

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

I agree and use Sass also.

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

hi bro! your tutorial is very good.and fast.really i like it.but i have a problem.

@vijithuae 4 года назад

nice ...

@ryanchan5618 4 года назад

great tutorials as always! Can you explain how you got the notifications boxes down at the bottom right corner?

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

You just need to add position: absolute; bottom: 0; right: 0;

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

@@GreatStackDev he said bottom **right**

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

@@CactusAmigo in that case right position needs specific numbers? no? like -50 etc?

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

thanks bro

@kerryd2060 4 года назад

Liked and subscribed (-:

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

Cool tutorials, but I think it will be better if you slow down to explain a bit. It will really help.

@hariompandey8603 4 года назад

Sir aap kon sa editor use kar rhe hain

@syediqbalahmed3176 4 года назад

good

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

Awesome

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

Thanks Victoriaap

@LabhamJain 4 года назад

Loved That Line "Food doesn't have a religion. It is a religion"

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

👌👌👌👌 Tank yoy

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

thanks to you for comment

@ponranjith2683 4 года назад

Sir the video was very super but u didn't change the background image into responsive

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

Thankyousomuch

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

Thanks to you Lioncio

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

what size is your logo? when ever i go to the small screen my logo moves into the nav bar

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

GREAT VIDEO !!, but there's and empty white space in my site cant fix it ,hope u can help , the site is resposive but the scrollbar go right to an empty space if used

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

sir i dont like bootstrap for now as i like to do pure css only ..do i need to learn bootstrap if iworking in indstry

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

Which icon you used for nav-logo ?? Pls help

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

Sir, if possible can you explain this coding of responsive web page on another website.

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

Very understandable

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

Thanks Prince bro

@a-jay_kkd5872 4 года назад

Sir javascript pe bhi video bano please .

@bosssoumare8944 4 года назад

Can you help me ? some of these CSS code do not work for me

@MrWho-vv8nv 3 года назад

great video sir, but please stop using Divs for everything

@Ariya1234gamer 4 года назад

u can make the menu for mobile with animation without any javascript

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

please create full website adding 3 to 4 content with footer

@ahmedbakr2496 4 года назад

can you share the source code please? I designed my page but some things are stuck with me

@withfrix3616 4 года назад

Hi Could you make a blog website using html and css

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

Can u tell me the name of text editer which you have use

@rahulmahato6068 4 года назад

how to connect with adsence in this Theme

@SafarwithAarush 4 года назад

How to add opacity or dim in body background image ?

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

Awesome sir... Sir I have one doubt... In your video, y show the navigation bar to left side of webpage and I want this navigation bar as it is to right side of webpage... then what did I do?? Can you plzzz solve my this doubt....

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

In the css, add .nav-links ul li a{ float : right; }

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

what is the background image size. because it is not come out

@0rjiakorflameszz916 Год назад

I love the tutorial. I rebuilt your website but my right side is not working it is show me a different thing. Anytime i click the close icon is closes but it is still there how can i make it to not show

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

sir, in media query , we have to write it for each and every element or only specific elements

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

Only specific elements which one you want to change in small screen. Thanks for your comment

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

Can you please explain about js part.

@rutvikshah4589 4 года назад

Zomato's tweet 😁

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

The social icons is not showing with yelow background color. How do fix it?

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

awesome. please I need source code

@RajuPatel-fy8rd 3 года назад

Can you please tell how can we connect a login page and a home page when we login how we enter in a web page

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

hey can you help me the social icons . how do i make them link to my social page help pls

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

pls how can those icons link to your personal page or accounts????

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

Can we get the coding HTML n CSS?

@vedantmahant4781 4 года назад

🙏🙏👍

@annapurnasahoo7051 4 года назад

Kya ham explore pe hamara website link kar sakte hain

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

nice design......source code plez

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

Hello! Is this tutorial for web development student?

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

nice video man can not run then menu like java is not working.

@BaCKouR 4 года назад

following your code step by step and still cannot align my vertical bar as yours :(

@Rid_-uc7pz 2 года назад

How u get the logo for the website?

@wangarinjeri606 4 года назад

I wish you weren't too fast .. please consider the slow learners ...great work though!

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

Set your youtube playback speed to 0.75x...It will be helpful

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

How to you make the buttons bring u to a link pls help

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

Explanations on how to make a page responsive on minute 14. It should be the first thing, that is explained! Also, did you on purpose speed up the video? I never in my life needed to go down to 0.25 the speed to be able to take notes on a youtube video; given up on coding on minute 2-3. This was way too fast to follow along.

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

Pls explain how to target html elements in css

@arbrikoni219 Год назад

Give them a class and you can target them in css by giving a dot before the class

@zakidz6716 4 года назад

please record your voice in mono mode because the in introduction 80% of the sound is in the left ear

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

Why my vertical-bar is not working? i did everything but idon't why

@stackoverflow_6849 4 года назад

my logo is stuck a bit right from the center even though i used float:right . how do i fix it? help asap

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

lmao

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

bro you need to share images that you use in your videos.

@Aliway7828 4 года назад

there is no bootstrap right?

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

i want the source code! i cant find it in ur channels community please give it to me ASAP

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

how can we get your codings

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

i want to access another page when we click on one of the navigation bar i:e if we click on Recipe it has to open another page in same website like that

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

When you put the list item and the anchor tag for eg. Home, at the hashtag that I have put, you will have to put the link or the webssite that you want to go