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>
David4848 () - 4 years ago - Reply 0