From 7dea9c630762b3f59a3622202b76d0b04f64ec55 Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 12:34:24 +0100
Subject: [PATCH 1/6] Assessment 1

---
 src/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/index.html b/src/index.html
index 57f578e..2d853b4 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1689,7 +1689,7 @@ <h2 class="container-heading h4">Featured products slider</h2>
         <div class="container container--background color-scheme--accent container--block">
           <div class="container-content">
             <div class="is-grid">
-              <div class="usp__wrapper is-col-6 is-col-3-md">
+              <div class="usp__wrapper is-col-12 is-col-3-md">
                 <a class="usp__link link link--text" href="#">
                   <p class="usp__icon">
                     <svg class="icon icon-infrared_technology icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 56.7 39.5">
@@ -1702,7 +1702,7 @@ <h2 class="container-heading h4">Featured products slider</h2>
                   </div>
                 </a>
               </div>
-              <div class="usp__wrapper is-col-6 is-col-3-md">
+              <div class="usp__wrapper is-col-12 is-col-3-md">
                 <p class="usp__icon">
                   <svg class="icon icon-dutch_design icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 51.52 50.76">
                     <path fill="currentColor" d="M65.33,24.39,55.16,15.26a1.26,1.26,0,0,0-1.7,0L43.28,24.39a1.27,1.27,0,0,0-.42.95V64.1a1.29,1.29,0,0,0,1.27,1.28H64.48a1.28,1.28,0,0,0,1.28-1.28V25.34A1.28,1.28,0,0,0,65.33,24.39ZM51,64.63V55.51a3.33,3.33,0,1,1,6.65-.36,2.16,2.16,0,0,1,0,.36v9.12Zm14-.53a.53.53,0,0,1-.53.53h-6.1V55.51a4.08,4.08,0,1,0-8.15-.4,2.67,2.67,0,0,0,0,.4v9.12h-6.1a.52.52,0,0,1-.52-.52h0V25.34a.52.52,0,0,1,.17-.39L54,15.82h0a.51.51,0,0,1,.7,0L64.83,25a.53.53,0,0,1,.18.39ZM37,22.2H35.14a.52.52,0,0,1-.52-.52h0v-2a1.27,1.27,0,0,0-1.27-1.27H31.64a.52.52,0,0,1-.52-.52h0v-2a1.27,1.27,0,0,0-1.27-1.27H22.68a1.27,1.27,0,0,0-1.27,1.27h0v2a.52.52,0,0,1-.52.52H19.18a1.27,1.27,0,0,0-1.27,1.27h0v2a.54.54,0,0,1-.52.52H15.52a1.27,1.27,0,0,0-1.28,1.26h0V64.1a1.28,1.28,0,0,0,1.28,1.28H37a1.29,1.29,0,0,0,1.27-1.28V23.47A1.27,1.27,0,0,0,37,22.2ZM22.94,64.63V55.51a3.33,3.33,0,1,1,6.65-.36,2.16,2.16,0,0,1,0,.36v9.12Zm14.59-.53a.52.52,0,0,1-.51.53H30.34V55.51a4.08,4.08,0,1,0-8.15-.4,2.67,2.67,0,0,0,0,.4v9.12H15.52A.53.53,0,0,1,15,64.1V23.47a.52.52,0,0,1,.52-.52H17.4a1.27,1.27,0,0,0,1.27-1.27h0v-2a.52.52,0,0,1,.52-.52H20.9a1.27,1.27,0,0,0,1.27-1.27h0v-2a.52.52,0,0,1,.52-.52h7.16a.52.52,0,0,1,.53.51h0v2a1.27,1.27,0,0,0,1.27,1.27h1.71a.54.54,0,0,1,.52.52v2A1.27,1.27,0,0,0,35.1,23H37a.52.52,0,0,1,.52.52h0ZM49.66,28.59A3.41,3.41,0,0,0,46.25,32v3.32a.38.38,0,0,0,.38.37h6.06a.39.39,0,0,0,.37-.37V32A3.41,3.41,0,0,0,49.66,28.59Zm2.65,6.35H47V32a2.66,2.66,0,1,1,5.31-.33,1.82,1.82,0,0,1,0,.33ZM59,28.59A3.41,3.41,0,0,0,55.55,32v3.36a.38.38,0,0,0,.38.37H62a.39.39,0,0,0,.37-.37V32A3.41,3.41,0,0,0,59,28.59Zm2.65,6.35H56.3V32a2.66,2.66,0,1,1,5.31-.33,1.82,1.82,0,0,1,0,.33Zm-12,4.93a3.41,3.41,0,0,0-3.41,3.41V46.6a.38.38,0,0,0,.38.37h6.06a.39.39,0,0,0,.37-.37V43.28a3.4,3.4,0,0,0-3.39-3.41Zm2.65,6.35H47V43.28A2.66,2.66,0,1,1,52.31,43a1.82,1.82,0,0,1,0,.33ZM59,39.87a3.41,3.41,0,0,0-3.41,3.41V46.6A.38.38,0,0,0,56,47h6a.39.39,0,0,0,.37-.37V43.28A3.41,3.41,0,0,0,59,39.87Zm2.65,6.35H56.3V43.28A2.66,2.66,0,1,1,61.61,43a1.82,1.82,0,0,1,0,.33ZM24.2,27H19.07a.38.38,0,0,0-.37.37h0v7.94a.38.38,0,0,0,.37.37H24.2a.38.38,0,0,0,.38-.37V27.38A.38.38,0,0,0,24.2,27Zm-.37,7.94H19.45V27.75h4.38ZM33.46,27H28.33a.38.38,0,0,0-.38.38v7.94a.38.38,0,0,0,.38.37h5.13a.39.39,0,0,0,.37-.37V27.38A.38.38,0,0,0,33.46,27Zm-.38,7.94H28.7V27.75h4.38ZM24.2,40.08H19.07a.36.36,0,0,0-.37.35v8a.38.38,0,0,0,.36.38H24.2a.38.38,0,0,0,.38-.38h0V40.45a.38.38,0,0,0-.37-.37ZM23.83,48H19.45V40.83h4.38Zm9.63-7.94H28.33a.38.38,0,0,0-.38.36h0v7.94a.38.38,0,0,0,.38.38h5.13a.38.38,0,0,0,.37-.38V40.45a.38.38,0,0,0-.37-.37ZM33.08,48H28.7V40.83h4.38ZM28.7,20.8a2.44,2.44,0,1,0-2.44,2.44A2.44,2.44,0,0,0,28.7,20.8Zm-2.44,1.69A1.69,1.69,0,1,1,28,20.8a1.69,1.69,0,0,1-1.74,1.69Zm30.49.1A2.44,2.44,0,1,0,54.28,25h0A2.44,2.44,0,0,0,56.75,22.59Zm-2.44,1.69A1.69,1.69,0,1,1,56,22.59h0A1.69,1.69,0,0,1,54.31,24.28Z" transform="translate(-14.24 -14.62)" />
@@ -1713,7 +1713,7 @@ <h2 class="container-heading h4">Featured products slider</h2>
                   <p>Every degree lower on your thermostat saves 7% energy</p>
                 </div>
               </div>
-              <div class="usp__wrapper is-col-6 is-col-3-md">
+              <div class="usp__wrapper is-col-12 is-col-3-md">
                 <p class="usp__icon">
                   <svg class="icon icon-shipping icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 63.69 43.03">
                     <path fill="currentColor" d="M65.79,38.61l-5.05-7.72a3.61,3.61,0,0,0-3.06-1.65H47.21V23.47a3.38,3.38,0,0,0-3.38-3.38H17a3.38,3.38,0,0,0-3.38,3.38h0v9.11H3.13a.39.39,0,0,0-.44.31.39.39,0,0,0,.32.44.24.24,0,0,0,.12,0H13.62v4.35H9.35a.38.38,0,0,0,0,.75h4.27V54A3.38,3.38,0,0,0,17,57.41h.7a6.91,6.91,0,0,0,13.61,0H49.61a6.91,6.91,0,0,0,13.62-.06,3.63,3.63,0,0,0,3.15-3.56V40.59A3.67,3.67,0,0,0,65.79,38.61ZM57.68,30a2.87,2.87,0,0,1,2.43,1.31l5,7.72c0,.08.08.16.13.23h-18V30ZM24.48,62.36A6.14,6.14,0,0,1,18.37,57a4.87,4.87,0,0,1-.06-.76,6.17,6.17,0,0,1,12.33,0,6.47,6.47,0,0,1-.05.76A6.14,6.14,0,0,1,24.48,62.36Zm6.91-6.13a6.92,6.92,0,0,0-13.83,0v.43H17A2.62,2.62,0,0,1,14.38,54V38.43H26.53a.38.38,0,0,0,0-.75H14.38V33.33h5.93a.38.38,0,0,0,0-.75H14.38V23.47A2.62,2.62,0,0,1,17,20.84H43.83a2.63,2.63,0,0,1,2.63,2.63h0V56.66H31.38C31.39,56.52,31.39,56.38,31.39,56.23Zm25,6.13A6.16,6.16,0,0,1,50.3,57h0a4.82,4.82,0,0,1,0-.76,6.17,6.17,0,0,1,12.33,0,4.57,4.57,0,0,1,0,.74h0a6.16,6.16,0,0,1-6.21,5.38Zm9.2-8.57a2.88,2.88,0,0,1-2.3,2.8v-.36a6.92,6.92,0,0,0-13.83,0v.43H47.21V40H65.56a2.88,2.88,0,0,1,.06.59Z" transform="translate(-2.69 -20.09)"/>
@@ -1724,7 +1724,7 @@ <h2 class="container-heading h4">Featured products slider</h2>
                   <p>Fast & free shipping</p>
                 </div>
               </div>
-              <div class="usp__wrapper is-col-6 is-col-3-md">
+              <div class="usp__wrapper is-col-12 is-col-3-md">
                 <p class="usp__icon">
                   <svg class="icon icon-hassle_free_returns icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 58.57 62.74">
                     <path fill="currentColor" d="M25.08,55a.38.38,0,0,0,.37.38h29.1a.38.38,0,0,0,.37-.38V32.27h0a.3.3,0,0,0-.05-.15h0L50.21,24.8a.37.37,0,0,0-.32-.17H30.11a.37.37,0,0,0-.32.17l-4.65,7.27h0a.3.3,0,0,0-.05.15h0Zm29.09-.37H25.83v-22H54.17ZM30.31,25.38H49.69l1.58,2.47H28.73ZM28.25,28.6h23.5l2.11,3.29H26.14Zm3.13,14.24a.37.37,0,0,1,.1-.51h0a.38.38,0,0,1,.52.11,9.54,9.54,0,0,0,16,0,.38.38,0,0,1,.52-.11.37.37,0,0,1,.12.51h0a10.29,10.29,0,0,1-17.24,0Zm-11.57-23A28.57,28.57,0,0,0,16.36,56a.37.37,0,0,1-.09.51.36.36,0,0,1-.22.07.38.38,0,0,1-.31-.16A29.29,29.29,0,0,1,55.79,15.4l-1-6.34a.37.37,0,0,1,.74-.12L56.64,16a.35.35,0,0,1-.11.32h0a.39.39,0,0,1-.41.15l-6.8,1.11h-.06a.38.38,0,0,1-.37-.31.39.39,0,0,1,.31-.43l5.92-1a28.56,28.56,0,0,0-35.31,4ZM60.72,60.78A29.29,29.29,0,0,1,24.2,64.71l1,6.23a.39.39,0,0,1-.31.43h-.06a.38.38,0,0,1-.37-.32l-1.13-7a.39.39,0,0,1,.31-.43l7-1.15a.39.39,0,0,1,.43.31.37.37,0,0,1-.3.43h0l-6,1a28.53,28.53,0,0,0,38.91-40.1.36.36,0,0,1,.09-.51h0a.35.35,0,0,1,.5.08l0,0A29.33,29.33,0,0,1,60.72,60.78Z" transform="translate(-10.73 -8.63)" />

From b7c09fde5ca24aaa16530897922406d7724b02a9 Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 12:40:23 +0100
Subject: [PATCH 2/6] Assessment 2

---
 src/index.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/index.html b/src/index.html
index 2d853b4..5fe2818 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1691,49 +1691,49 @@ <h2 class="container-heading h4">Featured products slider</h2>
             <div class="is-grid">
               <div class="usp__wrapper is-col-12 is-col-3-md">
                 <a class="usp__link link link--text" href="#">
+                  <p class="usp__title text-desktop-lg weight-regular">Wireless</p>
+                  <div class="usp__content text-sm">
+                    <p>Your personal heating buddy whenever and wherever you need it</p>
+                  </div>
                   <p class="usp__icon">
                     <svg class="icon icon-infrared_technology icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 56.7 39.5">
                       <path fill="currentColor" d="M24.55,20.46a.38.38,0,0,1,.38-.38h5.5l.07.05h.05a.22.22,0,0,1,.05.08h0v.07a.09.09,0,0,1,0,.07v5.39a.38.38,0,0,1-.38.38.38.38,0,0,1-.37-.37h0V21a5.6,5.6,0,0,0,.5,10.28,6.36,6.36,0,0,1,0,11.91.29.29,0,0,1-.13,0A.38.38,0,0,1,30,43a.39.39,0,0,1,.22-.49,5.61,5.61,0,0,0,0-10.51,6.34,6.34,0,0,1-1.35-11.19H24.93A.38.38,0,0,1,24.55,20.46Zm10.88.37h3.92A6.34,6.34,0,0,0,40.69,32a5.61,5.61,0,0,1,0,10.51.38.38,0,0,0,.13.73H41a6.36,6.36,0,0,0,0-11.91A5.6,5.6,0,0,1,40.45,21v4.81a.39.39,0,0,0,.31.44.39.39,0,0,0,.44-.32.24.24,0,0,0,0-.12V20.46a.09.09,0,0,0,0-.07v-.07h0a.22.22,0,0,0-.05-.08h0l-.07,0h-5.5a.39.39,0,0,0-.44.31.39.39,0,0,0,.32.44h.12Zm10.5,0h3.9a6.33,6.33,0,0,0-2.77,5.23,6.42,6.42,0,0,0,4.13,6,5.61,5.61,0,0,1,0,10.51.35.35,0,0,0,.16.67h.14a6.36,6.36,0,0,0,0-11.91A5.6,5.6,0,0,1,51,21v4.81a.39.39,0,0,0,.31.44.39.39,0,0,0,.44-.32.24.24,0,0,0,0-.12V20.32h0a.22.22,0,0,0,0-.08H46.07a.39.39,0,0,0-.44.31A.39.39,0,0,0,46,21a.24.24,0,0,0,.12,0ZM68.29,50.24,66.24,36a8.24,8.24,0,0,0-8.11-7,.39.39,0,0,0-.44.31.39.39,0,0,0,.32.44.24.24,0,0,0,.12,0,7.47,7.47,0,0,1,7.37,6.39l2,14.21a7.44,7.44,0,0,1-6.29,8.43,7.85,7.85,0,0,1-1.08.08H19.82a7.45,7.45,0,0,1-7.45-7.43,7.85,7.85,0,0,1,.08-1.08L14.5,36.14a7.47,7.47,0,0,1,7.37-6.39.39.39,0,0,0,.44-.31A.39.39,0,0,0,22,29a.24.24,0,0,0-.12,0,8.24,8.24,0,0,0-8.11,7l-2,14.21a8.2,8.2,0,0,0,7,9.29,8.92,8.92,0,0,0,1.16.08H60.18a8.19,8.19,0,0,0,8.19-8.21,7.54,7.54,0,0,0-.08-1.16Z" transform="translate(-11.68 -20.08)" />
                     </svg>
                   </p>
-                  <p class="usp__title text-desktop-lg weight-regular">Wireless</p>
-                  <div class="usp__content text-sm">
-                    <p>Your personal heating buddy whenever and wherever you need it</p>
-                  </div>
                 </a>
               </div>
               <div class="usp__wrapper is-col-12 is-col-3-md">
+                <p class="usp__title text-desktop-lg weight-regular">Save energy</p>
+                <div class="usp__content text-sm">
+                  <p>Every degree lower on your thermostat saves 7% energy</p>
+                </div>
                 <p class="usp__icon">
                   <svg class="icon icon-dutch_design icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 51.52 50.76">
                     <path fill="currentColor" d="M65.33,24.39,55.16,15.26a1.26,1.26,0,0,0-1.7,0L43.28,24.39a1.27,1.27,0,0,0-.42.95V64.1a1.29,1.29,0,0,0,1.27,1.28H64.48a1.28,1.28,0,0,0,1.28-1.28V25.34A1.28,1.28,0,0,0,65.33,24.39ZM51,64.63V55.51a3.33,3.33,0,1,1,6.65-.36,2.16,2.16,0,0,1,0,.36v9.12Zm14-.53a.53.53,0,0,1-.53.53h-6.1V55.51a4.08,4.08,0,1,0-8.15-.4,2.67,2.67,0,0,0,0,.4v9.12h-6.1a.52.52,0,0,1-.52-.52h0V25.34a.52.52,0,0,1,.17-.39L54,15.82h0a.51.51,0,0,1,.7,0L64.83,25a.53.53,0,0,1,.18.39ZM37,22.2H35.14a.52.52,0,0,1-.52-.52h0v-2a1.27,1.27,0,0,0-1.27-1.27H31.64a.52.52,0,0,1-.52-.52h0v-2a1.27,1.27,0,0,0-1.27-1.27H22.68a1.27,1.27,0,0,0-1.27,1.27h0v2a.52.52,0,0,1-.52.52H19.18a1.27,1.27,0,0,0-1.27,1.27h0v2a.54.54,0,0,1-.52.52H15.52a1.27,1.27,0,0,0-1.28,1.26h0V64.1a1.28,1.28,0,0,0,1.28,1.28H37a1.29,1.29,0,0,0,1.27-1.28V23.47A1.27,1.27,0,0,0,37,22.2ZM22.94,64.63V55.51a3.33,3.33,0,1,1,6.65-.36,2.16,2.16,0,0,1,0,.36v9.12Zm14.59-.53a.52.52,0,0,1-.51.53H30.34V55.51a4.08,4.08,0,1,0-8.15-.4,2.67,2.67,0,0,0,0,.4v9.12H15.52A.53.53,0,0,1,15,64.1V23.47a.52.52,0,0,1,.52-.52H17.4a1.27,1.27,0,0,0,1.27-1.27h0v-2a.52.52,0,0,1,.52-.52H20.9a1.27,1.27,0,0,0,1.27-1.27h0v-2a.52.52,0,0,1,.52-.52h7.16a.52.52,0,0,1,.53.51h0v2a1.27,1.27,0,0,0,1.27,1.27h1.71a.54.54,0,0,1,.52.52v2A1.27,1.27,0,0,0,35.1,23H37a.52.52,0,0,1,.52.52h0ZM49.66,28.59A3.41,3.41,0,0,0,46.25,32v3.32a.38.38,0,0,0,.38.37h6.06a.39.39,0,0,0,.37-.37V32A3.41,3.41,0,0,0,49.66,28.59Zm2.65,6.35H47V32a2.66,2.66,0,1,1,5.31-.33,1.82,1.82,0,0,1,0,.33ZM59,28.59A3.41,3.41,0,0,0,55.55,32v3.36a.38.38,0,0,0,.38.37H62a.39.39,0,0,0,.37-.37V32A3.41,3.41,0,0,0,59,28.59Zm2.65,6.35H56.3V32a2.66,2.66,0,1,1,5.31-.33,1.82,1.82,0,0,1,0,.33Zm-12,4.93a3.41,3.41,0,0,0-3.41,3.41V46.6a.38.38,0,0,0,.38.37h6.06a.39.39,0,0,0,.37-.37V43.28a3.4,3.4,0,0,0-3.39-3.41Zm2.65,6.35H47V43.28A2.66,2.66,0,1,1,52.31,43a1.82,1.82,0,0,1,0,.33ZM59,39.87a3.41,3.41,0,0,0-3.41,3.41V46.6A.38.38,0,0,0,56,47h6a.39.39,0,0,0,.37-.37V43.28A3.41,3.41,0,0,0,59,39.87Zm2.65,6.35H56.3V43.28A2.66,2.66,0,1,1,61.61,43a1.82,1.82,0,0,1,0,.33ZM24.2,27H19.07a.38.38,0,0,0-.37.37h0v7.94a.38.38,0,0,0,.37.37H24.2a.38.38,0,0,0,.38-.37V27.38A.38.38,0,0,0,24.2,27Zm-.37,7.94H19.45V27.75h4.38ZM33.46,27H28.33a.38.38,0,0,0-.38.38v7.94a.38.38,0,0,0,.38.37h5.13a.39.39,0,0,0,.37-.37V27.38A.38.38,0,0,0,33.46,27Zm-.38,7.94H28.7V27.75h4.38ZM24.2,40.08H19.07a.36.36,0,0,0-.37.35v8a.38.38,0,0,0,.36.38H24.2a.38.38,0,0,0,.38-.38h0V40.45a.38.38,0,0,0-.37-.37ZM23.83,48H19.45V40.83h4.38Zm9.63-7.94H28.33a.38.38,0,0,0-.38.36h0v7.94a.38.38,0,0,0,.38.38h5.13a.38.38,0,0,0,.37-.38V40.45a.38.38,0,0,0-.37-.37ZM33.08,48H28.7V40.83h4.38ZM28.7,20.8a2.44,2.44,0,1,0-2.44,2.44A2.44,2.44,0,0,0,28.7,20.8Zm-2.44,1.69A1.69,1.69,0,1,1,28,20.8a1.69,1.69,0,0,1-1.74,1.69Zm30.49.1A2.44,2.44,0,1,0,54.28,25h0A2.44,2.44,0,0,0,56.75,22.59Zm-2.44,1.69A1.69,1.69,0,1,1,56,22.59h0A1.69,1.69,0,0,1,54.31,24.28Z" transform="translate(-14.24 -14.62)" />
                   </svg>
                 </p>
-                <p class="usp__title text-desktop-lg weight-regular">Save energy</p>
-                <div class="usp__content text-sm">
-                  <p>Every degree lower on your thermostat saves 7% energy</p>
-                </div>
               </div>
               <div class="usp__wrapper is-col-12 is-col-3-md">
+                <p class="usp__title text-desktop-lg weight-regular">Free shipment</p>
+                <div class="usp__content text-sm">
+                  <p>Fast & free shipping</p>
+                </div>
                 <p class="usp__icon">
                   <svg class="icon icon-shipping icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 63.69 43.03">
                     <path fill="currentColor" d="M65.79,38.61l-5.05-7.72a3.61,3.61,0,0,0-3.06-1.65H47.21V23.47a3.38,3.38,0,0,0-3.38-3.38H17a3.38,3.38,0,0,0-3.38,3.38h0v9.11H3.13a.39.39,0,0,0-.44.31.39.39,0,0,0,.32.44.24.24,0,0,0,.12,0H13.62v4.35H9.35a.38.38,0,0,0,0,.75h4.27V54A3.38,3.38,0,0,0,17,57.41h.7a6.91,6.91,0,0,0,13.61,0H49.61a6.91,6.91,0,0,0,13.62-.06,3.63,3.63,0,0,0,3.15-3.56V40.59A3.67,3.67,0,0,0,65.79,38.61ZM57.68,30a2.87,2.87,0,0,1,2.43,1.31l5,7.72c0,.08.08.16.13.23h-18V30ZM24.48,62.36A6.14,6.14,0,0,1,18.37,57a4.87,4.87,0,0,1-.06-.76,6.17,6.17,0,0,1,12.33,0,6.47,6.47,0,0,1-.05.76A6.14,6.14,0,0,1,24.48,62.36Zm6.91-6.13a6.92,6.92,0,0,0-13.83,0v.43H17A2.62,2.62,0,0,1,14.38,54V38.43H26.53a.38.38,0,0,0,0-.75H14.38V33.33h5.93a.38.38,0,0,0,0-.75H14.38V23.47A2.62,2.62,0,0,1,17,20.84H43.83a2.63,2.63,0,0,1,2.63,2.63h0V56.66H31.38C31.39,56.52,31.39,56.38,31.39,56.23Zm25,6.13A6.16,6.16,0,0,1,50.3,57h0a4.82,4.82,0,0,1,0-.76,6.17,6.17,0,0,1,12.33,0,4.57,4.57,0,0,1,0,.74h0a6.16,6.16,0,0,1-6.21,5.38Zm9.2-8.57a2.88,2.88,0,0,1-2.3,2.8v-.36a6.92,6.92,0,0,0-13.83,0v.43H47.21V40H65.56a2.88,2.88,0,0,1,.06.59Z" transform="translate(-2.69 -20.09)"/>
                   </svg>
                 </p>
-                <p class="usp__title text-desktop-lg weight-regular">Free shipment</p>
-                <div class="usp__content text-sm">
-                  <p>Fast & free shipping</p>
-                </div>
               </div>
               <div class="usp__wrapper is-col-12 is-col-3-md">
+                <p class="usp__title text-desktop-lg weight-regular">30 days return policy</p>
+                <div class="usp__content text-sm">
+                  <p>Experience our infrared heating yourself</p>
+                </div>
                 <p class="usp__icon">
                   <svg class="icon icon-hassle_free_returns icon--xl" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 58.57 62.74">
                     <path fill="currentColor" d="M25.08,55a.38.38,0,0,0,.37.38h29.1a.38.38,0,0,0,.37-.38V32.27h0a.3.3,0,0,0-.05-.15h0L50.21,24.8a.37.37,0,0,0-.32-.17H30.11a.37.37,0,0,0-.32.17l-4.65,7.27h0a.3.3,0,0,0-.05.15h0Zm29.09-.37H25.83v-22H54.17ZM30.31,25.38H49.69l1.58,2.47H28.73ZM28.25,28.6h23.5l2.11,3.29H26.14Zm3.13,14.24a.37.37,0,0,1,.1-.51h0a.38.38,0,0,1,.52.11,9.54,9.54,0,0,0,16,0,.38.38,0,0,1,.52-.11.37.37,0,0,1,.12.51h0a10.29,10.29,0,0,1-17.24,0Zm-11.57-23A28.57,28.57,0,0,0,16.36,56a.37.37,0,0,1-.09.51.36.36,0,0,1-.22.07.38.38,0,0,1-.31-.16A29.29,29.29,0,0,1,55.79,15.4l-1-6.34a.37.37,0,0,1,.74-.12L56.64,16a.35.35,0,0,1-.11.32h0a.39.39,0,0,1-.41.15l-6.8,1.11h-.06a.38.38,0,0,1-.37-.31.39.39,0,0,1,.31-.43l5.92-1a28.56,28.56,0,0,0-35.31,4ZM60.72,60.78A29.29,29.29,0,0,1,24.2,64.71l1,6.23a.39.39,0,0,1-.31.43h-.06a.38.38,0,0,1-.37-.32l-1.13-7a.39.39,0,0,1,.31-.43l7-1.15a.39.39,0,0,1,.43.31.37.37,0,0,1-.3.43h0l-6,1a28.53,28.53,0,0,0,38.91-40.1.36.36,0,0,1,.09-.51h0a.35.35,0,0,1,.5.08l0,0A29.33,29.33,0,0,1,60.72,60.78Z" transform="translate(-10.73 -8.63)" />
                   </svg>
                 </p>
-                <p class="usp__title text-desktop-lg weight-regular">30 days return policy</p>
-                <div class="usp__content text-sm">
-                  <p>Experience our infrared heating yourself</p>
-                </div>
               </div>
             </div>
           </div>

From 22e4b0d1ecee794389bb73639c62851adac5a4af Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 12:48:30 +0100
Subject: [PATCH 3/6] Assessment 3

---
 src/index.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/index.html b/src/index.html
index 5fe2818..4aea875 100644
--- a/src/index.html
+++ b/src/index.html
@@ -810,7 +810,7 @@ <h2 class="hero-slider__heading hero-slider__heading--custom hero-slider__headin
             <div class="two-column-highlight-products is-grid is-aligned-center has-no-row-gap">
               <div class="two-column-highlight-products__content is-col-10 is-col-5-md is-col-4-xl grid-col-start-2 grid-col-start-1-md grid-col-start-2-xl">
                 <header>
-                  <h3>Make over with Stoov® covers</h3>
+                  <h2>Make over with Stoov® covers</h2>
                 </header>
                 <div class="two-column-highlight-products__text">
                   <p>Our knitted covers are available in various colours. You can choose Terra Orange or Midnight Blue for example. Give your interior a twist or a subtle make over with a new cover for your Stoov® cushion.</p>
@@ -907,7 +907,7 @@ <h3>Make over with Stoov® covers</h3>
             <div class="two-column-info-block is-grid is-aligned-center">
               <div class="two-column-info-block__content is-col-10 is-col-5-md is-col-4-xl grid-col-start-2 grid-col-start-1-md grid-col-start-2-xl is-order-2 is-order-1-md">
                 <header>
-                  <h3 class="h3">Save energy with personal heating</h3>
+                  <h2 class="h3">Save energy with personal heating</h2>
                 </header>
                 <div class="two-column-info-block__text">
                   <p>Ever thought about how our heatingcushions can save energy? No more waste of warmth when you warm yourself directly with Stoov® heating cushions. Turn down your thermostat and enjoy your personal source of warmth.</p>
@@ -938,7 +938,7 @@ <h3 class="h3">Save energy with personal heating</h3>
             <div class="two-column-info-block is-grid is-aligned-center">
               <div class="two-column-info-block__content is-col-10 is-col-5-md is-col-4-xl grid-col-start-2 grid-col-start-1-md grid-col-start-2-xl is-order-2 is-order-1-md">
                 <header>
-                  <h3 class="h3">New season, new fabric</h3>
+                  <h2 class="h3">New season, new fabric</h2>
                 </header>
                 <div class="two-column-info-block__text">
                   <p>Stoov® celebrates the cozy season with beautiful news: velvet is added to our Ploov heating cushion collection! The velvet fabric comes in five spice colours, with a soft touch<br/>and subtle shimmer.</p>
@@ -969,7 +969,7 @@ <h3 class="h3">New season, new fabric</h3>
 
         <swiper-slider class="container products-slider">
           <header class="container-header is-flex-md is-justified-space-between-md has-col-gap-md">
-            <h2 class="container-heading h4">Our products</h2>
+            <h3 class="container-heading h4">Our products</h3>
             <a href="#" class="link underlined-offset-link visibility-hidden visibility-md--visible">Discover all</a>
           </header>
           <div class="container-content">
@@ -1344,7 +1344,7 @@ <h2 class="container-heading h4">Our products</h2>
             <div class="review center">
               <p class="review__rating h1">4.8</p>
               
-              <h2 class="review__stars">
+              <h3 class="review__stars">
                 <div class="review__stars--inner">
                   <svg class="icon icon-star-full icon--xs" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation" viewBox="0 0 9.41 9">
                     <path fill="currentColor" d="M195.55,452.37a.54.54,0,0,0,.41.05.48.48,0,0,0,.32-.23.57.57,0,0,0,.08-.4l-.44-2.57,1.86-1.81A.5.5,0,0,0,198,447a.53.53,0,0,0-.12-.38.52.52,0,0,0-.36-.21l-2.57-.37-1.14-2.32a.5.5,0,0,0-.31-.28.55.55,0,0,0-.4,0,.5.5,0,0,0-.31.28l-1.14,2.32-2.57.37a.52.52,0,0,0-.36.21.57.57,0,0,0,0,.75l1.87,1.81-.44,2.57a.53.53,0,0,0,.08.4.48.48,0,0,0,.32.23.54.54,0,0,0,.41-.05l2.3-1.2Z" transform="translate(-188.55 -443.44)"/>
@@ -1381,8 +1381,8 @@ <h2 class="review__stars">
                     </div>
                   </div>
                 </div>
-              </h2>
-              <h2 class="review__heading">Excellent!</h2>
+              </h3>
+              <h3 class="review__heading">Excellent!</h3>
               <div class="review__text text-desktop-lg">
                 <p>With 10.000+ reviews of enthusiastic Stoov® fans on Trustpilot & TrustedShops</p>
               </div>
@@ -1403,7 +1403,7 @@ <h2 class="review__heading">Excellent!</h2>
   
         <swiper-slider class="container products-slider">
           <header class="container-header">
-            <h2 class="container-heading h4">Featured products slider</h2>
+            <h3 class="container-heading h4">Featured products slider</h3>
           </header>
           <div class="container-content">
             <div class="products-slider__row">

From 8dd6cfc36bdb9a922b73820b2e25a447ddc8e725 Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 13:36:59 +0100
Subject: [PATCH 4/6] Assessment 4

---
 src/scss/section/section-footer.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/scss/section/section-footer.scss b/src/scss/section/section-footer.scss
index 88ca0f0..5901568 100644
--- a/src/scss/section/section-footer.scss
+++ b/src/scss/section/section-footer.scss
@@ -133,8 +133,8 @@
       position: absolute;
       right: 0;
       top: 0;
-      width: 32px;
-      height: 32px;
+      width: 48px;
+      height: 48px;
       padding: 0;
       .icon {
         width: 48px;

From 6cfc356b3e18c0cb48074a3ca9a7efb7dcd28c85 Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 14:01:17 +0100
Subject: [PATCH 5/6] Assesment 5

---
 src/index.html | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/index.html b/src/index.html
index 4aea875..b047e4e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -957,6 +957,35 @@ <h2 class="h3">New season, new fabric</h2>
           </div>
         </div>
       </section>
+
+      <!-- Section - New Section -->
+      <section class="shopify-section section-two-column-info-block">
+
+        <!-- Section styles -->
+        <link rel="stylesheet" href="css/section-two-column-info-block.css" type="text/css">
+  
+        <div class="container">
+          <div class="container-content">
+            <div class="two-column-info-block is-grid is-aligned-center">
+              <div class="two-column-info-block__content is-col-10 is-col-5-md is-col-4-xl grid-col-start-2 grid-col-start-1-md grid-col-start-2-xl is-order-2 is-order-1-md">
+                <header>
+                  <h2 class="h3">Sustainable journey to your front door</h2>
+                </header>
+                <div class="two-column-info-block__text">
+                  <p>We use as little plastic as possible to transport your Stoov®. Preferably not at all! If plastic packaging is nevertheless used, it is recyclable or compostable. We also pack products as small and efficiently as possible, so that more orders fit in one van and there is less need to drive up and down.</p>
+                </div>
+              </div>
+              <div class="is-col-12 is-col-6-md grid-col-start-7-md is-order-1 is-order-2-md">
+                <figure class="img img--wrapper">
+                  <picture>
+                    <img src="https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_2000x1300_crop_center.jpg" alt="Socks up!" srcset="https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_320x208_crop_center.jpg 320w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_375x244_crop_center.jpg 375w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_400x260_crop_center.jpg 400w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_420x273_crop_center.jpg 420w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_480x312_crop_center.jpg 480w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_520x338_crop_center.jpg 520w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_640x416_crop_center.jpg 640w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_768x500_crop_center.jpg 768w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_840x546_crop_center.jpg 840w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_960x624_crop_center.jpg 960w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_1080x702_crop_center.jpg 1080w, https://cdn.shopify.com/s/files/1/0550/3202/1172/files/21_07-Stoov-12._Thuiswerken_aan_keukentafel_058_BEW_RGB_LR_1_1200x780_crop_center.jpg 1200w" width="1200" height="1200" loading="lazy" sizes="(min-width: 1920px) 565px, (min-width: 1320px) 531px, (min-width: 768px) 481px, 100vw" title="New season, new fabric" crop="center">
+                  </picture>
+                </figure>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
       
       <!-- Section - Products Slider -->
       <section class="shopify-section section-products-slider">

From 1fb128de08a29e3518fd59da3dfe549a71bf1a52 Mon Sep 17 00:00:00 2001
From: Ernesto Silva <ernestocsixteen@gmail.com>
Date: Mon, 16 Oct 2023 14:40:59 +0100
Subject: [PATCH 6/6] Assessment 6

---
 src/index.html                       | 22 +++++++++++-----------
 src/scss/section/section-footer.scss |  9 +++++++++
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/index.html b/src/index.html
index b047e4e..26b59be 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1805,13 +1805,13 @@ <h3 class="container-heading h4">Featured products slider</h3>
         <div class="site-center site-center--compact site-side-spacing">
           <div class="is-grid has-no-row-gap footer__blocks">
             <div class="is-col-12 is-col-9-lg footer-block footer-block--menu">
-              <div class="collapsible">
+              <collapsible-footer>
                 <ul class="footer-block--menu__list footer-block--menu__list level-1">
-                  <li class="footer-block--menu__item level-1">
-                    <div class="footer-block--menu__link level-1 focus-inset">
+                  <li data-collapsible-group class="footer-block--menu__item level-1">
+                    <div data-collapsible-trigger lass="footer-block--menu__link level-1 focus-inset">
                       <span>About</span>
                     </div>
-                    <ul class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
+                    <ul data-collapsible-target class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
                       <li class="footer-block--menu__item level-2">
                         <a href="#" class="footer-block--menu__link level-2 focus-inset">Journal</a>
                       </li>
@@ -1832,11 +1832,11 @@ <h3 class="container-heading h4">Featured products slider</h3>
                       </li>
                     </ul>
                   </li>
-                  <li class="footer-block--menu__item level-1">
-                    <div class="footer-block--menu__link level-1 focus-inset">
+                  <li data-collapsible-group class="footer-block--menu__item level-1">
+                    <div data-collapsible-trigger class="footer-block--menu__link level-1 focus-inset">
                       <span>Info</span>
                     </div>
-                    <ul class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
+                    <ul data-collapsible-target class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
                       <li class="footer-block--menu__item level-2">
                         <a href="#" class="footer-block--menu__link level-2 focus-inset">Business</a>
                       </li>
@@ -1857,11 +1857,11 @@ <h3 class="container-heading h4">Featured products slider</h3>
                       </li>
                     </ul>
                   </li>
-                  <li class="footer-block--menu__item level-1">
-                    <div class="footer-block--menu__link level-1 focus-inset">
+                  <li data-collapsible-group class="footer-block--menu__item level-1">
+                    <div data-collapsible-trigger class="footer-block--menu__link level-1 focus-inset">
                       <span>Products</span>
                     </div>
-                    <ul class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
+                    <ul data-collapsible-target class="footer-block--menu__list level-2 motion-reduce" tabindex="-1">
                       <li class="footer-block--menu__item level-2">
                         <a href="#" class="footer-block--menu__link level-2 focus-inset">Ploov - Heating cushions</a>
                       </li>
@@ -1883,7 +1883,7 @@ <h3 class="container-heading h4">Featured products slider</h3>
                     </ul>
                   </li>
                 </ul>
-              </div>
+              </collapsible-footer>
             </div>
             <div class="is-col-12 is-col-3-lg footer-block footer-block--newsletter">
               <p class="h4 footer-block__title">Newsletter</p>
diff --git a/src/scss/section/section-footer.scss b/src/scss/section/section-footer.scss
index 5901568..efd261c 100644
--- a/src/scss/section/section-footer.scss
+++ b/src/scss/section/section-footer.scss
@@ -291,12 +291,21 @@
             display: block;
             height: 100%;
           }
+          @include mqmax($bp-footer) {
+            display: none;
+          }
         }
       }
       .collapsible-is-open {
         [data-collapsible-trigger-icon] {
           transform: rotate(180deg);
         }
+        [data-collapsible-target] {
+          @include mqmax($bp-footer) {
+            display: block;
+            height: 100%;
+          }
+        }
       }
     }
   }