Developing Home Page of the Bootstrap website (Part 2) | Tutorial – 11

In this bootstrap portfolio website development tutorial, we complete the development of the homepage of the portfolio website. This is part 2 of the homepage design. Here we will develop the requirements section, the newsletter section, the qualities section and our clients section. . This is how the homepage of the website will look like –

homepage design part 2

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
      • our_qualities(folder)
        • (6 images)
      • logo_text_white_small.png
      • hero-img-half.png
    • aboutus.html
    • contactus.html
    • default.html
    • graphicdesign.html
    • mobileapps.html
    • portfolio.html
    • seoservices.html
    • softwaredevelopment.html
    • webdesigning.html
    • webdevelopment.html
YouTube video tutorial –

Leave a Reply

Your email address will not be published. Required fields are marked *