^

Prop

Personal Portfolio HTML Template

Created: 25/10/2017

By : Arabey Mohamed

Email: arabeymohamed100@gmail.com

Thank you for purchasing My theme. If you have any questions that are beyond the scope of this help file

please contact me via my profile.

⊚ Home

To change the background image in the 'header' put your image (recommended size 1920px * 1080px) in 'assets/images' folder,

Then open the assets/css/style.css file using any text editor. I recommend Brackets Text.

Now look for the following code and replace highlighted text with your (imageName.extension) like (photo.png or photo.jpg).

Now open index.html file.

To edit the text in the 'header' replace the highlighted text in the following code.

⊚ About

To edit the text in the 'About Section' replace the highlighted text in the following code.

⊚⊚ You can use <br/> tag to make a new line.

⊚⊚ You can also edit an image and change your personal information.

Now the data in the location can change the skills of the special number is the percentage

⊚⊚ Example

9 = 90%

6 = 60%

The number is the special section

⊚ Services

To change the background image in the 'header' put your image (recommended size 1920px * 1000px) in 'assets/images' folder,

Then open the assets/css/style.css

Now look for the following code and replace highlighted text with your (imageName.extension) like (photo.png or photo.jpg).

You can edit the name of the section and edit the text that is located below the section name

To change the icons replace the highlighted text in the following code

⊚⊚ You can get more icons here.

To change the title and text, replace the highlighted text in the following code

To change the picture, replace the highlighted section in the following code

⊚⊚ put your image (recommended size 360px * 540px) in 'assets/images' folder,

⊚ Portfolio

To change the images in 'Portfolio Section' put your images (recommended size 700px * 600px) in 'assets/images' folder,

Now you can replace the highlighted Text in the following code with your (imageName.extension).

⊚⊚ the image in the <img> tag is the same in the <a> tag.

Replace the following code with the categories of the images.

⊚⊚ the image can have more than 1 category.

⊚ Testimonials

To change the background image in the 'header' put your image (recommended size 1920px * 1000px) in 'assets/images' folder,

Then open the assets/css/style.css

Now look for the following code and replace highlighted text with your (imageName.extension) like (photo.png or photo.jpg).

To edit the text in the 'Testimonials Section' replace the highlighted text in the following code.

To change the images in 'Testimonials Section' put your images (recommended size 260px * 260px) in 'assets/images' folder,

then (inside index.html file) replace the highlighted text in the following code.

⊚ Blog

To edit the text in the 'Blog Section' replace the highlighted text in the following code.

If you want to change the icons replace the highlighted text in the following code.

⊚⊚ You can get more icons here.

To change the images in 'Blog Section' put your images (recommended size 360px * 260px) in 'assets/images' folder,

then (inside index.html file) replace the highlighted text in the following code.

⊚ Contact

To change the background image in the 'header' put your image (recommended size 1920px * 1000px) in 'assets/images' folder,

Then open the assets/css/style.css

Now look for the following code and replace highlighted text with your (imageName.extension) like (photo.png or photo.jpg).

To edit the text in the 'Contact Section' replace the highlighted text in the following code.

⊚⊚ You can get more icons here.

⊚ Footer

If you want to change the icons replace the highlighted text in the following code.

⊚⊚ put the URL link of each website inside the href attribute as shown in the following code.

⊚⊚ You can get more icons here.


Copyright Arabey Mohamed 2017