Fayil- Personal Portfolio HTML Template is a HTML5 & CSS3 responsive template using bootstrap 4(Latest version). Fayil- Personal Portfolio HTML Template Perfect to promote your work. Fully responsive and easy for you to edit. It suits best for web designers, Graphic designers, UX designers, Web developers, Media Agency. Easily customizable, 24/7 support time.

How to Use

  • Download zip folder of Fayil- Personal Portfolio HTML Template
  • Extract the folder and navigate to the index.html file.
  • Put syle.css file and include index.html file.
  • Your Fayil- Personal Portfolio HTML Template is ready.

2.General Information

Software requirements
  • Sublime Text 3 used to edit the .HTML, .CSS and .SCSS files.
  • Grunt used as precompiler for SCSS to CSS convert.

The following scheme displays the theme files structure.


  • Documentation – contains documentation of design customization and support
  • Template – contains the main files of the Fayil- Personal Portfolio HTML Template
    • CSS – contains all Stylesheets used for UI.
    • Font Awesome – contains Font awesome files.
    • Images – contains all the images.
    • SASS – contains all SCSS and variable files.
    • Index.html – contains all UI code.
  • readme.txt- contains the information about project.


3. File Strucutre

HTML Structure

This snippet has a responsive layout


CSS Structure

If any styles need to be changed just replace it with the wanted styles in the respective section in your style.css.




Js Structure

The JS file is custom.js




4.Reference File

In this design, we have used google font “Poppins” and “Kaushan Script”. You can learn more on using Google Web Fonts by checking the tutorial on how to work with Google web Fonts.

JQuery Plugin:
  • JQuery (js/jquery.js)
  • Bootstrap (js/bootstrap.min.js)
  • Magnific js (js/jquery.magnific-popup.min.js)
  • Owl carousel js (js/owl.carousel.min.js)
  • Aos js (js/aos.js)
Stylesheet (CSS) Reference File
  • Bootstrap (css/bootstrap.min.css)
  • AOS (css/aos.css)
  • Magnific (css/magnific-popup.css)
  • Owl carousel (css/owl.carousel.min.css)


5.Pages Nomenclature

We have designed one page.

1. index.html


It is HTML5, CSS3 based Fayil- Personal Portfolio HTML Template so you can edit it yourself.

Fayil- Personal Portfolio HTML Template use bootstrap to make it very easy for anybody to understand and we have created all the design in separate section.

7.Upload Document

Unzip package in an directory where you will see Fayil- Personal Portfolio HTML Template folder. (In this folder, change according to you then upload this folder on server root directory.

8.Help & Support

Thank you for purchasing Fayil- Personal Portfolio HTML Template . If you have any question that is beyond the scope of this documentation, Please feel free to email us ticket@makewebbetter.com

9.Sources and Credits

1. Font Awesome (https://fontawesome.com/)
2: Bootstrap v4 (https://getbootstrap.com)

Suggest Edit