Merge pull request #3 from deed1996/fixed-broken-images-and-added-alt…

…-text

fixed-broken-images-and-added-alt-text

index.html

@@ -93,7 +93,7 @@ <h2 id="portfolio">Work</h2>
 
         <div class="portfolio_grid">
             <article>
-              <img loading="lazy" src="/images/clarks-x-jamaica-hero.png" width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/clarks-x-jamaica-hero.png" width="720px" height="auto" alt="Clarks X Jamaica in yellow uppercase font on a black background">
               <div class="text">
                 <h3>Jamaica x Clarks</h3>
                 <p>This content page was created to showcase a limited edition collection following the success of the Jamaica x Clarks Originals collaboration. Built using HTML for its structure, CSS for its styling and layout, and JavaScript for its interactive and dynamic elements, this page highlights the unique offerings of the collaboration.</p>
@@ -105,7 +105,7 @@ <h3>Jamaica x Clarks</h3>
               </div>
             </article>
             <article>
-              <img loading="lazy" src="/images/clarks-x-frugi-hero.png"width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/clarks-x-frugi-hero.png"width="720px" height="auto" alt="Clarks x Frugi logo on a white cloud with a red pair of shoes on the left">
               <div class="text">
                 <h3>Frugi x Clarks</h3>
                 <p>The Clarks "Frugi" collaboration page is crafted using a blend of web technologies. HTML structures the content, while CSS styles the page and incorporates animations, creating a visually appealing and dynamic user experience. This collaboration focuses on sustainability, highlighting eco-friendly practices and products.</p>
@@ -116,7 +116,7 @@ <h3>Frugi x Clarks</h3>
               </div>
             </article>
             <article>
-              <img loading="lazy" src="/images/clarks-x-raheem_young-hero.png" width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/clarks-x-raheem_young-hero.png" width="720px" height="auto" alt="Behind the scenes of a photoshoot with Raheem Sterling and two kids smiling.">
               <div class="text">
                 <h3>Raheem Youth</h3>
                 <p>
@@ -129,7 +129,7 @@ <h3>Raheem Youth</h3>
               </div>
             </article>
             <article>
-              <img loading="lazy" src="/images/clarks-x-bundlee-hero.png" width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/clarks-x-bundlee-hero.png" width="720px" height="auto" alt="A baby's outfit with a jacket, hat, overalls, and shoes, perfect for keeping the little one cozy and stylish">
               <div class="text">
                 <h3>Bundlee x Clarks</h3>
                 <p>This page was built for the Bundlee partnership with Clarks to promote sustainability and eco-friendliness by reducing clothing waste. The Clarks "Bundlee" content page utilizes HTML to structure the content and CSS to style the page.</p>
@@ -140,7 +140,7 @@ <h3>Bundlee x Clarks</h3>
               </div>
             </article>
             <article>
-              <img loading="lazy" src="/images/manage-hero.png" width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/manage-hero.png" width="720px" height="auto" alt="3 Different types of charts on the right to demo the daily planner">
               <div class="text">
                 <h3>Manage</h3>
                 <p>
@@ -152,7 +152,7 @@ <h3>Manage</h3>
               </div>
             </article>
             <article>
-              <img loading="lazy" src="/images/johbunters-hero.png" width="720px" height="auto" alt="Sample photo">
+              <img loading="lazy" src="images/johbunters-hero.png" width="720px" height="auto" alt="A lady sitting on the floor with a laptop on her lap">
               <div class="text">
                 <h3>Jobhunters</h3>
                 <p>