29.a Contact Form Section Design

Video Summary

All right, in this section we are going to build out our contact form. And this is the last section of our landing page slash homepage. And I always like to have the last section of the homepage or a landing page be a hard call to action. And I usually do that with a contact there on tons of websites and when someone looks at that they instinctively know if you fill out that form they will be directly in touch with the company. So having this contact form as the last bit of information is helps kind of increase the likelihood of someone being able to contact you.

But until we get to that point, we don’t know and I don’t want it to go back and reset that up so I’m gonna leave it but if I come down here I’m not seeing anywhere else that there’s a clickable picture. So that tells me that this has to be a background of some sort. But we already looked at the section background. What we need to figure out is the column background. So if you if you hover over each section right here, each column section you see that there’s an icon up in the upper left hand corner. So if we come here and click on this, we see that and we go to style, we see that this is a background image, right? So what we’re gonna have to do is we have to go in and change this around and what I want to know is that if you’re looking at this picture, right now, you can let’s even open this up, and you kind of you’re gonna go to the media library, and you look at it over here and actually, this is a little bit better. But it’s a very wide image and it’s getting cut off right here. So whatever image we use to replace LIS needs to be left dominant or the focus is you left on it and then anything else that’s to the right gets cut off, then you know not not a big deal. 

And I also want to say too is that this image, these cool little lines and like the white line coming through a graphic designer created that so if you are in a spot when your website or a client’s website and you want some graphic designers to create something like this to mimic this, feel free to call us we have graphic designers that we work with all the time that can create amazing things like this for you. Or you can reach out to your own graphic designers if you have those available. But we’re trying to I’m trying to keep this cheap as not cheap, as easy as possible. I don’t want to spend money on just a you know a graphic designer to create this I think image would work just fine for this section. So what I did is I just went on elements and I found this photo right here and I’ll show you the original. So this is the original that I had. I already have this uploaded so we can easily insert this but I want to show you that I found this image. And what I did was in order to get this picture right here where it was perfectly cropped and resized. As I just went here, or I went to this image, I figured out this was 700 or 974 by 100. 

PHP Code Snippets Powered By : XYZScripts.com