Creating Website : Contact Page and Social Link

Continuing the creation of my website page I will be starting with steps of creating contact page and social link : 





To add social links, I clicked on the quick edit on social bar and added my Instagram's link of my sketchbook and added my this shoefie blogger by copying link and removing unwanted links which i did not have like twitter, TikTok and other unformal links like snapchat and then submitted the link, After which i pressed on preview and checked if the links are working or not. lastly for this process i adjusted the social links n the footer which will be present in every page

                                 -------------------------------------------------------



Next step I did after adding social link, I created my contact page where I added my email for notification. In this process, I clicked on the contact tab, then clicked on form setting in which I got an option to set email notification where I clicked and set my email for notification, on the other hand I remove stay in touch tab and aligned the contact page in middle of the contact page and added a picture which I got from unsplash.
 
                             -------------------------------------------------------------



To add picture for my contact page I clicked on the add elements tab in which I clicked on second option image > upload image > and added the image which I choose from unsplash.

                                 --------------------------------------------------


After I added the picture, I clicked on picture where I got the option of filter for which I designed the picture to black and white as it best describe the website I am making, Next beside filter tab I got a option of frame in which I edited the picture from square to circle to show some effects .

                                 -----------------------------------------------


Preview - Computer/Desktop 

Preview - Mobile Devices (No changes required)

Lastly, I previewed my work and checked how will it look on mobile devices and computer to see if any changes needed.
                              

      ------------------------------------------------







Comments

  1. Good work - well done for completing this with good detail

    ReplyDelete
  2. You just need to add the mobile view to the end of this one

    ReplyDelete

Post a Comment

Popular Posts