ฝัง
- เผยแพร่เมื่อ 30 ก.ย. 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
Does it require internet connection to show image in browser or not
Nope!!
Sir how to button will set the program and it's click the button will go the inner details of project please explain sir
Please explain fast sir
First time found on TH-cam best explain of html,css thanks 🎉
Glad you liked it
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 😇
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
Wow... that's really cool
Please I'll need of your help sir
thnks sir
@@PraRoz Am a student of Electrical and electronics engineering, please how can I get in contact with you,
sir i have add the description link but not working facebook and other logos not showing why
Sir please check source code in description..
Bro i didn't get logos
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..
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
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
why text decoration - none is not working in my vscode .
Plz check source code in description
you just used hacks in css to align elemts in 10 mins if we open same website with same code in any other device it will not work nice try praroz 🤡🤡
seriously?
@@kanuemma9387 yes bro wann argue ?
interface looks so beautiful.
Thank you sir❤️
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
💖💖💖
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@@PraRoz
Pls I am a member. I want to connect with u@@PraRoz
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
Hello, please can anyone help! I tried the code but my background image doesn’t show when I displayed it in my web browser. What can I do?
Plz check source code given in description
My navbar was working at first but when I finished the website I noticed it was not responsive
Plz check next video in description.
Source code is given.
I made it after so much request from audience
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
very bad tutorial@@DirtyFan2
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
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
Salut monsieur !
Comment avez-vous scripter les logos facebook....... ?
Please check source code in description
That was so cool dont care hates
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
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
Blessed is he that teaches and shares code. Great work
So nice of you
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
I wish you add link link link in comments
Check description
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
@@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.
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
I managed to build together with you a website in html, I am very excited, thank you very much
bro make next video on same this page but next time make it responsive plzzzzz
yes i have video on RESPONSIVE AS WELL.. plz check playlist
@@PraRoz bro i want talk with you. how i can talk with you
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
I'm gonna pass my website design assignment thanks to you, appreciate it
Welcome bro🥰
Great man
bro i am getting some errors i pressed what u hve clicked but i am not getting plz reply
Plz check source code in description
@@PraRoz Yes sir I got a website thank you very much sir
how u add the background image?
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!
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
this is excellent
Image not showing
Please check source code in description
@@pradeepalanwalker8682 download image and drag it in your Vs code from file manager
Bhai Thank you sooooo much for the source code
আপনার এই ডিজাইনটা আমার কাছে অনেক ভাল লেগেছে। আমি প্র্যাক্টিস করেছি। অনেক কিছু নতুন শিখেছি। আপনাকে অনেক ধন্যবাদ।
@@farukislamfarabi4908 কোন এডিটরে কোড করেছিলেন
YOU ARE AWESOME. LOTS OF LOVE FROM INDIA 🚩
Thank you sir ❤️
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 used to create website but I forgot how to create the folder/file that you put on destop like website folder and the background one.
First create a folder, go to VS CODE software, open that folder in VS code ,then create a new file name, index.html and style.css in same folder
It was excellent vedio i really like it and it is very usefull thank you ♥️
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 👍
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 👀 😊
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
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?
Bro my topbar hover is not working can you solve this?
Awesome man, Finding something like this for a days now.. Finally.
Thanks. 😉
@paroz can I get the code for this?
@@PraRoz ;
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
This is so easy to learn
I’m a beginner but I learnt a lot in this video
Happy to hear that!
why is the backgraund img not working man.... i did the same as you!
Please check source code in description
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?? 🙏
I really like this website. It's look very good.
Glad you like it!
th-cam.com/video/2A9EpKCz3SQ/w-d-xo.html
I can't find the js code
Plz read content first.
Only HTML & CSS
Brother, can you give me a HTML project, I will give you some money please.
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!
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.
Good Tutorial, Hope you will get famous soon, 1 subs +
😍
I m facing Rbrace problems. Not sure how to even fix that
RBRACE stands for the symbol “}”. I believe this means that you forgot this
{
ion-icon is not working....i am not able to put the icons in the end. can u tell me why it's not working
plz check the source code in description
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.
Thank you for some introductory elements in html+css, it was really helpful ! 👍
Welcome sir
@@PraRoz which framework
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.
dude the background is missing when i type 2:24
Check for sources code in description
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. 💗
When I add my picture in style.css in the background its not working pls help.
Plz check the source code in description sir.
I might help you.
Thanks
Why you guys only create 1 web page!...
@@keyapal5591 what
What
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
FUN FACT , AM GRAPHIC DESINGER ,UI DESINGER TOO WITH 3 THREE EXPREINCE NOW BY THIS Tutorial i cant wait start right away tq man
Sir Eski html ki copy mil skti h jo apne CODING kiya hai
Description me he
Everything works until i get to background position it does not give me the emmet abreviation pls help
Plz check description. For source code
this is excellent, Thank you so much
Thank you sir♥️
th-cam.com/video/2A9EpKCz3SQ/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 😊
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')
Hi can you make a following video for this, for subpages.
❤
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❤️💗
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
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?
I am creating this type of websites in atleast three monts
Thank you so much it help a lot
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
Parabéns, pelo compartilhamento deta grande aula. Muito obrigado.
Thank you so much.
Great lesson for simple understanding and excellent summary. 😍👏
You're very welcome!
MashaaALLAH!!AAmeen!!
MashaaALLAH!!AAmeen!!
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
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
Must work on responsive web for different devices size
Cause your work just on laptop
I made it after a year, pls check in description
0:03 Obrigado AVANCO SOCIAL por me ajudar a ter mais seguidores
good day sir...I try using an image for my background and it is not working ☹😭😭😭😭😭😭
Check if its in same folder
The background wont work on me😢😔
Please check source code in description