@openeuropa/bcl-subscription 0.4185.202512021245 → 0.4230.202512021730

package/__snapshots__/subscription.test.js.snap

@@ -3,89 +3,128 @@
 exports[`OE - Subscription renders correctly 1`] = `
 <jest>
   <header
-    class="bcl-header bcl-header--eu shadow-sm"
+    class="bcl-header bcl-header--eu"
   >
+    
+  
     <nav
       aria-label="Top Navigation"
-      class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
+      class="w-100 shadow-sm bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
     >
+      
+    
       <div
         class="container"
       >
+        
+          
         <a
           class="navbar-brand"
           href="/example.html"
         >
+          
+              
           <img
             alt="desktop european union logo"
             class="d-none d-lg-block"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
           />
+          
+              
           <img
             alt="mobile european union logo"
             class="d-lg-none"
             src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
           />
+          
+            
         </a>
+        
+          
         <button
           aria-controls="header-navbar"
           aria-expanded="false"
-          aria-label="Main navigation toggle"
-          class="bcl-navbar-toggler d-lg-none"
+          aria-label="Toggle navigation"
+          class="navbar-toggler bcl-navbar-toggler"
           data-bs-target="#header-navbar"
           data-bs-toggle="collapse"
           type="button"
         >
-          <svg
-            class="default-icon bi icon--fluid"
-          >
-            <use
-              xlink:href="/icons.svg#list"
-            />
-          </svg>
-          <svg
-            class="active-icon bi icon--fluid"
-          >
-            <use
-              xlink:href="/icons.svg#x"
-            />
-          </svg>
+          
+        
+          <span
+            class="navbar-toggler-icon"
+          />
+          
+      
         </button>
+        
+    
       </div>
+      
+  
     </nav>
-    <!-- site name -->
-    <div
-      class="bcl-header__site-name"
-      id="site-name-heading"
-    >
-      <div
-        class="container"
-      >
-        <span
-          class="h5 py-3-5 border-top-subtle mb-0 d-block"
-        >
-          Project name
-        </span>
-      </div>
-    </div>
+    
+
+
+  
+    <!-- project name -->
+    
+  
+  
     <!-- navbar -->
+    
+      
+
+  
+
+
+
     <nav
       aria-label="Main Navigation"
       class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
       id="header-navbar"
     >
+      
+  
       <div
         class="container"
       >
+        
+        
+              
+
+
+                    
+                  
+  
+  
+    
+    
         <ul
           class="me-auto navbar-nav"
         >
+          
+                                                                                                                
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+  
+
             <div
               class="bcl-mega-menu"
             >
+              
+  
+
+
+
               <button
                 aria-controls="mega-menu-dropdown-megamenu"
                 aria-expanded="false"
@@ -98,42 +137,78 @@ exports[`OE - Subscription renders correctly 1`] = `
               >
                 A link with dropdown
               </button>
+              
+
+    
               <nav
                 aria-label="Main mega menu"
                 aria-labelledby="dropdown-megamenu"
                 class="bcl-mega-menu__container dropdown-menu"
                 id="mega-menu-dropdown-megamenu"
               >
+                
+    
                 <div
                   class="container"
                 >
+                  
+            
                   <div
                     class="container d-lg-none bcl-mega-menu__back-button-block"
                   >
+                    
+        
+
+                                          
+
                     <button
                       aria-label="Back to main menu"
                       class="back-button btn btn-link btn-md"
                       type="button"
                     >
+                      
+
+
+
+
+
+
                       <svg
                         class="me-2-5 bi icon--fluid"
                       >
+                        
+  
                         <use
                           xlink:href="/icons.svg#arrow-left"
                         />
+                        
+
                       </svg>
-                      Back
+                      
+
+Back
                     </button>
+                    
+
+      
                   </div>
+                  
+            
                   <div
                     class="position-relative"
                   >
+                    
+        
                     <div
                       class="row"
                     >
+                      
+                                
                       <div
                         class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
                       >
+                        
+              
                         <div
                           class="content-block"
                         >
@@ -143,41 +218,89 @@ exports[`OE - Subscription renders correctly 1`] = `
                           <p>
                             Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
                           </p>
+                                                              
                           <p
                             class="m-0"
                           >
+                            
+
+
+                                
+
+
+
                             <a
                               class="content-link"
                               href="/example.html"
                             >
                               Discover more
+
+
+
+
+
+
                               <svg
                                 class="ms-2-5 bi icon--s"
                               >
+                                
+  
                                 <use
                                   xlink:href="/icons.svg#arrow-right"
                                 />
+                                
+
                               </svg>
+                              
+
+
                             </a>
+                            
+
+
                           </p>
+                          
+                              
                         </div>
+                        
+              
                         <div
                           class="shadow-container"
                         >
+                          
+                
                           <span
                             class="shadow-bg"
                           />
+                          
+              
                         </div>
+                        
+            
                       </div>
+                      
+                              
                       <div
                         class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
                       >
+                        
+            
+
                         <ul
                           class="bcl-mega-menu__items __level-1"
                         >
+                          
+                      
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-1"
                               aria-expanded="false"
@@ -188,6 +311,10 @@ exports[`OE - Subscription renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+          
                             <div
                               aria-labelledby="custom-trigger-mm-1"
                               class="bcl-mega-menu__submenu __level-2"
@@ -195,142 +322,201 @@ exports[`OE - Subscription renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-1"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+
+
+
                                   <a
                                     class="active"
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
-                                  class="__leaf"
-                                >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
-                                  </a>
-                                </li>
-                                <li
-                                  class="__leaf"
-                                >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
-                                  </a>
-                                </li>
-                                <li
-                                  class="__leaf"
-                                >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
-                                  </a>
-                                </li>
-                                <li
-                                  class="__leaf"
-                                >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
-                                  </a>
-                                </li>
-                                <li
-                                  class="__leaf"
-                                >
-                                  <a
-                                    href="/example.html"
-                                  >
-                                    Base Sub Category Item
-                                  </a>
-                                </li>
-                                <li
-                                  class="__leaf"
+                                  class="__see_all __leaf"
                                 >
+                                  
+                            
+
+
+                                
+
+
+
                                   <a
+                                    aria-label="See all items in ‘Base Category Item’"
+                                    class="see-all-button"
                                     href="/example.html"
                                   >
-                                    Base Sub Category Item
+                                        
+                                    <span>
+                                      See all
+                                    </span>
+                                    
+  
+
+
+
+
+
+
+                                    <svg
+                                      class="ms-2-5 bi icon--s"
+                                    >
+                                      
+  
+                                      <use
+                                        xlink:href="/icons.svg#arrow-right"
+                                      />
+                                      
+
+                                    </svg>
+                                    
+
+
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+      
                               </ul>
-                              <div
-                                class="__see_all"
-                              >
-                                <a
-                                  aria-label="See all items in ‘Base Category Item’"
-                                  class="see-all-button"
-                                  href="/example.html"
-                                >
-                                  <span>
-                                    See all
-                                  </span>
-                                  <svg
-                                    class="ms-2-5 bi icon--xs"
-                                  >
-                                    <use
-                                      xlink:href="/icons.svg#arrow-right"
-                                    />
-                                  </svg>
-                                </a>
-                              </div>
+                              
+
+
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
                             <span>
                               Base Category Item
                             </span>
+                            
+              
                           </li>
+                          
+                          
                           <li
                             class="__parent"
                           >
+                            
+        
+
+
+
+  
+
                             <button
                               aria-controls="mm-panel-custom-trigger-mm-2"
                               aria-expanded="false"
@@ -340,6 +526,10 @@ exports[`OE - Subscription renders correctly 1`] = `
                             >
                               Base Category Item
                             </button>
+                            
+
+
+
                             <div
                               aria-labelledby="custom-trigger-mm-2"
                               class="bcl-mega-menu__submenu __level-2"
@@ -347,158 +537,385 @@ exports[`OE - Subscription renders correctly 1`] = `
                               id="mm-panel-custom-trigger-mm-2"
                               role="group"
                             >
+                              
+    
                               <div
                                 class="__header"
                               >
+                                
+      
                                 <p
                                   class="__label"
                                 >
                                   Base Category Item
                                 </p>
+                                
+  
                               </div>
+                              
+    
+
                               <ul
                                 class="bcl-mega-menu__items __level-2"
                               >
+                                
+                      
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+                          
                                 <li
                                   class="__leaf"
                                 >
+                                  
+                            
+
+
+
+  
+
+
                                   <a
                                     href="/example.html"
                                   >
                                     Base Sub Category Item
                                   </a>
+                                  
+
+              
                                 </li>
+                                
+      
                               </ul>
+                              
+
+
                             </div>
+                            
+
+      
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+                          
                           <li
                             class="__leaf"
                           >
+                            
+                            
+
+
+
+  
+
+
                             <a
                               href="/example.html"
                             >
                               Base Category Item
                             </a>
+                            
+
+              
                           </li>
+                          
+      
                         </ul>
+                        
+
+          
                       </div>
+                      
+        
                     </div>
+                    
+      
                   </div>
+                  
+    
                 </div>
+                
+  
               </nav>
+              
+
             </div>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               aria-current="page"
               class="nav-link active"
@@ -506,30 +923,74 @@ exports[`OE - Subscription renders correctly 1`] = `
             >
               Home
             </a>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 01
             </a>
+            
+
+                                
           </li>
+          
+                                                                                                                  
           <li
             class="nav-item"
           >
+            
+                          
+
+
+
+
+
+
             <a
               class="nav-link"
               href="/example.html"
             >
               Item 02
             </a>
+            
+
+                                
           </li>
+          
+                                                                                                                                              
           <li
             class="nav-item dropdown"
           >
+            
+                                      
+
+
+
+
+
+  
+        
+      
+
+      
+
             <button
               aria-expanded="false"
               autocomplete="off"
@@ -540,142 +1001,254 @@ exports[`OE - Subscription renders correctly 1`] = `
             >
               Dropdown link
             </button>
+            
+
+    
             <ul
               aria-labelledby="navbarDropdownMenuLink"
               class="dropdown-menu"
             >
+              
+                                                                    
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Action
                 </a>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Another action
                 </a>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Something else here
                 </a>
+                
+
+                
               </li>
+              
+                                                                
               <li>
+                
+                  
+
+
+
+
+
+
                 <a
                   class="dropdown-item"
                   href="/example.html"
                 >
                   Very long label with custom text and custom link as an example
                 </a>
+                
+
+                
               </li>
+              
+            
             </ul>
+            
+
+                                
           </li>
+          
+                      
+        </ul>
+        
+    
+
+                  
+      </div>
+      
+
+    </nav>
+    
+
+  
+  
+    <!-- breadcrumbs -->
+    
+      
+    <div
+      class="container"
+    >
+      
+      
+
+
+
+
+
+      <nav
+        aria-label="breadcrumb"
+        class="mt-3"
+      >
+        
+  
+        <ol
+          class="breadcrumb"
+        >
+          
+                                  
           <li
-            class="nav-item"
+            class="breadcrumb-item d-none d-md-block"
           >
+                      
+
+
+
+  
+
+
             <a
-              class="nav-link"
               href="/example.html"
             >
-              Item 04
+              Home
             </a>
+            
+
+        
           </li>
+          
+                                  
           <li
-            class="nav-item"
+            class="breadcrumb-item d-none d-md-block"
           >
+                      
+
+
+
+  
+
+
             <a
-              class="nav-link"
               href="/example.html"
             >
-              Item 05
+              European Union
             </a>
+            
+
+        
           </li>
+          
+                                                
           <li
-            class="nav-item"
+            class="breadcrumb-item"
           >
+                                            
+
+
+                      
+  
+
+
             <a
-              class="nav-link"
               href="/example.html"
             >
-              Item 06
+              
+
+
+
+
+
+
+              <svg
+                class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
+              >
+                
+  
+                <use
+                  xlink:href="/icons.svg#arrow-left"
+                />
+                
+
+              </svg>
+              
+
+About the European Union
             </a>
+            
+
+        
           </li>
+          
+                                                        
           <li
-            class="nav-item"
+            aria-current="page"
+            class="breadcrumb-item d-none d-md-block active"
           >
-            <a
-              class="nav-link"
-              href="/example.html"
-            >
-              Item 07
-            </a>
+            News
           </li>
-        </ul>
-      </div>
-    </nav>
+          
+      
+        </ol>
+        
+
+      </nav>
+      
+
+    
+    </div>
+    
+  
   </header>
-  <!-- breadcrumbs -->
-  <div
-    class="container"
-  >
-    <nav
-      aria-label="breadcrumb"
-      class="mt-3"
-    >
-      <ol
-        class="breadcrumb"
-      >
-        <li
-          class="breadcrumb-item d-none d-md-block"
-        >
-          <a
-            href="/example.html"
-          >
-            Home
-          </a>
-        </li>
-        <li
-          class="breadcrumb-item d-none d-md-block"
-        >
-          <a
-            href="/example.html"
-          >
-            European Union
-          </a>
-        </li>
-        <li
-          class="breadcrumb-item"
-        >
-          <a
-            href="/example.html"
-          >
-            <svg
-              class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
-            >
-              <use
-                xlink:href="/icons.svg#arrow-left"
-              />
-            </svg>
-            About the European Union
-          </a>
-        </li>
-        <li
-          aria-current="page"
-          class="breadcrumb-item d-none d-md-block active"
-        >
-          News
-        </li>
-      </ol>
-    </nav>
-  </div>
+  
+
+  
+
+
+  
+
+
+
   <div
     aria-hidden="true"
     aria-label="loginModalLabel"
@@ -683,12 +1256,18 @@ exports[`OE - Subscription renders correctly 1`] = `
     id="loginModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
@@ -698,6 +1277,8 @@ exports[`OE - Subscription renders correctly 1`] = `
           >
             Log in
           </h5>
+          
+	    
           <button
             aria-label="Close"
             class="btn-close"
@@ -705,21 +1286,29 @@ exports[`OE - Subscription renders correctly 1`] = `
             type="button"
           />
         </div>
+        
+      
         <div
           class="modal-body"
         >
           <h5>
             Disclaimer 1
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+	    
           <h5>
             Disclaimer 2
           </h5>
+          
+	    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -727,6 +1316,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
           </p>
         </div>
+        
+            
         <div
           class="modal-footer"
         >
@@ -737,6 +1328,8 @@ exports[`OE - Subscription renders correctly 1`] = `
           >
             Close
           </button>
+          
+	     
           <button
             class="btn btn-primary"
             type="button"
@@ -744,9 +1337,28 @@ exports[`OE - Subscription renders correctly 1`] = `
             Access EU login
           </button>
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+  
+
+  
+  
+
+
+
+
+
+
   <div
     aria-hidden="true"
     aria-label="languageModalLabel"
@@ -754,80 +1366,151 @@ exports[`OE - Subscription renders correctly 1`] = `
     id="languageModal"
     tabindex="-1"
   >
+    
+  
     <div
       class="modal-dialog modal-fullscreen"
     >
+      
+    
       <div
         class="modal-content"
       >
+        
+            
         <div
           class="modal-header"
         >
+              
           <div
             class="container"
           >
+            
+        
             <div
               class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
             >
+              
+      
               <div
                 class="py-3-5 px-3 px-sm-0 px-md-3"
               >
+                
+        
                 <div
                   class="d-flex justify-content-between align-items-center"
                 >
+                  
+    
                   <div
                     class="d-flex align-items-center"
                   >
+                    
+                    
+
+
+
+  
+
+
                     <svg
                       class="bi icon--s"
                     >
+                      
+  
                       <use
                         xlink:href="/icons.svg#globe2"
                       />
+                      
+
                     </svg>
+                    
+
+        
                     <div
                       class="modal-title mb-0 ms-2"
                     >
                       Select your language
                     </div>
+                    
+  
                   </div>
+                  
+  
                   <button
                     aria-label="Close"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     type="button"
                   />
+                  
+      
                 </div>
+                
+          
               </div>
+              
+    
             </div>
+            
+      
           </div>
+          
+  
         </div>
+        
+      
         <div
           class="modal-body"
         >
+              
           <div
             class="bcl-language-list bcl-language-list--eu"
           >
+            
+    
+        
             <div
               class="main pt-4"
             >
+              
+            
               <div
                 class="container"
               >
+                
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     EU official languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#bg"
@@ -836,6 +1519,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         български
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#es"
@@ -844,6 +1536,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         español
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#cs"
@@ -852,6 +1553,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         čeština
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#da"
@@ -860,6 +1570,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         dansk
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#de"
@@ -868,6 +1587,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Deutsch
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#et"
@@ -876,6 +1604,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         eesti
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#el"
@@ -884,6 +1621,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         ελληνικά
                       </a>
+                      
+
+                                                                                                    
+
+
+                                
+
+
+
                       <a
                         class="w-100 mb-2-5 btn selected justify-content-between"
                         href="/example.html#en"
@@ -891,14 +1637,36 @@ exports[`OE - Subscription renders correctly 1`] = `
                         lang="en"
                       >
                         English
+
+
+
+
+
+
                         <svg
                           class="ms-2-5 bi icon--s"
                         >
+                          
+  
                           <use
                             xlink:href="/icons.svg#check2"
                           />
+                          
+
                         </svg>
+                        
+
+
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fr"
@@ -907,6 +1675,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         français
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ga"
@@ -915,6 +1692,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Gaeilge
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hr"
@@ -923,6 +1709,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         hrvatski
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#it"
@@ -931,10 +1726,23 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         italiano
                       </a>
+                      
+
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lv"
@@ -943,6 +1751,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         latviešu
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#lt"
@@ -951,6 +1768,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         lietuvių
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#hu"
@@ -959,6 +1785,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         magyar
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#mt"
@@ -967,6 +1802,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Malti
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#nl"
@@ -975,6 +1819,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Nederlands
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pl"
@@ -983,6 +1836,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         polski
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#pt"
@@ -991,6 +1853,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         português
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ro"
@@ -999,6 +1870,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         română
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sk"
@@ -1007,6 +1887,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         slovenčina
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sl"
@@ -1015,6 +1904,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         slovenščina
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#fi"
@@ -1023,6 +1921,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         suomi
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#sv"
@@ -1031,23 +1938,50 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         svenska
                       </a>
+                      
+
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                    
+
+
+
                 <div
                   class="pb-2"
                 >
+                  
+    
                   <h5
                     class="mb-4"
                   >
                     Other languages
                   </h5>
+                  
+      
                   <div
                     class="row"
                   >
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#zh"
@@ -1056,6 +1990,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         中文
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#tr"
@@ -1064,6 +2007,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Türk
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ru"
@@ -1072,10 +2024,23 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         pусский
                       </a>
+                      
+
+            
                     </div>
+                    
+          
                     <div
                       class="col-12 col-md"
                     >
+                      
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="/example.html#ca"
@@ -1084,6 +2049,15 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         Català
                       </a>
+                      
+
+                                                                                                    
+
+
+
+
+
+
                       <a
                         class="w-100 mb-2-5 btn justify-content-start"
                         href="#"
@@ -1092,49 +2066,127 @@ exports[`OE - Subscription renders correctly 1`] = `
                       >
                         عَرَبِيّ
                       </a>
+                      
+
+            
                     </div>
+                    
+      
                   </div>
+                  
+  
                 </div>
+                
+
+                  
               </div>
+              
+          
             </div>
+            
+      
           </div>
+          
+
         </div>
+        
+          
       </div>
+      
+  
     </div>
+    
+
   </div>
+  
+
+
+
+
+
   <main>
+    
+
+      
+
+  
+
+  
+
+
+                  
+
+
+
+
+
     <div
       class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
     >
+      
+  
       <div
         class="container"
       >
+        
+  
+
+
+
+  
+  
+
+
+
+
         <article
           class="bg-transparent border-0 card"
         >
+          
+  
           <div
             class="row"
           >
+            
+                          
             <div
               class="bcl-card-start-col bcl-size-large"
             >
+              
+      
               <img
                 alt="alt img"
                 class="card-img-top rounded-1"
                 src="https://picsum.photos/255/255?random=6"
               />
+              
+    
             </div>
+            
+
             <div
               class="col-md col-xl-9 col-xxl-8"
             >
+              
+  
               <div
                 class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
               >
+                
+              
+
+
+
+
+
+
                 <h1
                   class="fs-1 card-title bcl-heading"
                 >
                   This is the title of this page
                 </h1>
+                
+  
                 <div
                   class="my-3"
                 >
@@ -1151,30 +2203,60 @@ exports[`OE - Subscription renders correctly 1`] = `
                   <br />
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                   <br />
+                   
                   <br />
                     Duis fermentum facilisis ex, ac porta massa.
                 </p>
                 <div
                   class="mt-2-5"
                 >
+                  
+                                                                          
+
+  
+  
+
+
                   <span
                     class="mb-2 me-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 1
                   </span>
+                          
+                                                        
+
+  
+  
+
+
                   <span
                     class="mb-2 badge rounded-pill badge-outline-primary"
                   >
                     Category 2
                   </span>
+                          
+            
                 </div>
+                    
               </div>
+              
+
             </div>
+            
+          
           </div>
+          
+
         </article>
+        
+
+
+    
         <div
           class="d-flex justify-content-end mt-2 align-items-center"
         >
+          
+      
           <button
             class="me-3 btn btn-outline-primary btn-md"
             type="button"
@@ -1188,6 +2270,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             </svg>
             Print
           </button>
+          
+      
           <button
             class="btn btn-outline-primary btn-md"
             data-bs-target="#subscribeModal"
@@ -1203,23 +2287,51 @@ exports[`OE - Subscription renders correctly 1`] = `
             </svg>
             Subscribe
           </button>
+          
+    
         </div>
       </div>
+      
+
     </div>
+    
+
+  
+  
     <div
       class="container mt-md-4-75 mt-4"
     >
+      
+    
       <div
         class="row"
       >
+        
+              
+                
         <div
           class="col-12 bcl-sidebar col-lg-3"
         >
+          
+          
+
+  
+
+  
+
+
+
+
           <nav
             aria-labelledby="bcl-inpage-navigation-dropdown"
             class="bcl-inpage-navigation position-sticky"
             id="bcl-inpage-navigation"
           >
+            
+    
+
+
+
             <button
               aria-expanded="false"
               class="dropdown-toggle h2 d-md-none"
@@ -1228,77 +2340,169 @@ exports[`OE - Subscription renders correctly 1`] = `
               type="button"
             >
                 Page content
+
+
+
+  
+
+
               <svg
                 class="bi icon--s"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#chevron-down"
                 />
+                
+
               </svg>
+              
+
+
             </button>
+            
+
+  
+
+
+
+
+
+
             <h2
               class="mb-0 d-none d-md-block bcl-heading"
             >
               Page content
             </h2>
+            
+  
             <div
               class="dropdown-menu"
             >
+              
+    
+
+
+                    
+                              
+        
+  
+    
+    
               <ul
                 class="nav nav-pills flex-column"
               >
+                
+                                                                                                                
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#content"
                   >
                     Content
                   </a>
+                  
+
+                                
                 </li>
+                
+                                                                                                                  
                 <li
                   class="nav-item"
                 >
+                  
+                          
+
+
+
+
+
+
                   <a
                     class="nav-link"
                     href="#subheading"
                   >
                     Subheading
                   </a>
+                  
+
+                                
                 </li>
+                
+                      
               </ul>
+              
+    
+
+  
             </div>
+            
+
           </nav>
+          
+
+      
         </div>
+        
+      
         <div
           class="col-12 col-lg-9 col-xxl-8"
         >
+          
+                  
+                    
           <p
             id="content"
           >
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper, a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet, posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel. Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
           </p>
+          
+    
           <p>
             Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras facilisis enim non nisi hendrerit laoreet. Vestibulum id facilisis augue, vitae faucibus justo. Etiam congue malesuada urna vitae suscipit. Mauris a varius leo. Nulla vel facilisis lacus. Suspendisse semper velit sit amet purus egestas, sit amet ullamcorper enim egestas. Vestibulum at lacus at purus ornare auctor nec consequat velit. Pellentesque iaculis sit amet nulla at rutrum.
           </p>
+          
+    
           <ul>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+      
             <li>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit.
             </li>
+            
+    
           </ul>
+          
+    
           <h2
             class="my-4"
             id="subheading"
           >
             Sub heading
           </h2>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1306,6 +2510,8 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+    
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
@@ -1313,26 +2519,45 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
             <br />
+             
             <br />
               Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Duis fermentum facilisis ex, ac porta massa. 
             <br />
           </p>
+          
+              
+
+
+  
+
+
           <div
             class="bcl-subscription-block text-bg-light px-4-5 pt-4 pb-4-5"
           >
+            
+      
             <div
               class="fs-2 fw-normal"
             >
               Subscribe
             </div>
+            
+        
             <p
               class="fw-bold"
             >
               Get notified lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
             </p>
+            
+        
             <div
               class="pb-2"
             >
+              
+    
+
+                                          
+
               <button
                 class="btn btn-secondary btn-lg"
                 data-bs-target="#subscribeModal"
@@ -1340,16 +2565,43 @@ exports[`OE - Subscription renders correctly 1`] = `
                 type="button"
               >
                 Subscribe
+
+
+
+
+
+
                 <svg
                   class="ms-2-5 bi icon--fluid"
                 >
+                  
+  
                   <use
                     xlink:href="/icons.svg#chevron-right"
                   />
+                  
+
                 </svg>
+                
+
+
               </button>
+              
+
+    
             </div>
+            
+  
           </div>
+          
+
+  
+
+
+  
+
+
+
           <div
             aria-hidden="true"
             aria-label="subscribeModalLabel"
@@ -1357,12 +2609,18 @@ exports[`OE - Subscription renders correctly 1`] = `
             id="subscribeModal"
             tabindex="-1"
           >
+            
+  
             <div
               class="modal-dialog"
             >
+              
+    
               <div
                 class="modal-content"
               >
+                
+            
                 <div
                   class="modal-header"
                 >
@@ -1378,17 +2636,43 @@ exports[`OE - Subscription renders correctly 1`] = `
                     type="button"
                   />
                 </div>
+                
+        
+
+
+  
+
+
+  
+
+
+
                 <div
                   class="success-alert d-none mb-0 alert alert-success d-flex align-items-center fade show text-dark"
                   role="alert"
                 >
+                  
+  
+
+
+
+
+
+
                   <svg
                     class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#check-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                   <div
                     class="alert-content flex-grow-1"
                   >
@@ -1400,17 +2684,44 @@ exports[`OE - Subscription renders correctly 1`] = `
                     Your subscription has been successfully registered. You can now close this dialog.
                   </div>
                 </div>
+                
+
+  
+
+
+  
+
+
+  
+
+
+
                 <div
                   class="error-alert d-none mb-0 alert alert-danger d-flex align-items-center fade show text-dark"
                   role="alert"
                 >
+                  
+  
+
+
+
+
+
+
                   <svg
                     class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
                   >
+                    
+  
                     <use
                       xlink:href="/icons.svg#dash-circle-fill"
                     />
+                    
+
                   </svg>
+                  
+
+  
                   <div
                     class="alert-content flex-grow-1"
                   >
@@ -1430,15 +2741,28 @@ exports[`OE - Subscription renders correctly 1`] = `
                     </p>
                   </div>
                 </div>
+                
+
+
                 <div
                   class="modal-body"
                 >
+                    
+
+
+
+
+
                   <form
                     class="needs-validation"
                     novalidate
                     onsubmit="return false;"
                   >
+                    
+                  
                     <fieldset>
+                      
+                    
                       <legend
                         class="h6 fw-normal mb-0"
                       >
@@ -1446,41 +2770,94 @@ exports[`OE - Subscription renders correctly 1`] = `
                           Please enter your information & preference to receive the wished information in your mailbox. Your email will not be shared with anyone.
                         </p>
                       </legend>
+                      
+                    
                     </fieldset>
+                    
+                              
                     <div
                       class="mb-3"
                     >
+                      
+                                              
+
+
+
+  
+
+
+  
+
+
+
+  
+
+  
+      
                       <label
                         class="form-label"
                       >
                         E-mail
                       </label>
+                      
+  
+    
                       <input
                         class="form-control"
                         placeholder="Type in your e-mail address"
                         required
                         type="email"
                       />
+                      
+  
                       <div
                         class="invalid-feedback"
                       >
                         Please enter a valid e-mail address
                       </div>
+                      
+
+                        
                     </div>
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                        
+
+
+
+
+
+  
+
+
+  
+
+
+  
+
+  
+  
+      
                       <label
                         class="form-label"
                         for="language-select"
                       >
                         Languages
                       </label>
+                      
+  
+
                       <select
                         class="form-select"
                         id="language-select"
                         required
                       >
+                        
+            
                         <option
                           disabled
                           hidden
@@ -1489,45 +2866,82 @@ exports[`OE - Subscription renders correctly 1`] = `
                         >
                           Please select a language
                         </option>
+                        
+                
                         <option
                           value="1"
                         >
                           a select option
                         </option>
+                        
+                
                         <option
                           value="2"
                         >
                           another select option
                         </option>
+                        
+                
                         <option
                           value="3"
                         >
                           another option
                         </option>
+                        
+                
                         <option
                           value="4"
                         >
                           last option
                         </option>
+                        
+      
                       </select>
+                      
+  
                       <div
                         class="invalid-feedback"
                       >
                         Please select a language
                       </div>
+                      
+
+                        
                     </div>
+                    
+                                
                     <div
                       class="mb-3"
                     >
+                      
+                                              
+
+
+    
+  
+
+  
+  
+
+
+
+
+
+  
+      
                       <div
                         class="form-check"
                       >
+                        
+    
                         <input
                           class="form-check-input"
                           id="exampleInputCheck1"
                           required
                           type="checkbox"
                         />
+                        
+      
                         <label
                           class="form-check-label"
                           for="exampleInputCheck1"
@@ -1539,15 +2953,30 @@ exports[`OE - Subscription renders correctly 1`] = `
                             privacy statement
                           </a>
                         </label>
+                        
+  
+  
                         <div
                           class="invalid-feedback"
                         >
                           Please check the required checkbox.
                         </div>
+                        
+
                       </div>
+                      
+
+                        
                     </div>
+                    
+      
                   </form>
+                  
+
+
                 </div>
+                
+            
                 <div
                   class="modal-footer"
                 >
@@ -1567,25 +2996,57 @@ exports[`OE - Subscription renders correctly 1`] = `
                     </button>
                   </div>
                 </div>
+                
+          
               </div>
+              
+  
             </div>
+            
+
           </div>
+          
+
+              
+                    
+          
         </div>
+        
+  
       </div>
+      
+
     </div>
   </main>
+  
+
+  
+
+  
+
+
+
+
   <footer
     class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
   >
+    
+  
     <div
       class="container"
     >
+      
+                  
       <div
         class="pt-4 pt-lg-5 row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold mb-2"
           >
@@ -1596,187 +3057,407 @@ exports[`OE - Subscription renders correctly 1`] = `
             <br />
               Duis fermentum facilisis ex, ac porta massa.
           </p>
+          
+                                                                              
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4 pb-4 pb-lg-0"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Contact [project name]
           </p>
+          
+                                                                                                            
           <p>
             Contact information of the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mt-3 mb-2"
           >
             Follow us on social media
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#facebook"
                 />
+                
+
               </svg>
-              Facebook
+              
+
+Facebook
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#twitter"
                 />
+                
+
               </svg>
-              Twitter
+              
+
+Twitter
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+                                
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
+              
+
+
+
+
+
+
               <svg
                 class="me-2-5 bi icon--xs"
               >
+                
+  
                 <use
                   xlink:href="/icons.svg#linkedin"
                 />
+                
+
               </svg>
-              Linkedin
+              
+
+Linkedin
             </a>
+            
+
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             About us
           </p>
+          
+                                                                                                            
           <p>
             Information about the DG
           </p>
+          
+                                                                                                            
           <p
             class="fw-bold border-bottom pb-2 mb-2"
           >
             Optional links
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+              
       <div
         class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
       >
+        
+                      
         <div
           class="col-12 col-lg-4"
         >
+          
+                                                                                      
           <p
             class="fw-bold pb-2 mb-2"
           >
             More information on:
           </p>
+          
+                                                                                                                                                    
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                          
           <div
             class="mb-1"
           >
+            
+                      
+
+
+
+
+
+
             <a
               class="standalone"
               href="/example.html"
             >
               Link
             </a>
+            
+
+                      
           </div>
+          
+                                                                                
         </div>
+        
+                  
       </div>
+      
+            
     </div>
+    
+
   </footer>
 </jest>
 `;