npm - @caweb/html-webpack-plugin - Versions diffs - 1.4.14 → 1.4.15 - Mend

@caweb/html-webpack-plugin 1.4.14 → 1.4.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (155) hide show

package/build/components/alerts.html +216 -0
package/build/components/animations.html +207 -0
package/build/components/buttons.html +205 -0
package/build/components/cards.html +273 -0
package/build/components/lists.html +275 -0
package/build/components/locations.html +249 -0
package/build/components/profile-banners.html +248 -0
package/build/components/sections.html +216 -0
package/build/components/service-tiles.html +273 -0
package/build/components/typography.html +242 -0
package/build/favicon.ico +0 -0
package/build/font-only.254e683fc99f114d3974.hot-update.js +47 -0
package/build/font-only.254e683fc99f114d3974.hot-update.js.map +1 -0
package/build/font-only.254e683fc99f114d3974.hot-update.json +1 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.js +47 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.js.map +1 -0
package/build/font-only.3965a660fa7592c00fb2.hot-update.json +1 -0
package/build/font-only.3ba462b856432db05adb.hot-update.js +47 -0
package/build/font-only.3ba462b856432db05adb.hot-update.js.map +1 -0
package/build/font-only.3ba462b856432db05adb.hot-update.json +1 -0
package/build/font-only.5084309d76c2026f015e.hot-update.js +47 -0
package/build/font-only.5084309d76c2026f015e.hot-update.js.map +1 -0
package/build/font-only.5084309d76c2026f015e.hot-update.json +1 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js +47 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
package/build/font-only.7a34eaa511e0fce7dc64.hot-update.json +1 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.js +47 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.js.map +1 -0
package/build/font-only.7b3eccc326cc7771b937.hot-update.json +1 -0
package/build/font-only.asset.php +1 -1
package/build/font-only.bd64f1b4518bcef5576c.hot-update.js +47 -0
package/build/font-only.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
package/build/font-only.bd64f1b4518bcef5576c.hot-update.json +1 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.js +47 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.js.map +1 -0
package/build/font-only.ca44af20a4abf92f452e.hot-update.json +1 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.js +47 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.js.map +1 -0
package/build/font-only.dcde2d86551c11f47e31.hot-update.json +1 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js +47 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
package/build/font-only.e1a1bc69c71fc47990a3.hot-update.json +1 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.js +47 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
package/build/font-only.f8876ddbb86d7d487b84.hot-update.json +1 -0
package/build/font-only.js +4790 -9
package/build/font-only.js.map +1 -1
package/build/index.html +247 -0
package/build/oceanside-rtl.css +10 -2
package/build/oceanside.254e683fc99f114d3974.hot-update.js +169 -0
package/build/oceanside.254e683fc99f114d3974.hot-update.js.map +1 -0
package/build/oceanside.254e683fc99f114d3974.hot-update.json +1 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.js +81 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.js.map +1 -0
package/build/oceanside.3965a660fa7592c00fb2.hot-update.json +1 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.js +81 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.js.map +1 -0
package/build/oceanside.3ba462b856432db05adb.hot-update.json +1 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.js +168 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.js.map +1 -0
package/build/oceanside.5084309d76c2026f015e.hot-update.json +1 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js +169 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.json +1 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.js +81 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.js.map +1 -0
package/build/oceanside.7b3eccc326cc7771b937.hot-update.json +1 -0
package/build/oceanside.asset.php +1 -1
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js +81 -0
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
package/build/oceanside.bd64f1b4518bcef5576c.hot-update.json +1 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.js +81 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.js.map +1 -0
package/build/oceanside.ca44af20a4abf92f452e.hot-update.json +1 -0
package/build/oceanside.css +10 -2
package/build/oceanside.css.map +1 -1
package/build/oceanside.dcde2d86551c11f47e31.hot-update.js +168 -0
package/build/oceanside.dcde2d86551c11f47e31.hot-update.js.map +1 -0
package/build/oceanside.dcde2d86551c11f47e31.hot-update.json +1 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js +168 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.json +1 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js +81 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
package/build/oceanside.f8876ddbb86d7d487b84.hot-update.json +1 -0
package/build/oceanside.js +4978 -198
package/build/oceanside.js.map +1 -1
package/package.json +4 -4
package/build/delta-rtl.css +0 -21517
package/build/delta.asset.php +0 -1
package/build/delta.css +0 -21545
package/build/delta.css.map +0 -1
package/build/delta.js +0 -6601
package/build/delta.js.map +0 -1
package/build/eureka-rtl.css +0 -21517
package/build/eureka.asset.php +0 -1
package/build/eureka.css +0 -21545
package/build/eureka.css.map +0 -1
package/build/eureka.js +0 -6601
package/build/eureka.js.map +0 -1
package/build/fonts/CaGov.json +0 -7582
package/build/mono-rtl.css +0 -21517
package/build/mono.asset.php +0 -1
package/build/mono.css +0 -21545
package/build/mono.css.map +0 -1
package/build/mono.js +0 -6601
package/build/mono.js.map +0 -1
package/build/orangecounty-rtl.css +0 -21517
package/build/orangecounty.asset.php +0 -1
package/build/orangecounty.css +0 -21545
package/build/orangecounty.css.map +0 -1
package/build/orangecounty.js +0 -6601
package/build/orangecounty.js.map +0 -1
package/build/pasorobles-rtl.css +0 -21517
package/build/pasorobles.asset.php +0 -1
package/build/pasorobles.css +0 -21545
package/build/pasorobles.css.map +0 -1
package/build/pasorobles.js +0 -6601
package/build/pasorobles.js.map +0 -1
package/build/sacramento-rtl.css +0 -21517
package/build/sacramento.asset.php +0 -1
package/build/sacramento.css +0 -21545
package/build/sacramento.css.map +0 -1
package/build/sacramento.js +0 -6601
package/build/sacramento.js.map +0 -1
package/build/santabarbara-rtl.css +0 -21517
package/build/santabarbara.asset.php +0 -1
package/build/santabarbara.css +0 -21545
package/build/santabarbara.css.map +0 -1
package/build/santabarbara.js +0 -6601
package/build/santabarbara.js.map +0 -1
package/build/santacruz-rtl.css +0 -21517
package/build/santacruz.asset.php +0 -1
package/build/santacruz.css +0 -21545
package/build/santacruz.css.map +0 -1
package/build/santacruz.js +0 -6601
package/build/santacruz.js.map +0 -1
package/build/shasta-rtl.css +0 -21517
package/build/shasta.asset.php +0 -1
package/build/shasta.css +0 -21545
package/build/shasta.css.map +0 -1
package/build/shasta.js +0 -6601
package/build/shasta.js.map +0 -1
package/build/sierra-rtl.css +0 -21517
package/build/sierra.asset.php +0 -1
package/build/sierra.css +0 -21545
package/build/sierra.css.map +0 -1
package/build/sierra.js +0 -6601
package/build/sierra.js.map +0 -1
package/build/trinity-rtl.css +0 -21517
package/build/trinity.asset.php +0 -1
package/build/trinity.css +0 -21545
package/build/trinity.css.map +0 -1
package/build/trinity.js +0 -6601
package/build/trinity.js.map +0 -1

package/build/components/cards.html ADDED Viewed

@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Cards.html</title>
+  <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="../favicon.ico"><link href="../oceanside.css" rel="stylesheet"></head>
+  <body>
+      <header role="banner" id="header" class="global-header">
+          <div id="skip-to-content">
+            <a href="#main-content">Skip to Main Content</a>
+          </div>
+          <!-- Alerts -->
+          <div class="alerts">
+              <div class="alert alert-primary alert-dismissible">
+                  <div class="container">
+                      <h6 class="alert-level" >
+                          <span class="ca-gov-icon-construction"></span>Under Construction
+                      </h6>
+                      <div>
+                          This codebase is currently being worked on
+                      </div>
+                      <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert"  aria-label="Close Alert 1">
+                          <span class="sr-only">x</span>
+                      </button>
+                  </div>
+              </div>
+          </div>
+          	<!-- Utility Header -->
+            <div class="utility-header">
+            <div class="container d-flex flex-row">
+              <div class="social-media-links">
+                <div class="header-cagov-logo">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
+                    <span class="sr-only">CA.gov</span>
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </div>
+                <p class="official-tag">Official website of the State of California</p>
+              </div>
+              <div class="settings-links">
+                <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
+              </div>
+            </div>
+          </div>
+          <!-- Branding -->
+          <div class="branding border-bottom">
+              <div class="container d-flex flex-row">
+                  <div class="header-organization-banner">
+                      <a href="/">
+                          <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
+                      </a>
+                  </div>
+                  <!-- Search -->
+                  <div class="search-container">
+                      <form action="/serp.html" role="search">
+                          <div class="input-group">
+                              <span class="sr-only" id="SearchInput">Custom Google Search</span>
+                              <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
+                              <button type="submit" class="search-button">
+                                  <span class="ca-gov-icon-search" aria-hidden="true"></span>
+                                  <span class="sr-only">Submit</span>
+                              </button>
+                          </div>
+                      </form>
+                  </div>        <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+                  </button>
+              </div>
+          </div>
+          <!-- Mobile Navigation Controls -->
+          <div class="mobile-controlled overlay collapse collapse-horizontal">
+              <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+              </button>
+          </div>
+          <!-- Navigation -->
+          <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
+              <div class="container">
+                  <ul class="nav" aria-label="Main navigation">
+                      <li class="nav-item">
+                         <a class="nav-link" href="/template-updates.html">Template updates</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/get-started.html">Get started</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/structure.html">Structure</a>
+                      </li>
+                      <li class="nav-item dropdown">
+                          <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
+                          <ul class="dropdown-menu">
+                              <li>
+                                  <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
+                                      <div class="link-description">Link Description</div>
+                                  </a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
+                              </li>
+                          </ul>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/components.html">Components</a>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/patterns.html">Patterns</a>
+                      </li>
+                  </ul>
+              </div>
+          </div>
+      </header>      <div id="page-container" class="page-container ">
+          <div id="main-content" class="main-content " tabindex="-1">
+            <main class="main-primary">
+              <h2>Cards</h2>
+  <div class="card">
+    <img class="card-img-top" src="../images/grayscale_mountain.jpg" alt="Card image size">
+    <div class="card-body">
+      <h3 class="card-title">
+        <a href="javascript:;" class="link-before">
+          Give your card a short title
+        </a>
+      </h3>
+      <p>
+        Use this space to briefly tell your reader what they will find at the
+        card's destination
+      </p>
+    </div>
+  </div>
+  <h2>Panels</h2>
+  <div class="card card-default">
+    <div class="card-header">
+      <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Default</h4>
+      <div class="options">
+        <a href="http://adfa" class="btn btn-secondary btn-light" target="_blank">Read More</a>
+      </div>
+    </div>
+    <div class="card-body">
+      <p>Panel Body</p>
+    </div>
+  </div>
+  <div class="card card-standout">
+    <div class="card-header">
+      <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Standout</h4>
+      <div class="options">
+        <a href="http://adfa" class="btn btn-standout" target="_blank">Read More</a>
+      </div>
+    </div>
+    <div class="card-body">
+      <p>Panel Body</p>
+    </div>
+  </div>
+  <div class="card card-standout highlight">
+    <div class="card-header">
+      <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Standout Highlight</h4>
+      <div class="options">
+        <a href="http://adfa" class="btn btn-standout" target="_blank">Read More</a>
+      </div>
+    </div>
+    <div class="card-body">
+      <p>Panel Body</p>
+    </div>
+  </div>
+  <div class="card card-understated">
+    <div class="card-header">
+      <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Understated</h4>
+      <div class="options">
+        <a href="http://adfa" class="btn btn-understated" target="_blank">Read More</a>
+      </div>
+    </div>
+    <div class="card-body">
+      <p>Panel Body</p>
+    </div>
+  </div>
+  <div class="card card-overstated">
+    <div class="card-header">
+      <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Overstated</h4>
+      <div class="options">
+        <a href="http://adfa" class="btn btn-overstated" target="_blank">Read More</a>
+      </div>
+    </div>
+    <div class="card-body">
+      <p>Panel Body</p>
+    </div>
+  </div>
+            </main>
+          </div>
+      </div>
+      <footer class="global-footer">
+          <div class="container">
+            <div class="d-flex">
+              <ul class="nav footer-links">
+                <li class="nav-item">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/website-accessibility-certification.html" class="nav-link">
+                    Website accessibility certification
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/sitemap.html" class="nav-link">Sitemap</a>
+                </li>
+              </ul>
+              <ul class="nav social-share-links">
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-facebook"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-twitter"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-flickr"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-instagram"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-youtube"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-email"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-github"></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <!-- Copyright Statement -->
+          <div class="copyright container">
+            <p>
+              ©
+              <span id="thisyear">
+                <script>
+                  document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
+                </script>
+              </span>
+              State of California
+            </p>
+          </div>
+          <button class="return-top">Back to top</button>
+        </footer>  <script src="../oceanside.js"></script></body>
+</html>

package/build/components/lists.html ADDED Viewed

@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Lists.html</title>
+  <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="../favicon.ico"><link href="../oceanside.css" rel="stylesheet"></head>
+  <body>
+      <header role="banner" id="header" class="global-header">
+          <div id="skip-to-content">
+            <a href="#main-content">Skip to Main Content</a>
+          </div>
+          <!-- Alerts -->
+          <div class="alerts">
+              <div class="alert alert-primary alert-dismissible">
+                  <div class="container">
+                      <h6 class="alert-level" >
+                          <span class="ca-gov-icon-construction"></span>Under Construction
+                      </h6>
+                      <div>
+                          This codebase is currently being worked on
+                      </div>
+                      <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert"  aria-label="Close Alert 1">
+                          <span class="sr-only">x</span>
+                      </button>
+                  </div>
+              </div>
+          </div>
+          	<!-- Utility Header -->
+            <div class="utility-header">
+            <div class="container d-flex flex-row">
+              <div class="social-media-links">
+                <div class="header-cagov-logo">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
+                    <span class="sr-only">CA.gov</span>
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </div>
+                <p class="official-tag">Official website of the State of California</p>
+              </div>
+              <div class="settings-links">
+                <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
+              </div>
+            </div>
+          </div>
+          <!-- Branding -->
+          <div class="branding border-bottom">
+              <div class="container d-flex flex-row">
+                  <div class="header-organization-banner">
+                      <a href="/">
+                          <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
+                      </a>
+                  </div>
+                  <!-- Search -->
+                  <div class="search-container">
+                      <form action="/serp.html" role="search">
+                          <div class="input-group">
+                              <span class="sr-only" id="SearchInput">Custom Google Search</span>
+                              <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
+                              <button type="submit" class="search-button">
+                                  <span class="ca-gov-icon-search" aria-hidden="true"></span>
+                                  <span class="sr-only">Submit</span>
+                              </button>
+                          </div>
+                      </form>
+                  </div>        <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+                  </button>
+              </div>
+          </div>
+          <!-- Mobile Navigation Controls -->
+          <div class="mobile-controlled overlay collapse collapse-horizontal">
+              <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
+              </button>
+          </div>
+          <!-- Navigation -->
+          <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
+              <div class="container">
+                  <ul class="nav" aria-label="Main navigation">
+                      <li class="nav-item">
+                         <a class="nav-link" href="/template-updates.html">Template updates</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/get-started.html">Get started</a>
+                      </li>
+                      <li class="nav-item">
+                          <a class="nav-link" href="/structure.html">Structure</a>
+                      </li>
+                      <li class="nav-item dropdown">
+                          <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
+                          <ul class="dropdown-menu">
+                              <li>
+                                  <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
+                                      <div class="link-description">Link Description</div>
+                                  </a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
+                              </li>
+                              <li>
+                                  <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
+                              </li>
+                          </ul>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/components.html">Components</a>
+                      </li>
+                      <li class="nav-item">
+                        <a class="nav-link" href="/patterns.html">Patterns</a>
+                      </li>
+                  </ul>
+              </div>
+          </div>
+      </header>      <div id="page-container" class="page-container ">
+          <div id="main-content" class="main-content " tabindex="-1">
+            <main class="main-primary">
+              <div class="container">
+    <div class="row">
+        <div class="col-4">
+            <ul class="list-navigation">
+                <li><a href="/">Lorem ipsum dolor sit amet</a></li>
+                <li><a href="/">Lorem ipsum dolor sit amet</a></li>
+                <li><a href="/">Lorem ipsum dolor sit amet</a></li>
+            </ul>
+        </div>
+        <div class="col-8">
+            <h2>Lists</h2>
+            <h3>Overstated</h3>
+            <ul class="list-overstated">
+                <li>Use: <br>
+                    list-standout</li>
+                <li><a href="/">Lorem ipsum dolor sit amet</a><br>
+                    Nam ultrices vulputate orci id faucibus.
+                </li>
+                <li><a href="/">consectetur adipiscing elit</a><br>
+                    Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
+                </li>
+            </ul>
+            <h3>Understated</h3>
+            <ul class="list-understated">
+                <li>Use: <br>
+                    list-standout</li>
+                <li><a href="/">Lorem ipsum dolor sit amet</a><br>
+                    Nam ultrices vulputate orci id faucibus.
+                </li>
+                <li><a href="/">consectetur adipiscing elit</a><br>
+                    Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
+                </li>
+            </ul>
+            <h3>Standout</h3>
+            <ul class="list-standout">
+                <li>Use: <br>
+                    list-standout</li>
+                <li><a href="/">Lorem ipsum dolor sit amet</a><br>
+                    Nam ultrices vulputate orci id faucibus.
+                </li>
+                <li><a href="/">consectetur adipiscing elit</a><br>
+                    Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
+                </li>
+            </ul>
+            <h3>Step List</h3>
+            <ul class="cagov-step-list">
+                <li>
+                    <h4>Lorem ipsum dolor sit amet</h4>
+                    <div class="cagov-step-list-content">
+                        Nam ultrices vulputate orci id faucibus.
+                    </div>
+                </li>
+                <li>
+                    <h4>Lorem ipsum dolor sit amet</h4>
+                    <div class="cagov-step-list-content">
+                        Nam ultrices vulputate orci id faucibus.
+                    </div>
+                </li>
+                <li>
+                    <h4>Lorem ipsum dolor sit amet</h4>
+                    <div class="cagov-step-list-content">
+                        Nam ultrices vulputate orci id faucibus.
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+            </main>
+          </div>
+      </div>
+      <footer class="global-footer">
+          <div class="container">
+            <div class="d-flex">
+              <ul class="nav footer-links">
+                <li class="nav-item">
+                  <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
+                    <span class="ca-gov-logo-svg"></span>
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
+                </li>
+                <li class="nav-item">
+                  <a href="/website-accessibility-certification.html" class="nav-link">
+                    Website accessibility certification
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a href="/sitemap.html" class="nav-link">Sitemap</a>
+                </li>
+              </ul>
+              <ul class="nav social-share-links">
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-facebook"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-twitter"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-flickr"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-instagram"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-youtube"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-email"></a>
+                </li>
+                <li class="nav-item">
+                  <a href="#" class="nav-link ca-gov-icon-github"></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <!-- Copyright Statement -->
+          <div class="copyright container">
+            <p>
+              ©
+              <span id="thisyear">
+                <script>
+                  document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
+                </script>
+              </span>
+              State of California
+            </p>
+          </div>
+          <button class="return-top">Back to top</button>
+        </footer>  <script src="../oceanside.js"></script></body>
+</html>