PivotPage Pro | Multipurpose HTML Template


PivotPage Pro | Multipurpose HTML Template

A) Introduction

Incorporating responsive design principles, “Pivot Page Pro” ensures seamless viewing across various devices, guaranteeing an optimal user experience for your visitors. Its intuitive interface and easy-to-use customization options empower users to effortlessly tailor their websites to reflect their unique brand identities. With a wealth of pre-designed elements and flexible layouts, building a professional and engaging online presence has never been easier. Elevate your web projects with “Pivot Page Pro” and stand out in the digital landscape.

“Pivot Page Pro” offers a versatile array of HTML templates designed for multipurpose use. With its sleek design and customizable features, it caters to diverse needs, whether you’re creating a business website, portfolio, or online store. Explore its modern layouts and robust functionalities to craft your perfect online presence.

It contains 11 Home Page layouts and about page layout and 28 valid HTML5 page templates designs, different Blog page styles and shop pages. PivotPagePro template features are coded with Bootstrap 4, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!

B) How to Edit HTML Files?

We have included 28 custom HTML templates like Home Page, About, Services, Projects and Contact etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.

C) How to Edit CSS Files?

We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner color open style.css and look at “.banner-section-outer” for banner image and change your image.

 

D) How to use Color Schemes?

Please open style.css file from PivotPagePro/assets/css folder with a text editor and build your own colors. #000000 this is our primary color, you can search and replace all to your new color code.

 

E) How to use On Load Animation?

We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.

 

jQuery Files

Photos

Icons:

font:



F) Resources Used

Global


Colors:

Home 1
  • Primary: #29134b
  • Secondary: #6510f2
  • Text: #8b97ad
  • Accent: #e6c229
Home 2
  • Primary: #000000
  • Secondary: #f7f7f7
  • Text: #78787f
  • Accent: #c66950
Home 3
  • Primary: #2f4fff
  • Secondary: #ffffff
  • Text: #8b97ad
  • Accent: #707792
Home 4
  • Primary: #000
  • Secondary: #eef5fe
  • Text: #8b97ad
  • Accent: #0acf83
Home 5
  • Primary: #000
  • Secondary: #005129
  • Text: #777
  • Accent: #8bc53f
Home 6
  • Primary: #000
  • Secondary: #f41c2d
  • Text: #6e7478
  • Accent: #fa6437
Home 7
  • Primary: #b537f1
  • Secondary: #120152
  • Text: #9e94c5
  • Accent: #be3ef3
Home 8
  • Primary: #1c1e21
  • Secondary: #fff
  • Text: #777
  • Accent: #7e679a
Home 9
  • Primary: #fff
  • Secondary: #000
  • Text: #777777
  • Accent:#23b0ba
Home 10
  • Primary: #000
  • Secondary: #197f7c
  • Text: #6e7478
  • Accent:#fa6725
Home 11
  • Primary: #111828
  • Secondary: #afda30
  • Text: #777
  • Accent:#2d8f3b


Font Sizes:

Home 1
  • h1 >> 72
  • h2 >> 50
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 16
Home 2
  • h1 >> 88
  • h2 >> 50
  • h3 >> 24
  • h4 >> 20
  • h5 >> 16
  • h6 >> 14
  • p >> 16
Home 3
  • h1 >> 88
  • h2 >> 50
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 16
Home 4
  • h1 >> 50
  • h2 >> 40
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 18
Home 5
  • h1 >> 88
  • h2 >> 50
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 16
Home 6
  • h1 >> 60
  • h2 >> 50
  • h3 >> 24
  • h4 >> 20
  • h5 >> 18
  • h6 >> 16
  • p >> 16
Home 7
  • h1 >> 50
  • h2 >> 40
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 16
Home 8
  • h1 >> 60
  • h2 >> 40
  • h3 >> 20
  • h4 >> 18
  • h5 >> 16
  • h6 >> 14
  • p >> 18
Home 9
  • h1 >> 72
  • h2 >> 40
  • h3 >> 36
  • h4 >> 20
  • h5 >> 18
  • h6 >> 16
  • p >> 18
Home 10
  • h1 >> 72
  • h2 >> 50
  • h3 >> 24
  • h4 >> 20
  • h5 >> 18
  • h6 >> 16
  • p >> 18
Home 11
  • h1 >> 72
  • h2 >> 40
  • h3 >> 30
  • h4 >> 24
  • h5 >> 20
  • h6 >> 16
  • p >> 18


 



Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.

Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team