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