Hi,

Relatively new to Bootstrap, thanks for any help. I have a Portfolio section in my site to show snapshots of some of my work. It is supposed to be 6 images, but when you click on the 6th image, instead of starting over at the first or exiting out, it shows an empty box and says "The image #7 could not be loaded". There IS no 7th image! Very frustrating, have tried many things and cannot figure out what is going on. My website is on GitHub at https://david4848.github.io/. Below is the code for the Portfolio section, any help would be greatly appreciated.

Thanks,

David

<!-- Portfolio section-->

<section id="portfolio">

<div class="container-fluid p-0">

<div class="row no-gutters">

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/System_Architecture.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/System_Architecture_Thumbnail.png" alt="" />

<div class="portfolio-box-caption">

<div class="project-category text-white-50">Technical Graphic Design</div>

<div class="project-name">System Architecture Diagram</div>

</div></a

>

</div>

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/Process_Description.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/Process_Description_Thumbnail.png" alt="" />

<div class="portfolio-box-caption">

<div class="project-category text-white-50">Process Description</div>

<div class="project-name">.NET Service Configuration</div>

</div></a

>

</div>

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/Concept_Definition.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/Concept_Definition_Thumbnail.png" alt="" />

<div class="portfolio-box-caption">

<div class="project-category text-white-50">Concept Definition</div>

<div class="project-name">MachineMetrics Job Standards</div>

</div></a

>

</div>

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/Procedure_Instructions-1.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/Procedure_Instructions-1_Thumbnail.png" alt="" />

<div class="portfolio-box-caption">

<div class="project-category text-white-50">Procedure Instructions</div>

<div class="project-name">How-To Knowledge Base Article - Part 1</div>

</div></a

>

</div>

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/Procedure_Instructions-2.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/Procedure_Instructions-2_Thumbnail.png" alt="" />

<div class="portfolio-box-caption">

<div class="project-category text-white-50">Procedure Instructions</div>

<div class="project-name">How-To Knowledge Base Article - Part 2</div>

</div></a

>

</div>

<div class="col-lg-4 col-sm-6">

<a class="portfolio-box" href="assets/img/portfolio/fullsize/Technology_Product_Intro.png"

><img class="img-fluid" src="assets/img/portfolio/thumbnails/Technology_Product_Intro_Thumbnail.png" alt="" />

<div class="portfolio-box-caption p-3">

<div class="project-category text-white-50">Product Documentation</div>

<div class="project-name">Technology Product Intro</div>

</div></a

>

</div>

</div>

<div class="row justify-content-center">

<a class="btn btn-primary btn-xl js-scroll-trigger" href="#action" style="margin-top:20px; margin-bottom:48px">More Of My Work</a>

</div>

</div>

</section>