introduction

Henry is a versatile HTML template that caters to a wide range of portfolio website, including ui/ux, web design, software development, and many more. The design is modern and visually appealing, built on award-winning design concepts that incorporate captivating animations and smooth transitions. The template is highly customizable, allowing users to modify every aspect, from the animation and cursor to the layout and more. Henry is designed to look beautiful on all devices, including laptops, iPads, iPhones, Android mobiles, and tablets.

Its responsive design ensures that your website will look great on any screen size, providing a seamless user experience. Whether you're looking to make a simple and awesome portfolio or refresh your existing website, Henry is an excellent choice that will help you stand out in the competitive online landscape.

This documentaion is to guide you regarding all the step for building and deploying along with how to customize

In order to customize this template HTML and CSS and Bootstrap Knowledge is Required

  • Template Name : Henry HTML
  • Template Version : V 1.0.0
  • Author : WpRealizer

Folder Structure

A guide to understanding how the theme is structured. when you open the zip file you will see 2 folders

📁 index.html
📁 assets is the folder what contain the theme resourses
  • 📁
    css
    is the folder where you can find all the necessary css / scss files of this template
  • 📁
    fonts
    is the folder where you can find all the necessary fonts of this template
  • 📁
    images
    is the folder where all images stored
  • 📁
    js
    is the folder where all the js file is located

Dependencies

This is all the dependencies used for this theme

Bootstrap-5

bootstrap is used for designing responsive layouts.

Learn more ...

WOW.js

For implementing animations

Learn more ...

Font-Awesome-Icons

Used to display stunning icons in the site.

Learn more ...

Odometer.js

Used for Counter up.......

Learn more ...

JQUERY & JS

to add interactivity

Learn more ...

SASS

To manage css easily & less css code.

Learn more ...

customizer

In order to customize first open the 📁 Henry HTML folder via any code editor. and set up development envirement. i am using
( VS code )

install live server extention && and click on go live

Now you can view the template in http://127.0.0.1:5501/index.html

To Edit Navbar 📁 open index.html
To Edit Footer Info 📁 open index.html and go bottom of the code footer tag available there

build

You could w3c validator for validate code

deploy

Now this theme is ready to deploy. here we are going to deploy this Theme to Vercel from github.

git init
git add .
git commit -m "init app"
git remote add origin ( your github repo url )
git push
Visit Vercel and Continue with github
Click on new project
Search Your Project and Click on import
Now click on deploy and it will be deployed

Thank you

Thank you for buying our template . if you liked our template don't forget to rate us