ฝัง
- เผยแพร่เมื่อ 14 พ.ย. 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
First time found on TH-cam best explain of html,css thanks 🎉
Glad you liked it
First time found on TH-cam Best explain of html,css thanks jazaq Allah take care 🎉❤and Allah bless you
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
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
You teach better than most instructors and professors. Thank you brother.
Flappy Birds Game Using Python With Source CODE
th-cam.com/video/C0H8D74f-Ys/w-d-xo.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@KogaSoda2
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 😇
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
This was one of the best, shortest and cleanest tutorials ever! Thanks dude.
Thank you 💗💓💞💕
Website link kya ha
Bhejana
Pls I am a member. I want to connect with u@@RozSez2001
Pls I am a member. I want to connect with u@@RozSez2001
FUN FACT , AM GRAPHIC DESINGER ,UI DESINGER TOO WITH 3 THREE EXPREINCE NOW BY THIS Tutorial i cant wait start right away tq man
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.
th-cam.com/video/6lCozTTSdjY/w-d-xo.html
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!
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
আপনার এই ডিজাইনটা আমার কাছে অনেক ভাল লেগেছে। আমি প্র্যাক্টিস করেছি। অনেক কিছু নতুন শিখেছি। আপনাকে অনেক ধন্যবাদ।
@@farukislamfarabi4908 কোন এডিটরে কোড করেছিলেন
Actually I am a very Beginner to html and css i have been through certain TH-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
I managed to build together with you a website in html, I am very excited, thank you very much
Blessed is he that teaches and shares code. Great work
I appreciate that!
I am a web designer I need some love I want to make my channel better than before.
th-cam.com/video/6lCozTTSdjY/w-d-xo.html
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..
Thanks I needed to create a website just like it I love your channel and have subscribed and liked it 😀😀😀😀😀
Welcome sir 😊
@@RozSez2001 hi friend, can you please post a vedeo of how to upload a website into google for free
Seriously!!!! one of the best videos for a beginner with live explaination through VS code!!!! 💥💥💥💥💥
i am just a beginner in web development and i gain a lot from you sir,
thank u so much
Glad to hear that
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
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
Amazing video ... watching from pakistan
I've subscribed your channel because I've seen most websites for practice. Thank you Soo much Sir
🇵🇰
So nice of you
I'm gonna pass my website design assignment thanks to you, appreciate it
Welcome bro🥰
YOU ARE AWESOME. LOTS OF LOVE FROM INDIA 🚩
Thank you sir ❤️
Awesome man, Finding something like this for a days now.. Finally.
Thanks. 😉
@paroz can I get the code for this?
@@RozSez2001 ;
I'm so happy with you, this video helps more
Thank you and keeping posting like this :)
Thanks broo
Really appreciated you are very well your method is good other all TH-camrs only wasting our time from your video we properly understand web design in only 30minuets but in other courses we take months to understand these thing thnx brother for your hardwork i am subscribing your channel ❤
Wow... that's really cool
Please I'll need of your help sir
thnks sir
@@RozSez2001 Am a student of Electrical and electronics engineering, please how can I get in contact with you,
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!
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
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
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 😀
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
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
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
Good Tutorial, Hope you will get famous soon, 1 subs +
😍
Awesome work bro....
God bless you!!❤️
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🥰
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 😀
@@RozSez2001 You're welcome 😊. I'm so happy today
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?
can i do all this a day
@@MariamMariam-gh8gr Yes if you know what you’re doing
I'm back after watching the video, just know you got a new subcriber from Uganda and thank you for the work keep it up
Masha Allah ❤ sir keep it up may Allah blessed you with happiness 😊
Same to you
@@RozSez2001 Jaza ka Allah
interface looks so beautiful.
Thank you sir❤️
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
💖💖💖
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?? 🙏
Much love brudaa...I made it with ur tutorial🤩
Thank you bro
Thank bhaiya I want to learn coding you only teaching besttttttt.......
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
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.
th-cam.com/video/6lCozTTSdjY/w-d-xo.html
Does it require internet connection to show image in browser or not
Nope!!
wow! it's very good. keep it up !
Thanks a lot!
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
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
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❤️💗
Thank you for some introductory elements in html+css, it was really helpful ! 👍
Welcome sir
@@RozSez2001 which framework
This is so easy to learn
I’m a beginner but I learnt a lot in this video
Happy to hear that!
Thanks alooooot king i've learned soo much keep up the good work
wish you all the good luck
❤
My pleasure
Flappy Birds Game Using Python With Source CODE
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
Flappy Birds Game Using Python With Source CODE
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
that's really helpful !!!! You deserve a lot more gratitude !
Glad it helped!
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
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
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 👀 😊
Very great! As a beginner i stoped the video all the time
Flappy Birds Game Using Python With Source CODE
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
Some worth time .... learning this content through this way .....
I really like this website. It's look very good.
Glad you like it!
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
Thank you so much.
Great lesson for simple understanding and excellent summary. 😍👏
You're very welcome!
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
good 👍
You really cleared out my doubt. Thank you so much. next time, make it a lot of projects that may last for 2 hours
I really like your work. It's a amazing video for me and our life......😮😮😮😮❤
Great man
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
1:41 open with live server option not coming plz helpp sirrr
First of you need to install it.
Go to extension. ( left side)
Search: live server. Install and enable it
@@RozSez2001 thank you sirrr
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
Really Its good effort.. And a great motivation for me well done bro.. Stay blessed
Thank you so much 😀
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!
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
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
@@RozSez2001 I have started learning how to code my website. Got inspired by you.
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.
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.
th-cam.com/video/6lCozTTSdjY/w-d-xo.html
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 😊
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: ;
}
@@RozSez2001 thank you.
this is excellent, Thank you so much
Thank you sir♥️
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
Thanks, I appreciate your time, I learn a lot. You are the best
absolutely perfect bro i had to subscribe cause of hw much dis helped me bro good job every single step is brief 💛💛
this is excellent
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.
Parabéns, pelo compartilhamento deta grande aula. Muito obrigado.
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 ?
thanks for the detailed information.. can you upload a video implementing JS for the same website?
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
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( .....);
@@RozSez2001thank you very much i will follow you
@@Heehom89 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.
Why you guys only create 1 web page!...
@@keyapal5591 what
What
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')
Pro thank you so much i have doing this for 7 hours
I finish it thanks 1000 times
Bhai Thank you sooooo much for the source code
this is super cool web for real
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
@@RozSez2001 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. 💗
Wow thank you much 🙏 for upload this video it's help me a alot to learn to create simple website
This video was very useful for me . Finally I created my own website 😊
---Thank brother ❤😍
-_and take love from bangladesh💖💖💖
I build my first website by wachin this video
Ohhh.. very good bro
as a begginer i really enjoyed make it happen with you brother keep up the good work
th-cam.com/video/C0H8D74f-Ys/w-d-xo.html
Hi, can i use notepad++ or notepad to code this?
Also, thank you for the very clear video