^

Friend_814

Personal Portfolio Html Template

Created: 8/04/2017

Latest update: 8/04/2017

By : Abdelaziz_Slim

Email: abdelazizmahmoud321@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.

⊚ Header

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

Then open the assests/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.

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

⊚⊚ You can get more icons here.

⊚ 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.

Now you can change the image in the 'About Section'.

put your image (recommended size 600px * 600px) in 'assests/images' folder,

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

⊚⊚ the text inside alt attribute is used when the website can't load the image so it will appear instaed of the image.

you can put the URL link of your CV inside the href attribute as shown in the following code.

⊚ Skills

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

In each service the value in span (Ex: 90%) is the same value in aria-valuenow and width as shown in the code.

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

⊚⊚ You can get more icons here.

⊚ Experience

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

⊚ Portfolio

To change the images in 'Portfolio Section' put your images (recommended size 700px * 600px) in 'assests/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.

you can put the URL link of each item inside the href attribute as shown in the following code.

⊚ Testimonials

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 100px * 100px) in 'assests/images' folder,

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

⊚ Blog

To edit the text in the 'Testimonials 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 400px * 300px) in 'assests/images' folder,

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

you can put the URL link of each post inside the href attribute as shown in the following code.

⊚ Contact

To edit the text in the 'Contact 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.

⊚ 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.


If you want to change this icon.

you can replace this highlighted text after putting your image in 'assests/images' folder.

Copyright Abdelaziz_Slim 2017