Creating Website: Contact Page and Social Media and Copyright

 Today we discussed legal and ethical issues and copyright with class. And then I changed the copyright to my own name and this year which I will update yearly.




My next step was to add the contact form. I chose the contact form then I changed the background color to  same color with other pages. Then I putted the contact us button to the right of the page. 



Then I clicked on settings button and clicked design in the dialog box. Then I changed the font and text size of contact button and submit button . I selected Lulo Clean type for my text font of contact button and changed the size to 30pts. Then I changed the font of the submit button to Lulo Clean Type and changed the size to 18pts. Then I changed the contact us text to contact me.






I clicked on the 'add button' on the left hand menu and then clicked the 'social'. Then I chose the social button and added to the left side of header. 






Then I deleted the icons of the applications which I will not use from the social media button . Then I changed the icons of Blogger, Instagram and LinkedIn Then I added the live links . Then I saved and clicked on preview to check these work correctly. 




Then I placed the social media button to header to seen in every page. I clicked on layout to put right place in the header and the layouts are 39px and 10px. 
 


Then I changed the mode to mobile from desktop to checked my mobile view. And I added an image to my contact page from Unsplash which is copyright free. 



I checked my contact page and it is look like this. Then I changed the 'back to top' button again. Then I changed the image size little bigger. Then I changed the place of 'contact me' text. Then I clicked on preview and looked for everything. Back to top icon is worked well and I was checked before the links to my social media. And this is my final looking at the contact me page.


Finally I checked all my links were working and the social links were ready to publication. 



















Comments

Popular posts from this blog

Welcome to my blog!

Sequential Image Class Practice

Major project : Initial ideas