WE BUILD THE WEBSITE THAT BUILDS YOUR BUSINESS
1. Template 1
HTML Code - Go to hero-section-template-1 & copy the code starting from <div class="hero">.
CSS Code - Copy the entire file. Remove the #hero-section-template-1 prefix from all selectors.
JS Code - Copy the following code & paste it in the index.js file of the project that you are building. The following code sets the height of the hero section minus the height of the header.
const header = document.querySelector('header');
const hero = document.querySelector('.hero');
hero.style.height = `calc(100vh - ${header.clientHeight}px)`;
2. Template 2
<name> Sukhbir Chung Frontend Web Developer </name>
HTML Code - Go to hero-section-template-2 & copy the code starting from <div class="hero">.
CSS Code - Copy the entire file. Remove the #hero-section-template-2 prefix from all selectors.
JS Code - Copy the following code & paste it in the index.js file of the project that you are building. The following code sets the height of the hero section minus the height of the header.
const header = document.querySelector('header');
const hero = document.querySelector('.hero');
hero.style.height = `calc(100vh - ${header.clientHeight}px)`;
3. Template 3
Serving Hamilton's Men and
Women since 2010!
Call now to start looking your very best today:
HTML Code - Go to hero-section-template-3 & copy the code starting from <div class="hero">.
CSS Code - Copy the entire file. Remove the #hero-section-template-3 prefix from all selectors.
JS Code - Copy the following code & paste it in the index.js file of the project that you are building. The following code sets the height of the hero section minus the height of the header.
const header = document.querySelector('header');
const hero = document.querySelector('.hero');
hero.style.height = `calc(100vh - ${header.clientHeight}px)`;
4. Template 4
Unlock Your Web Dev Journey:
From Novice to Pro: One Course at a Time!
