HTML Structure

HTML Website Template .html pages structure is built on the following principle.

Header Customization

Logo Change:

Header logo of the site should be changed in Header section of the target page with the header tag.

Adding a new menu item:

To add a new menu item to an existing menu, you should define a new list element on the first navigation level.

Making menu item active:

To make a menu item active, use .active class for a target element.

Adding a submenu:

To add a submenu to the existing menu item, create an additional list with .sub-menu class inside the corresponding menu item.

Portfolio Carousel

You can add/remove item from the Portfolio section.

You can also customize the carousel settings from js/script.js file. There are many option like changing item, navigation icon, autoplay, animation etc.

Changing Image/Link

Changing image:

The src attribute contains a path pointing to the image you want to embed in the page. To change the images that are in html just add the image in the images folder and then change the value of img src in HTML.

CSS - Modification:

To change the images that are in css just add the image in the images folder and then change the name of background-image in CSS.

Changing Link:

To change links address go to the target file and change the url of the link as shown below:

Contact Form

contact.html

To make our form work, we will need to go https://formspree.io/. Then click "get started" button and complete registration.

Now we will create a form – This is give a integration link which should be kept in form action attribute.

Support

If you face any problem with the using of our product please do not hesitate to contact us.