Wix: Creating New Portfolio Gallery

In this post i will show my process of adding a portfolio page to my website. Firstly I opened my website and i scrolled down to my portfolio page. 

 

I then clicked ' Add element' button to add a picture 

And then on image then i double clicked on it then i arranged the two pictures in the middle of the page. However I added any picture for now until i finish my work then i will update it.

Again i clicked on add element then on button to add it to my website so we can go in and out of the portfolio page 

After i clicked one one of the buttons i put it under the new page. and know i will make it as a subpage.

I then clicked on page and menu from the left bar, they I clicked on add in the right corner.

I then rename the page to my project name and i put it under the portfolio page then i clicked on the 3 dots then i pressed on 'main page' to make it as a subpage.

Then i double clicked on the button to change the name to 'al bahr' and change the font type to match the rest 

and i clicked on ' choose a link' and then chose al bahr as the page 

And i added another button to go back to home page and i link it with my home page 

I started to edit my subpage so i added a heading text by clicking on the 'add element' then on 'text'

After that i change the name to my project name then i changed the font type to LULO CLEAN and 37px for the size. I then change the alignment to the top middle of the page 

I then added a gallery from the left menu 

Then i checked the mobile view and nothing needed to change 

I clicked on add element then gallery then i added a slider gallery 

Then i added some of my work that i did last term then i adjust the time between the picture to 10 seconds 

I then changed the back image opacity to 39 and the colour behind image to 68 percent  

Then i clicked on layers to bring the text forward and the slider back

then i bring the slide with the strip and i grouped it with the text 

In Al-Bahr portfolio i added two slides one for the 2D designs, and another one for the 3D designs. To add I clicked on add element then gallery then i choose two.

I added a text by clicking on text then add heading.

After adding my images to the gallery i doubled clicked on the photo then on settings then i clicked on design then buttons to add a full screen view option.

I then changed the vertical alignment to then i put the opacity to 0 percent and the corner radius to 30px.

I then start editing the arrows and i just changed the colour from white to blue it could be visible and also match the design.

I then changed the slide animation from scroll to fade to make it more professional. To do that i clicked on design then slide animation after that i changed it 

I changed the font type of the photo description to lato light to match the rest.

 I checked the mobile view and there was some changes that i did, and i changed the alignment of the text to the center  and i changed the background two white.

I also checked the portfolio page and nothing need to change 

I needed to make the 3d result to move automatically so i double clicked on the gallery then on layout then i clicked on 'customize layout' then i turned on the slide automatically and i changed the speed on 4 then i turned of the 'pause on hover'.