Working on Mobile View : Website

While working on the website from laptop or desktop, it is really common to forget working on the mobile view of the website but I tried to also work on that view side by side. Starting with the navigation, it is really easy to get anywhere in the website with the  help of it in the mobile.

NAVIGATION MENU

I changed the name of the website and then wrote 'RIYA.' in light sky blue color using Cormorant Garamond Semi Bold font style and 105 font size. Then I changed the 'Architecture' title using Snell Roundhand font style and 36 font size. Moreover, my section background was not matching my color palette of the website as it was very dull so I decided to change it and uploaded an image from Pexels and placed it in the background. And, the initials were also changed so I just wrote RA instead of JRA.

HOME PAGE

Every changes in the mobile view is exactly similar to the improving website. I will still describe it here again.

This is a welcome section which I add using the elements then put a welcome template and customised it as I wanted such as for the text I wrote a quote of a famous architect REM KOOLHAAS and used the font Monotype Baskerville and 19 font size and for the architect name, I used the font Playfair Display and 18 font size. Moreover, for the title 'ARCHITECTURE', I used Helvetica Light font and 38 font size to write and also changed the font color to dark blue. the image behind the text is a picture from Pexel and I also changed the background color into light sky blue color.

In the portfolio page, I put two images vertically as it will not fit in horizontally and put two buttons under it to access the subpage which are Past Sketches and Farmhouse. 

PORTFOLIO PAGE

In the first subpage, the sketches are my past works which are just some rough sketches of some buildings which I liked a lot and sketched them. I have also put description here in the text box as to describe the sketches. I put the the image of the sketches in a sliding gallery from the elements. I also put a button here to go back to the portfolio page. the background image was taken from Unsplash. 

In the second subpage, it is the final project page of this first term where I will ;publish my work later on and I will also discuss the future changes of this page in another blog and as of now, the button will direct to the portfolio page .

In the about page, I changed a lot of things starting with the background image taken from Pexels then, I changed my picture as the earlier picture was with a black background. That was not looking good in the website so I uploaded this new picture by editing the lighting of the image and increasing the saturation. I changed the font color of 'About Me' title into dark blue.

ABOUT  PAGE

This is my contact page which is also a scroll down in the home page. Earlier, the image behind the contact form was really bright as mentioned in the feedback of the website so, I changed into a blue striped background picture from Unsplash. I also changed the shadow of the input fields color into light sky blue and also the submit button color into the same color.

CONTACT PAGE

After reading the feedback, one of my social media links were not working but now I have changed all the settings and it works properly and I have also increased the size to make it more visible in the website.

I hope my mobile view of the website is as nice as the desktop one as I have worked hard for both of them.