Responsive Contact Form Using HTML & CSS

[@louisham6998]

+sub for you, you are the only one in KZbin who make a guide abou programming and supply the sourcecode. Respect +9999

[@TrueCoder]

thank you, I appreciate that !!

[@fllavour]

Dam my teacher should watch these....

[@simple5572]

Thank u a lot you helped me in my school project ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@tugberksen298]

thank you very much for your effort. I want to ask you, when someone fills the form, where the information will be sent ? i didnt see anything about it .

[@lancinekeita4823]

Thanks man, this was really helpful. I fucked up along the way but that's the fun of coding. I'll watch your vid again to compare notes since I was changing and styling the code as I went along.

[@TrueCoder]

Most welcome !

[@Faiisbilingual]

Nice! I actually just came for the font 🤣

[@bugtori]

what is different between --> grid-template-columns: repeat(2, 1fr); grid-template-columns: 2fr;

[@AbhishekSingh-ef7rg]

Can u tell me how to dynamically add input fields in javascript using the click event listner

[@BH-tu2on]

Thank you for your amazing work.But i face some problem that everything appeared when browsing the code except the background and the bus image. And i checked the path of the image. Can you please help me.

[@BKPositiveVibes]

this is amazing thank you very much sir for your help😊

[@TrueCoder]

You are most welcome

[@nidhulvn1253]

int a; printf("enter a number"); scanf("%d",&a); printf("You have entered %d",a); reuslt EXIT_SUCCESS While doing this program in console out put first I enter the number then after pressing enter key only show that"enter a number:your have entered 20. Why is it happens like that.why it isn't show that enter a number in first time.pls reply.in eclipse ide

[@phamvinh8993]

awesome , but in the class contact-box if you using display:grid => justify-content and align-items not working

[@TrueCoder]

Thank you, I used justify-content and align-items to center the contact form content

[@wwechamp888]

Dude great content but i had a serious doubt! i used this for my contact page but when (React) i use my toggle slider button in my navbar, the contact form is Overlapping .. ie. have a toggleslider in navbar made for responsive (mobile) use which will then show /home/About/Contacts/etc. from the left of the screen but now this contact box is overlapping it!

[@jamesmillinxjerome8923]

Thank you, very helpful!

[@TrueCoder]

Most welcome 🙏

[@ezioperfetto372]

Can you show how to input this into a contact-form-handler, thanks

[@patricks4559]

Thank you! Awesome tutorial

[@TrueCoder]

Thanks bro !

[@kadeus]

Prefect I like your Clean Code

[@TrueCoder]

Thank you !!

[@TheCALLofDEAD]

Thank you this was very helpful!

[@lanypark5026]

you are the best!!!

[@TrueCoder]

Thank you 💚💚

[@0xhhhhff]

Nice

[@TrueCoder]

Thanks

[@wademorris1276]

How do you change the font color from grey to white?

[@eyobgebreyesus7585]

This was awesome! Thank you.

[@tumishomapanga]

Thank You so much for this🙏

[@TrueCoder]

You're welcome 😊

[@shazbaz5695]

Can you do one with labels floating up please

[@2s-show907]

how u get your skills ?

[@TrueCoder]

By watching tutorials, and doing a lot of applications

[@kedigiller111]

Thanks a alot

[@dudeisforfood0693]

How can you know the message is received when sent? .

[@lastsecond2461]

very useful

[@mohammeder-rabhy3949]

that great really the god bless you

[@TrueCoder]

thank you !!

[@Zeljko767]

This is great. How do you post the code on which E-mail you get your messages? Here I think on the HTML page where the form is posted on which E-mail the message goes, on the other HTML page from the other form. Thanks in advance.

[@TrueCoder]

In this case, we will need a server-side language

[@AK_69_Edits]

Refer To This Video:kzbin.info/www/bejne/f6ecZKygmduejas

[@julietagrunwald7592]

how do i move it to the right side?

[@alejootorres3820]

It does not work for me on a mobile screen, it does not leave a margin on the sides

[@ishtiaquddin.official]

I want to learn html and css ❤️🔥

[@KnotJuly]

My background image does not fit the whole page :(

[@nidupzangmo9543]

this is great.

[@shubhayanai8981]

snd me the code. the link in descripition is full of ads and not opening

[@zenoxplayz7944]

i wanted to recieve the message to my mail so can you share the code for that here in the comments and please say how to add this code with the html contact us source code you gave

[@baiyali4488]

This is amazing, thank you so much! However, where can we link the code to our email? Anyone who know could tell me, it would be very much appreciated !!

[@lucky_dev]

you need PHP to link the form info to an email.

[@aminagrx]

So beautiful thank uu :)

[@irocket2164]

Need the image

[@TrueCoder]

You will find it in the source code

[@osmeig6025]

El tutorial es bueno. Pero mezclas demasiado las medidas (rem con px), eso no creo que esté bien. Usa sólo rem.

[@TrueCoder]

okay thank you for the remark

[@nientranai1669]

great video. appreciate it :3

[@TrueCoder]

Glad you liked it!

[@TheTechMaster5]

Subscribed :) It doesn't send message to written email or it will?

[@TrueCoder]

No it doesn't, because it needs a back-end language to do that

[@TheTechMaster5]

​@@TrueCoder oh thanks didn't realized that :)

[@TrueCoder]

You're welcome

[@hugoordaz5020]

Eres tu trucutru!

[@BusinessMindsetofficial]

please send me the code, I need it

[@TrueCoder]

Ok ... Send me your email

[@BusinessMindsetofficial]

thank you

[@يوسفبنعبدالرزاق-ع9ف]

@@TrueCoder I need code also

[@TrueCoder]

@@يوسفبنعبدالرزاق-ع9ف Okay .. Send me Your email

[@ranranpango6382]

me too need code!

[@TrueCoder]

Check the description

[@Bagman-kp4vp]

Turip

[@rafikounis4032]

Je te remerice pour ce tuto. Il est magnifique. Tu peux me dire comment je peux le rendre responsive STP ? je te remercie d'avance

[@TrueCoder]

De rien. C'est déjà montré dans la video comment le rendre responsive

[@mobinatrzade1059]

goood

[@sumanparajuli229]

Bro can you provide me this source code here in comment section in zip file

[@TrueCoder]

Download HTML file here: depositfiles.com/files/jmxx6dpt8

[@TrueCoder]

Download Css file here: depositfiles.com/files/tnxe3jo9j

[@TrueCoder]

Download Image Here: depositfiles.com/files/bv2l73r9e

[@nellbrayan156]

Source code

[@jackcorsobarbiere-it7645]

DONT WASTE YOUR TIME....I LOST 2 HOURS ON THIS ............background img not working like for other people in comments...#help

[@eglessiadacosta3830]

Hard to follow

[@abidurrehman1724]

The BGM is too loud to bear with. 😫😩

[@TrueCoder]

Oh sorry! I will lower the volume next time

[@tech3sixtyyy]

Nice