How To Create A Website using HTML & CSS | Step-by-Step Tutorial
Вставка
- Опубліковано 6 вер 2024
- #HTML #CSS #Loginbox
------------------------------------
insta follow : p.roz.2001
-----------------------------------------------------------
Make it RESPONSIVE : • How To Make Responsive...
---------------------------------------------------------------------------------------
(Link.txt) For Icons . Put this in index.html:
"unpkg.com/ioni..."
----------------------------------------------------------------------------------------
Background Image : postimg.cc/QHX...
---------------------------------------------------------------------------------------
Source Code: codepen.io/Pra...
--------------------------------------------------------------------
Instagram id : p.roz.2001
------------------------------------
For more thanks giving, you can donate me as much as you can afford:
ESEWA: 9849427460
----------------------------------------------------------------------
In this video we will learn how to create an amazing website with a login option using only Html & Css. With 🆅🅾🅸🅲🅴 Tutorial. Must watch for Beginners.
-------------------------------------------------------------------------------------------------------------
Facebook Group Join : / 577400563258704
Twitter follow: RozanC2001
------------------------------------------------------------------------------------------------------------------------------
Do like👍👍 and subscribe🔔🔔 my channel.
One Page Responsive Website:
👉👉 • Responsive Website | O...
Coffee shop | Responsive Website:
👉👉 • Responsive Website | H...
Learn to make Layered Hovering Icons with Html and Css:
👉👉 • How to make a Hovering...
Learn to make Animated Text with Html and Css:
👉👉 • How to Create An Anima...
Learn to create a portfolio frontpage image slider using Html & Css:
👉👉 • How To Make Portfolio ...
Learn how to create a Search-Box using Html & Css:
👉👉 • How To Create A Search...
Learn how to link pages in website using Html | Html Tutorial :
👉👉 www.youtube.co....
Learn how To Create A Navigation Bar using HTML & CSS :
👉👉 • How To Create Amazing ...
Learn to Create a Website using Html & Css | Step-by-Step Tutorial :
👉👉 www.youtube.co...
Learn to Create a Login Box using Html & Css | Step-by-Step Tutorial:
👉👉 • How To Create a Login ...
Learn To Make a Drop-down Menu Using Html and Css
👉👉 • How To Make a Drop-do...
this guy doesnt know what he has done to me. you have enlightened my life. thank you so much
I am begginer but i have no words how to express your hard work for us .Thanks again you have done the best ever
First of all i would like to present my deep gratitiude for your hard work. I have completed full website but i don't know how to bring background image,i cant put menu items like about,contact on the top row of the website and social media icons like facebook are not appearing on my website.Thank you once again
we are HND coputing and software engineering students. so your video was our turning point for web designing. thank you very much
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
You teach better than most instructors and professors. Thank you brother.
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
can you make a video where the now the login buttons work if a user tried to login/sign up with flask
tell me about it
very bad tutorial
very bad tutorial@@DirtyFan2
This was one of the best, shortest and cleanest tutorials ever! Thanks dude.
Thank you 💗💓💞💕
Website link kya ha
Bhejana
Ya ALLAH har insan kamyab ho har insan ko sehat izat or beshumar Dolat ata farma.
May Allah bless you with all you need in your life 😇
First time found on UA-cam best explain of html,css thanks 🎉
Glad you liked it
Hello! I just wanna say that it would be better if you explain it little by little because some people here (including me) who's beginner at this kind of field, might not understand what you're doing but your work is amazing. I appreciate it! :)
Sorry mam for my careless.
I will do better soon..
Please I am trying to remove border from images I downloaded to my system but not getting a way how to do that??
You know if images are downloaded online it will have default border ,so if I want the border to go so dat it can have a pure border in my google page that what I mean
0-0
🍌
ya bro thats why I have to search for those things to understand the working
you can remove the border with photoshop ;-;@@tech_bite
I'm gonna pass my website design assignment thanks to you, appreciate it
Welcome bro🥰
Blessed is he that teaches and shares code. Great work
So nice of you
Awesome man, after long search finally got what I looking for 💖👍
Thank you so much sir.. stay tuned
New video coming soon..
Full website with Bootstrap 5..
I managed to build together with you a website in html, I am very excited, thank you very much
Actually I am a very Beginner to html and css i have been through certain UA-cam channel but I don't get the clarity and practical execution as you did thank you alot expecting more website like this and i would like to know about framework using python dijango and how we connect the website to the database so yea it's very useful
YOU ARE AWESOME. LOTS OF LOVE FROM INDIA 🚩
Thank you sir ❤️
Thanks a lot brother you explained this project such a wonderful way that even who don't no 1% of HTML and CSS they can understand it easily👌
Glad it was helpful!
আপনার এই ডিজাইনটা আমার কাছে অনেক ভাল লেগেছে। আমি প্র্যাক্টিস করেছি। অনেক কিছু নতুন শিখেছি। আপনাকে অনেক ধন্যবাদ।
@@farukislamfarabi4908 কোন এডিটরে কোড করেছিলেন
Hello my name is mansur Muhammad from Nigeria.
Your tutorial in this video is exactly what I'm looking for since🤗 thank you for sharing ideas👍, I will be very thankful and grateful if you make video tutorial for how to make SEO tools website. Thank you and all your videos are recommendable🙏
You are very welcome😋😊
Thank you so much,🙏 waiting for next video
You are a saviour I had a project of designing a fastfood/restaurant website thank u
Welcome bro 😊
Thanks I needed to create a website just like it I love your channel and have subscribed and liked it 😀😀😀😀😀
Welcome sir 😊
@@PraRoz hi friend, can you please post a vedeo of how to upload a website into google for free
interface looks so beautiful.
Thank you sir❤️
ua-cam.com/video/2A9EpKCz3SQ/v-deo.html
💖💖💖
Awesome man, Finding something like this for a days now.. Finally.
Thanks. 😉
@paroz can I get the code for this?
@@PraRoz ;
FUN FACT , AM GRAPHIC DESINGER ,UI DESINGER TOO WITH 3 THREE EXPREINCE NOW BY THIS Tutorial i cant wait start right away tq man
No words to say just u are amazing and u have bright future i am new subcriber to your channel woahhh..........
Thank you so much 😀
Thanks for all the detailed information you have provided in this video. I like your way of explaining every point. Keep sharing such great videos in the future also.
Thank you!! Luna
Thanks for sharing this informative tutorial. I enjoyed it and was able to learn a lot. We appreciate your kind efforts. Have a good one mate.
Thank you! You too!
ua-cam.com/video/2A9EpKCz3SQ/v-deo.html
Your designs are really something. They are beautiful, and attractive. Make a video about designing ideas. How do you come up with such unique designs...
It's all about Internet sir.
I search for latest website design on Google.. and try to make it on my own way with some modifications..
Not that hard. Not so easy. Medium😅
I am a web designer I need some love I want to make my channel better than before.
ua-cam.com/video/6lCozTTSdjY/v-deo.html
I am a beginner and some things were a bit difficult but after 12 hours I fully understand what you did. I did make changes to suit my style.
I love this man keep it up
Thanks man sorry for little careless.. I I trying best to do better
I've subscribed your channel because I've seen most websites for practice. Thank you Soo much Sir
🇵🇰
So nice of you
wow,this is the first website i actually created. very good direct to the point . im just trouble shooting here in my Log in css
You are doing it exactly what I want . Pls make tutorial videos of html, css from basics to advance, it will be so much helpful.
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
Why you guys only create 1 web page!...
In terms of this tutorial it's really good ,I am a beginner and I have learned HTML Now onto CSS.
Your video motivate me to Stay strong and learn programming😇
we are in this together
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
I just subscribers just reading the comment section. Wish me the best to know and learn how to code. You have my like also.
Thank you my teacher and helper.
Thank you thank you so much bro... Because if your excellent work.. I got many ideas to make my first website.. It's my first time so I'm very very excited... 🤩🤩🤩🤩🤩but seriously hats of you... You did a great work man.. I appreciate you.... Bro.. 😊😘😍🥰
Thank you nizam🥰
This is so easy to learn
I’m a beginner but I learnt a lot in this video
Happy to hear that!
I watched numerous tutorial videos, but you explained it in such an easy way, that I am taking interest in learning CSS as well, else CSS was a headache for me.
Css is really a headache
how do we open a live web browser please?
Hello i really like your work it's professional and detailed but please if u dont mind can u add some details like when u write a code u say why and what he does for example float:center or margin-left:62px (job .....) And thank you for everything hope the best for u and for all
Thank you sir❤️
This was actually my first voice tutorial so. I don't really know what to say. And
Thanks for the suggestion. ❤️
Good job
thanks for the detailed information.. can you upload a video implementing JS for the same website?
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
Masha Allah ❤ sir keep it up may Allah blessed you with happiness 😊
Same to you
@@PraRoz Jaza ka Allah
can you do a tutorial for how to make so you go to another page when you press home, about, service, design and contact? Very good tutorial ;)
I was also keen to look at the navigation and routing elements of this site
Just paste the link of that file instead of # in link
Given an opportunity if possible. I could have given you infinity likes. This video is awesome 👏. Very simple and easy to follow the steps. Many thanks to you. Wish you all the best in everything. I'm forever grateful
Thank you so much 😀
@@PraRoz You're welcome 😊. I'm so happy today
---Thank brother ❤😍
-_and take love from bangladesh💖💖💖
I build my first website by wachin this video
Ohhh.. very good bro
I love it all very simple to create a site but I do here about domain. When do you add your domain to a site or what is a domain?
Thank you for some introductory elements in html+css, it was really helpful ! 👍
Welcome sir
@@PraRoz which framework
Thanks for the tutorial! My web page turned out great-except I can't get the icons to show up. I'm assuming the code you used was JS, which I haven't studied yet, but I'll figure it out. Everything else was great though, thanks for the help!
Source Code: codepen.io/PraRoz/pen/mdmZvwv
you can also add thourgh html and css with ancor tag to create image into link if you dont know javas then
This is a very awesome tutorial 🥰
I understood everything even as a beginner
But please... could pls do a JavaScript tutorial using this same website?? 🙏
You really cleared out my doubt. Thank you so much. next time, make it a lot of projects that may last for 2 hours
Wow thank you much 🙏 for upload this video it's help me a alot to learn to create simple website
Thank you so much sir for this amazing tutorial. I’m a beginner as well. Very detailed and was a bit lost on why we put some of these codes as of my studies didn’t have all these infos. If you please would be kind and explain your choices of why we do that and what easier steps to make choices on the adding a code.
Thank you again and hope to see more videos soon
Thank you sir. And sorry for some mistakes. As it was my first voice over video, so was bit nervous to actually explain everything. I have been improving my presentation. You can watch my new trending website videos❤️💗
Good Tutorial, Hope you will get famous soon, 1 subs +
😍
Great man
thanks this video was realy,realy,realy,realy helpfull😉
Very great! As a beginner i stoped the video all the time
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
I really like this website. It's look very good.
Glad you like it!
ua-cam.com/video/2A9EpKCz3SQ/v-deo.html
Understood everything but i am having confusion in the padding, border and margin
Overall nice video👍🏿👍🏿
Nice buddy, keep on learning, its not that hard. & also im sorry for not explaining more
I can turn your website into a great and unique application
I can discount 80% of the price for you
A very nice and easy tutorial to follow- except my form overlapped with the main image such that it was outside the webpage.. other than that its very beginner friendly
Glad it helped!
I only watched the video 6 minutes and it is already helpful
Thanks alot.
Thank you for your effort
God bless u sir. Welcome to my family🥰
I am a web designer I need some love I want to make my channel better than before.
ua-cam.com/video/6lCozTTSdjY/v-deo.html
I'm so happy with you, this video helps more
Thank you and keeping posting like this :)
Thanks broo
Bro that's was unbelievable, thanks for the tutorial you mad me impact some little knowledge on about web development.Thanks and remain blessed 🤩
Happy to hear that!
I am a web designer I need some love I want to make my channel better than before.
ua-cam.com/video/6lCozTTSdjY/v-deo.html
Thank you so much.
Great lesson for simple understanding and excellent summary. 😍👏
You're very welcome!
At 2:12 I am not able to type 50% I have done everything and if I type 50% it will immediately red line below can you tell me what to do?
u can directly do:
background-image: url( .....);
@@PraRozthank you very much i will follow you
@@chenindiexd8208 man how did u did i still cant do it? how you writed it?
You write everything exactly like in the clip until 2:33 and then you stop writing and delete : background: linear-gradient(to top, ⬛rgba(0,0,0,0.5)50% ,⬛rgba(0,0,0,0.5)50%), url(1.jpg);
@NDGames You could also check to see if index.html contains because you have to write it in 1:09.
This video was very useful for me . Finally I created my own website 😊
Much love brudaa...I made it with ur tutorial🤩
Thank you bro
I'm actually a very beginner in web designing, currently I know about HTML and basics of JS, can you please suggest me what languages are really mandatory and how should I start to make a career in web designing?
Html, CSS. Should be your main choice at first.
JS is used after you know little of CSS. Part. To make it work.
W3school. Will help you a lot.
Or You can watch my videos. For learning as well thank you♥️
Me to and sir your a boss
Thanks for this lovely tutorial. Good work💪🏼💪🏼❤️❤️. I am just having a little problem aligning the icons in the center. The Skype logo keeps overlapping the .div form
Sorry for error sir.
Please check the SOURCE CODE given in description..
Thank you for watching 👀 😊
Thank you for this html and css code. I tried to add a little bit still to this code and I had a major problem. For example I tried to hover the btn class inside the a tag in the search class. Any idea on how to go about that please. I used a couple selectors and combinators but it didn’t work out.
.search button:hover {
background-color: ;
color: ;
}
@@PraRoz thank you.
as a begginer i really enjoyed make it happen with you brother keep up the good work
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
such a nice tutorail really helpful for me to learn how to build beautiful web pages using html and css
this is excellent
Thanks Sir for this video it's so good and easy to understand
But why you don't use header , nav and aside i think it's better than div it's just a note and thank you again for this great work ☺️
Welcome sir 😊
Parabéns, pelo compartilhamento deta grande aula. Muito obrigado.
Pro thank you so much i have doing this for 7 hours
I finish it thanks 1000 times
I love your teachings bro...
More divine intelligence
Appreciated
I love to build these websites but would be nice to know if you can explain what some codes are for. as an example: why you're using transition: .4s ease and not just simply transition: .4s. I'm sure I can find somewhere why but sometimes I just cant seem to find the information/answer Im looking for.
It's an editing style. It helps with the overall look. There's an app I write for, and if you regularly direct an overlay w no easing functions it'll just move linear. Easing functions give it more life; it's visually more pleasing.
this is excellent, Thank you so much
Thank you sir♥️
ua-cam.com/video/2A9EpKCz3SQ/v-deo.html
Very nice and informative tutorial. 🥇 Thank you for the great job and all your efforts. 👍 I think width 1200px a bit old for our days with screen resolutions like 1920 x 1080 and bigger...
Yes, you are right
You saved my time bro. Thank u so much!!
Welcome bro
brother there is no need to write alot of query to make this site responsive ...first you need to write all the code in a grid system so this would responsive from the start but any really appreciate ur work ; good work.
Yes, you are right.
Flappy Birds Game Using Python With Source CODE
ua-cam.com/video/C0H8D74f-Ys/v-deo.html
excellent work but your explanation requires refinement. since I am a teacher, wrote what I felt how you may improve further. sorry if your offended. Rajinder Maini.
Noted
@@PraRoz I have started learning how to code my website. Got inspired by you.
my background pic is not showing can you tell me the solution😢
You might of already figured it out but in case you didn't, you could try to change the url link to the folder that your image is located in.
Open from internet explorer then copy it's address it must be show
Same as mine
Body{
Background-image: url" image name.jpg"
}
Body {
Background-image:url('.. /image name. Jpg')
Awesome,Finally i can design website.The one problem i'm facing in this is my "facebook" and "instagram" logo is not displayed
Are other Social Icons Working???
{put this link inside script tag} :
unpkg.com/ionicons@5.4.0/dist/ionicons.js
@@PraRoz i tried this link also but not working .....yes all other are working only facbook,twitter and instagram is not working...
@@madihajamil420 there is a source code in Facebook group.
In description go to Facebook page.
I hope you will solve it. 💗
Follow me on Facebook:
facebook.com/rozaan.chitrakar.39/
On Instagram :
instagram.com/rozanc2001?igshid=ZDdkNTZiNTM=
Dear Sir,
I came across a video where you demonstrated how to design a website. The code you shared in the video is superb and very helpful. However, could you please create another video that involves adding JavaScript to the same code? It would be great to learn how to enhance the website further using JS.
Best regards,
Aqeel Shafqat
Some worth time .... learning this content through this way .....
wow! it's very good. keep it up !
Thanks a lot!
Amazing video ... watching from pakistan
Thanks, I appreciate your time, I learn a lot. You are the best
About the script how write it cause i have just see you pasting it ..otherwise thanks so much but elaborate that part to finish up
Hi there, I have followed all your steps and it worked successfully, but I've stuck in something. The Web Design &DevelopmentCourse doesn't work the same as yours since the first word (Web Design) jumped to the right top of the page ! second thing, the transition of the menu list not working also the links. Please advise ?
Thank you so much. this one is the best i like it !!! I`m going to do the same. I`m bigginer
Best of luck!
Thank you so much it help a lot
It was the very good practicly video for the frontend developers
Thanks sir
I tried this by inserting my content in paragraph, by changing title and remaining part is same it looks good thanks for guiding
Beautiful. I'm working on a project. Thanks for the tutorial.
Really Its good effort.. And a great motivation for me well done bro.. Stay blessed
Thank you so much 😀
thank u so much man, im a beginner and this helped me a lot
thank you so much..your explanation is very clear and very useful to me
Thank you for the tutorial bro... I followed it from start to finish. I learn so much from this video. Thank you very much !!
Welcome sir
thank you so much for the amazing teaching and a clear work you have shown us
Dear Sir,
I came across a video where you demonstrated how to design a website . The code you shared in the video is superb and very helpful. However, could you please create another video that involves adding JavaScript to the same code? It would be great to learn how to enhance the website further using JS.
Best regards,
Aqeel Shafqat
Your video really helped a lot to me... thank you so much ❤❤
Welcome sir 😊