Adding Header & Footer to All Web Pages on the Bootstrap Website | Tutorial – 9

In this bootstrap website development tutorial we will add all the individual pages of our portfolio website. We will also add the header and footer to all these newly added pages as the header and footer is going to be common in all the pages. After adding the header and footer section to all pages this is how the pages will look like –

Setting up everything Library into our Project Offline –

Download this entire test code folder which will the full folder hierarchy with the necessary library files already set up – DOWNLOAD HERE

The folder hierarchy should look like this –

• test code
  • bootstrap
    • css
      • bootstrap.min.css
    • js
      • bootstrap.min.js
      • jquery-3.3.1.slim.min.js
      • popper.min.js
  • css
    • style.css (our custom css file)
  • fontawesome-free-5.6.3-web
    • css
      • all.css (the only one we need to link in our project for font awesome icons)
    • js
    • etc
    • etc
  • imgs
    • logo_text_white_small.png
  • aboutus.html
  • contactus.html
  • default.html
  • graphicdesign.html
  • mobileapps.html
  • portfolio.html
  • seoservices.html
  • softwaredevelopment.html
  • webdesigning.html
  • webdevelopment.html

YouTube video tutorial –