I just took another look at your Codepen, and the reason the
img isn’t working is because you need the closing
" quotation at the end of the
You can’t use photos from your local machine, because Codepen and other people can’t see them. You would need to upload them to somewhere like imgur, flickr, or possibly dropbox (there are lots more, but that’s just off the top of my head).
The form is not centered because the outer
form tag was not closed; it should be something like:
<form id="contact " class="container-fluid ">
<form class="form-group ">
<input type="text " name="name " placeholder="Name "><p></p>
<input type="text " name="email " placeholder="Email Address "><p></p>
<input type="text " name="phone " placeholder="Phone Number "><p></p>
<input type="textarea " name="message " placeholder="Message "><p></p>
to just get it the way that you want it to look. I’ve added the a submit button to make it look like it’ll go somewhere, but it doesn’t. There are some issues that aren’t good HTML practices, like not closing the
h2 tags, but it will change the look you might be going for, and perhaps some of that work may be abstracted by Codepen anyway, so I’m not going to worry about that.
Let me know if this is helpful.
EDIT: My bad, you should just add
<p> tags to separate out the inputs. I was using Codepen with the main screen at a small size and did not resize the window to check if it was working like you wanted.