If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

PRO templates. How to add a new page and a menu item

Hello, this tutorial will show you how to add a new page to the PRO template.

A newly created tutorial will be a good guidance for those who fail to create a new page in PRO websites.

PRO templates. How to add a new page and a menu item

  1. In the template package you can see the blank.html file that can be used to add a new page:

  2. PRO_website.How_to_add_new_page_in_PRO_website-1

  3. Open the file with your editor to add page content. As you can see, it already contains all the necessary styles and scripts included, so you can concentrate on adding the page content:

  4. PRO_website.How_to_add_new_page_in_PRO_website-2

  5. Let’s copy header and footer from other pages:

  6. PRO_website.How_to_add_new_page_in_PRO_website-3

  7. Now we’ll add a new menu item and make it active for the current page:

  8. Edit main-menu list in the page header to add a new item.

    Use class=”current” for the list item to make the button active for the current page:

    PRO_website.How_to_add_new_page_in_PRO_website-4

  9. Now let’s add a content layout and a gallery:

  10. PRO_website.How_to_add_new_page_in_PRO_website-5

  11. Working with the gallery you’ll need to add your big images and thumbnails:

  12. PRO_website.How_to_add_new_page_in_PRO_website-6

  13. Template package contains a collection of stock images so you can use them for your gallery:

  14. PRO_website.How_to_add_new_page_in_PRO_website-7

  15. Replace “Banner content” with your text to create your image captions:

  16. PRO_website.How_to_add_new_page_in_PRO_website-8

  17. Duplicate list items for the big images and thumbnails to add more items to your gallery.

  18. Using the typography page styles let’s add a new title to our page:

  19. PRO_website.How_to_add_new_page_in_PRO_website-9

  20. Thank you for watching this tutorial. Now you know how to add a new page to the PRO template:

  21. PRO_website.How_to_add_new_page_in_PRO_website-10

Feel free to check the detailed video tutorial below:

PRO templates. How to add a new page and a menu item