@caweb/html-webpack-plugin 1.4.13 → 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 (156) hide show
  1. package/build/components/alerts.html +216 -0
  2. package/build/components/animations.html +207 -0
  3. package/build/components/buttons.html +205 -0
  4. package/build/components/cards.html +273 -0
  5. package/build/components/lists.html +275 -0
  6. package/build/components/locations.html +249 -0
  7. package/build/components/profile-banners.html +248 -0
  8. package/build/components/sections.html +216 -0
  9. package/build/components/service-tiles.html +273 -0
  10. package/build/components/typography.html +242 -0
  11. package/build/favicon.ico +0 -0
  12. package/build/font-only.254e683fc99f114d3974.hot-update.js +47 -0
  13. package/build/font-only.254e683fc99f114d3974.hot-update.js.map +1 -0
  14. package/build/font-only.254e683fc99f114d3974.hot-update.json +1 -0
  15. package/build/font-only.3965a660fa7592c00fb2.hot-update.js +47 -0
  16. package/build/font-only.3965a660fa7592c00fb2.hot-update.js.map +1 -0
  17. package/build/font-only.3965a660fa7592c00fb2.hot-update.json +1 -0
  18. package/build/font-only.3ba462b856432db05adb.hot-update.js +47 -0
  19. package/build/font-only.3ba462b856432db05adb.hot-update.js.map +1 -0
  20. package/build/font-only.3ba462b856432db05adb.hot-update.json +1 -0
  21. package/build/font-only.5084309d76c2026f015e.hot-update.js +47 -0
  22. package/build/font-only.5084309d76c2026f015e.hot-update.js.map +1 -0
  23. package/build/font-only.5084309d76c2026f015e.hot-update.json +1 -0
  24. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js +47 -0
  25. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
  26. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.json +1 -0
  27. package/build/font-only.7b3eccc326cc7771b937.hot-update.js +47 -0
  28. package/build/font-only.7b3eccc326cc7771b937.hot-update.js.map +1 -0
  29. package/build/font-only.7b3eccc326cc7771b937.hot-update.json +1 -0
  30. package/build/font-only.asset.php +1 -1
  31. package/build/font-only.bd64f1b4518bcef5576c.hot-update.js +47 -0
  32. package/build/font-only.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
  33. package/build/font-only.bd64f1b4518bcef5576c.hot-update.json +1 -0
  34. package/build/font-only.ca44af20a4abf92f452e.hot-update.js +47 -0
  35. package/build/font-only.ca44af20a4abf92f452e.hot-update.js.map +1 -0
  36. package/build/font-only.ca44af20a4abf92f452e.hot-update.json +1 -0
  37. package/build/font-only.dcde2d86551c11f47e31.hot-update.js +47 -0
  38. package/build/font-only.dcde2d86551c11f47e31.hot-update.js.map +1 -0
  39. package/build/font-only.dcde2d86551c11f47e31.hot-update.json +1 -0
  40. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js +47 -0
  41. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
  42. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.json +1 -0
  43. package/build/font-only.f8876ddbb86d7d487b84.hot-update.js +47 -0
  44. package/build/font-only.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
  45. package/build/font-only.f8876ddbb86d7d487b84.hot-update.json +1 -0
  46. package/build/font-only.js +4790 -9
  47. package/build/font-only.js.map +1 -1
  48. package/build/index.html +247 -0
  49. package/build/oceanside-rtl.css +173 -123
  50. package/build/oceanside.254e683fc99f114d3974.hot-update.js +169 -0
  51. package/build/oceanside.254e683fc99f114d3974.hot-update.js.map +1 -0
  52. package/build/oceanside.254e683fc99f114d3974.hot-update.json +1 -0
  53. package/build/oceanside.3965a660fa7592c00fb2.hot-update.js +81 -0
  54. package/build/oceanside.3965a660fa7592c00fb2.hot-update.js.map +1 -0
  55. package/build/oceanside.3965a660fa7592c00fb2.hot-update.json +1 -0
  56. package/build/oceanside.3ba462b856432db05adb.hot-update.js +81 -0
  57. package/build/oceanside.3ba462b856432db05adb.hot-update.js.map +1 -0
  58. package/build/oceanside.3ba462b856432db05adb.hot-update.json +1 -0
  59. package/build/oceanside.5084309d76c2026f015e.hot-update.js +168 -0
  60. package/build/oceanside.5084309d76c2026f015e.hot-update.js.map +1 -0
  61. package/build/oceanside.5084309d76c2026f015e.hot-update.json +1 -0
  62. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js +169 -0
  63. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
  64. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.json +1 -0
  65. package/build/oceanside.7b3eccc326cc7771b937.hot-update.js +81 -0
  66. package/build/oceanside.7b3eccc326cc7771b937.hot-update.js.map +1 -0
  67. package/build/oceanside.7b3eccc326cc7771b937.hot-update.json +1 -0
  68. package/build/oceanside.asset.php +1 -1
  69. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js +81 -0
  70. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
  71. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.json +1 -0
  72. package/build/oceanside.ca44af20a4abf92f452e.hot-update.js +81 -0
  73. package/build/oceanside.ca44af20a4abf92f452e.hot-update.js.map +1 -0
  74. package/build/oceanside.ca44af20a4abf92f452e.hot-update.json +1 -0
  75. package/build/oceanside.css +173 -123
  76. package/build/oceanside.css.map +1 -1
  77. package/build/oceanside.dcde2d86551c11f47e31.hot-update.js +168 -0
  78. package/build/oceanside.dcde2d86551c11f47e31.hot-update.js.map +1 -0
  79. package/build/oceanside.dcde2d86551c11f47e31.hot-update.json +1 -0
  80. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js +168 -0
  81. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
  82. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.json +1 -0
  83. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js +81 -0
  84. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
  85. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.json +1 -0
  86. package/build/oceanside.js +5017 -222
  87. package/build/oceanside.js.map +1 -1
  88. package/package.json +4 -4
  89. package/sample/components/lists.html +67 -34
  90. package/build/delta-rtl.css +0 -21475
  91. package/build/delta.asset.php +0 -1
  92. package/build/delta.css +0 -21503
  93. package/build/delta.css.map +0 -1
  94. package/build/delta.js +0 -6586
  95. package/build/delta.js.map +0 -1
  96. package/build/eureka-rtl.css +0 -21475
  97. package/build/eureka.asset.php +0 -1
  98. package/build/eureka.css +0 -21503
  99. package/build/eureka.css.map +0 -1
  100. package/build/eureka.js +0 -6586
  101. package/build/eureka.js.map +0 -1
  102. package/build/fonts/CaGov.json +0 -7582
  103. package/build/mono-rtl.css +0 -21475
  104. package/build/mono.asset.php +0 -1
  105. package/build/mono.css +0 -21503
  106. package/build/mono.css.map +0 -1
  107. package/build/mono.js +0 -6586
  108. package/build/mono.js.map +0 -1
  109. package/build/orangecounty-rtl.css +0 -21475
  110. package/build/orangecounty.asset.php +0 -1
  111. package/build/orangecounty.css +0 -21503
  112. package/build/orangecounty.css.map +0 -1
  113. package/build/orangecounty.js +0 -6586
  114. package/build/orangecounty.js.map +0 -1
  115. package/build/pasorobles-rtl.css +0 -21475
  116. package/build/pasorobles.asset.php +0 -1
  117. package/build/pasorobles.css +0 -21503
  118. package/build/pasorobles.css.map +0 -1
  119. package/build/pasorobles.js +0 -6586
  120. package/build/pasorobles.js.map +0 -1
  121. package/build/sacramento-rtl.css +0 -21475
  122. package/build/sacramento.asset.php +0 -1
  123. package/build/sacramento.css +0 -21503
  124. package/build/sacramento.css.map +0 -1
  125. package/build/sacramento.js +0 -6586
  126. package/build/sacramento.js.map +0 -1
  127. package/build/santabarbara-rtl.css +0 -21475
  128. package/build/santabarbara.asset.php +0 -1
  129. package/build/santabarbara.css +0 -21503
  130. package/build/santabarbara.css.map +0 -1
  131. package/build/santabarbara.js +0 -6586
  132. package/build/santabarbara.js.map +0 -1
  133. package/build/santacruz-rtl.css +0 -21475
  134. package/build/santacruz.asset.php +0 -1
  135. package/build/santacruz.css +0 -21503
  136. package/build/santacruz.css.map +0 -1
  137. package/build/santacruz.js +0 -6586
  138. package/build/santacruz.js.map +0 -1
  139. package/build/shasta-rtl.css +0 -21475
  140. package/build/shasta.asset.php +0 -1
  141. package/build/shasta.css +0 -21503
  142. package/build/shasta.css.map +0 -1
  143. package/build/shasta.js +0 -6586
  144. package/build/shasta.js.map +0 -1
  145. package/build/sierra-rtl.css +0 -21475
  146. package/build/sierra.asset.php +0 -1
  147. package/build/sierra.css +0 -21503
  148. package/build/sierra.css.map +0 -1
  149. package/build/sierra.js +0 -6586
  150. package/build/sierra.js.map +0 -1
  151. package/build/trinity-rtl.css +0 -21475
  152. package/build/trinity.asset.php +0 -1
  153. package/build/trinity.css +0 -21503
  154. package/build/trinity.css.map +0 -1
  155. package/build/trinity.js +0 -6586
  156. package/build/trinity.js.map +0 -1
package/build/components/locations.html ADDED
@@ -0,0 +1,249 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Locations.html</title>
5
+ <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>
6
+ <body>
7
+ <header role="banner" id="header" class="global-header">
8
+ <div id="skip-to-content">
9
+ <a href="#main-content">Skip to Main Content</a>
10
+ </div>
11
+
12
+ <!-- Alerts -->
13
+ <div class="alerts">
14
+ <div class="alert alert-primary alert-dismissible">
15
+ <div class="container">
16
+ <h6 class="alert-level" >
17
+ <span class="ca-gov-icon-construction"></span>Under Construction
18
+ </h6>
19
+ <div>
20
+ This codebase is currently being worked on
21
+ </div>
22
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
23
+ <span class="sr-only">x</span>
24
+ </button>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <!-- Utility Header -->
29
+ <div class="utility-header">
30
+ <div class="container d-flex flex-row">
31
+ <div class="social-media-links">
32
+ <div class="header-cagov-logo">
33
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
34
+ <span class="sr-only">CA.gov</span>
35
+ <span class="ca-gov-logo-svg"></span>
36
+ </a>
37
+ </div>
38
+ <p class="official-tag">Official website of the State of California</p>
39
+ </div>
40
+ <div class="settings-links">
41
+ <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <!-- Branding -->
46
+ <div class="branding border-bottom">
47
+ <div class="container d-flex flex-row">
48
+ <div class="header-organization-banner">
49
+ <a href="/">
50
+ <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
51
+ </a>
52
+ </div>
53
+ <!-- Search -->
54
+ <div class="search-container">
55
+ <form action="/serp.html" role="search">
56
+ <div class="input-group">
57
+ <span class="sr-only" id="SearchInput">Custom Google Search</span>
58
+ <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
59
+ <button type="submit" class="search-button">
60
+ <span class="ca-gov-icon-search" aria-hidden="true"></span>
61
+ <span class="sr-only">Submit</span>
62
+ </button>
63
+ </div>
64
+ </form>
65
+ </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">
66
+ </button>
67
+ </div>
68
+ </div>
69
+ <!-- Mobile Navigation Controls -->
70
+ <div class="mobile-controlled overlay collapse collapse-horizontal">
71
+ <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">
72
+ </button>
73
+ </div>
74
+ <!-- Navigation -->
75
+ <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
76
+ <div class="container">
77
+ <ul class="nav" aria-label="Main navigation">
78
+ <li class="nav-item">
79
+ <a class="nav-link" href="/template-updates.html">Template updates</a>
80
+ </li>
81
+ <li class="nav-item">
82
+ <a class="nav-link" href="/get-started.html">Get started</a>
83
+ </li>
84
+ <li class="nav-item">
85
+ <a class="nav-link" href="/structure.html">Structure</a>
86
+ </li>
87
+ <li class="nav-item dropdown">
88
+ <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
89
+ <ul class="dropdown-menu">
90
+ <li>
91
+ <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
92
+ <div class="link-description">Link Description</div>
93
+ </a>
94
+ </li>
95
+ <li>
96
+ <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
97
+ </li>
98
+ <li>
99
+ <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
100
+ </li>
101
+ <li>
102
+ <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
103
+ </li>
104
+ </ul>
105
+ </li>
106
+ <li class="nav-item">
107
+ <a class="nav-link" href="/components.html">Components</a>
108
+ </li>
109
+ <li class="nav-item">
110
+ <a class="nav-link" href="/patterns.html">Patterns</a>
111
+ </li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </header> <div id="page-container" class="page-container ">
116
+ <div id="main-content" class="main-content " tabindex="-1">
117
+ <main class="main-primary">
118
+ <div class="container">
119
+
120
+ <h2>Locations</h2>
121
+
122
+ <div class="location contact">
123
+ <span class="ca-gov-icon-share-email"></span>
124
+ <div class="contact">
125
+ <p>CDT</p>
126
+ <a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
127
+ <p>General Information: 9787898569</p>
128
+ <p>Fax Information: 9787898569</p>
129
+ <a href="google.com" class="btn btn-outline-dark" target="_blank">More</a>
130
+ </div>
131
+ </div>
132
+
133
+ <div class="location mini">
134
+ <span class="ca-gov-icon-share-instagram"></span>
135
+ <div class="contact">
136
+ <a href="http://google.com" target="_blank">CDT</a>
137
+ <a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="location mini">
142
+ <span class="ca-gov-icon-share-instagram"></span>
143
+ <div class="contact">
144
+ <p>CDT</p>
145
+ <a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
146
+ </div>
147
+ </div>
148
+
149
+ <div class="location banner">
150
+ <div class="thumbnail">
151
+ <img decoding="async" src="../images/grayscale_mountain.jpg" class="w-100" alt="CDT">
152
+ </div>
153
+ <div class="contact">
154
+ <p>CDT</p>
155
+ <div class="address">
156
+ <span class="ca-gov-icon-road-pin"></span>
157
+ <a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
158
+ </div>
159
+ </div>
160
+ <div class="summary">
161
+ <p>Description</p>
162
+ <div class="description">adffasdfa</div>
163
+ <a href="google.com" class="btn btn-outline-dark" target="_blank">View More Details</a>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </main>
168
+ </div>
169
+ </div>
170
+ <footer class="global-footer">
171
+ <div class="container">
172
+ <div class="d-flex">
173
+ <ul class="nav footer-links">
174
+ <li class="nav-item">
175
+ <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">
176
+ <span class="ca-gov-logo-svg"></span>
177
+ </a>
178
+ </li>
179
+ <li class="nav-item">
180
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
181
+ </li>
182
+ <li class="nav-item">
183
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
184
+ </li>
185
+ <li class="nav-item">
186
+ <a href="/website-accessibility-certification.html" class="nav-link">
187
+ Website accessibility certification
188
+ </a>
189
+ </li>
190
+ <li class="nav-item">
191
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
192
+ </li>
193
+ </ul>
194
+ <ul class="nav social-share-links">
195
+ <li class="nav-item">
196
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
197
+ </li>
198
+ <li class="nav-item">
199
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
200
+ </li>
201
+ <li class="nav-item">
202
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
203
+ </li>
204
+ <li class="nav-item">
205
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
206
+ </li>
207
+ <li class="nav-item">
208
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
209
+ </li>
210
+ <li class="nav-item">
211
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
212
+ </li>
213
+ <li class="nav-item">
214
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
215
+ </li>
216
+ <li class="nav-item">
217
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
218
+ </li>
219
+ <li class="nav-item">
220
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
221
+ </li>
222
+ <li class="nav-item">
223
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
224
+ </li>
225
+ <li class="nav-item">
226
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
227
+ </li>
228
+ <li class="nav-item">
229
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
230
+ </li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+ <!-- Copyright Statement -->
235
+ <div class="copyright container">
236
+ <p>
237
+ ©
238
+ <span id="thisyear">
239
+ <script>
240
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
241
+ </script>
242
+ </span>
243
+ State of California
244
+ </p>
245
+ </div>
246
+
247
+ <button class="return-top">Back to top</button>
248
+ </footer> <script src="../oceanside.js"></script></body>
249
+ </html>
package/build/components/profile-banners.html ADDED
@@ -0,0 +1,248 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Profile banners.html</title>
5
+ <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>
6
+ <body>
7
+ <header role="banner" id="header" class="global-header">
8
+ <div id="skip-to-content">
9
+ <a href="#main-content">Skip to Main Content</a>
10
+ </div>
11
+
12
+ <!-- Alerts -->
13
+ <div class="alerts">
14
+ <div class="alert alert-primary alert-dismissible">
15
+ <div class="container">
16
+ <h6 class="alert-level" >
17
+ <span class="ca-gov-icon-construction"></span>Under Construction
18
+ </h6>
19
+ <div>
20
+ This codebase is currently being worked on
21
+ </div>
22
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
23
+ <span class="sr-only">x</span>
24
+ </button>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <!-- Utility Header -->
29
+ <div class="utility-header">
30
+ <div class="container d-flex flex-row">
31
+ <div class="social-media-links">
32
+ <div class="header-cagov-logo">
33
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
34
+ <span class="sr-only">CA.gov</span>
35
+ <span class="ca-gov-logo-svg"></span>
36
+ </a>
37
+ </div>
38
+ <p class="official-tag">Official website of the State of California</p>
39
+ </div>
40
+ <div class="settings-links">
41
+ <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <!-- Branding -->
46
+ <div class="branding border-bottom">
47
+ <div class="container d-flex flex-row">
48
+ <div class="header-organization-banner">
49
+ <a href="/">
50
+ <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
51
+ </a>
52
+ </div>
53
+ <!-- Search -->
54
+ <div class="search-container">
55
+ <form action="/serp.html" role="search">
56
+ <div class="input-group">
57
+ <span class="sr-only" id="SearchInput">Custom Google Search</span>
58
+ <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
59
+ <button type="submit" class="search-button">
60
+ <span class="ca-gov-icon-search" aria-hidden="true"></span>
61
+ <span class="sr-only">Submit</span>
62
+ </button>
63
+ </div>
64
+ </form>
65
+ </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">
66
+ </button>
67
+ </div>
68
+ </div>
69
+ <!-- Mobile Navigation Controls -->
70
+ <div class="mobile-controlled overlay collapse collapse-horizontal">
71
+ <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">
72
+ </button>
73
+ </div>
74
+ <!-- Navigation -->
75
+ <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
76
+ <div class="container">
77
+ <ul class="nav" aria-label="Main navigation">
78
+ <li class="nav-item">
79
+ <a class="nav-link" href="/template-updates.html">Template updates</a>
80
+ </li>
81
+ <li class="nav-item">
82
+ <a class="nav-link" href="/get-started.html">Get started</a>
83
+ </li>
84
+ <li class="nav-item">
85
+ <a class="nav-link" href="/structure.html">Structure</a>
86
+ </li>
87
+ <li class="nav-item dropdown">
88
+ <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
89
+ <ul class="dropdown-menu">
90
+ <li>
91
+ <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
92
+ <div class="link-description">Link Description</div>
93
+ </a>
94
+ </li>
95
+ <li>
96
+ <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
97
+ </li>
98
+ <li>
99
+ <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
100
+ </li>
101
+ <li>
102
+ <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
103
+ </li>
104
+ </ul>
105
+ </li>
106
+ <li class="nav-item">
107
+ <a class="nav-link" href="/components.html">Components</a>
108
+ </li>
109
+ <li class="nav-item">
110
+ <a class="nav-link" href="/patterns.html">Patterns</a>
111
+ </li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </header> <div id="page-container" class="page-container ">
116
+ <div id="main-content" class="main-content " tabindex="-1">
117
+ <main class="main-primary">
118
+ <div class="container">
119
+ <h2>Profile Banners</h2>
120
+
121
+ <div class="row">
122
+ <div class="col">
123
+ <h5>Squared</h5>
124
+ <figure class="executive-profile" aria-label="Profile Banner for John Doe">
125
+ <img decoding="async" src="../images/silhouette.png" alt="John Doe Portrait">
126
+ <div class="body">
127
+ <h4>John Doe</h4>
128
+ <span>ITS2</span>
129
+ <a href="#">Profile Link</a>
130
+ </div>
131
+ </figure>
132
+
133
+ <h5>Rounded</h5>
134
+ <figure class="executive-profile" aria-label="Profile Banner for John Doe">
135
+ <img decoding="async" class="rounded-circle" src="../images/silhouette.png" alt="John Doe Portrait">
136
+ <div class="body">
137
+ <h4>John Doe</h4>
138
+ <span>ITS2</span>
139
+ <a href="#">Profile Link</a>
140
+ </div>
141
+ </figure>
142
+ </div>
143
+ <div class="col">
144
+ <h5>Squared</h5>
145
+ <figure class="executive-profile vertical" aria-label="Profile Banner for John Doe">
146
+ <img decoding="async" src="../images/silhouette.png" alt="John Doe Portrait">
147
+ <div class="body">
148
+ <h4>John Doe</h4>
149
+ <span>ITS2</span>
150
+ <a href="#">Profile Link</a>
151
+ </div>
152
+ </figure>
153
+
154
+ <h5>Rounded</h5>
155
+ <figure class="executive-profile vertical" aria-label="Profile Banner for John Doe">
156
+ <img decoding="async" class="rounded-circle" src="../images/silhouette.png" alt="John Doe Portrait">
157
+ <div class="body">
158
+ <h4>John Doe</h4>
159
+ <span>ITS2</span>
160
+ <a href="#">Profile Link</a>
161
+ </div>
162
+ </figure>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </main>
167
+ </div>
168
+ </div>
169
+ <footer class="global-footer">
170
+ <div class="container">
171
+ <div class="d-flex">
172
+ <ul class="nav footer-links">
173
+ <li class="nav-item">
174
+ <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">
175
+ <span class="ca-gov-logo-svg"></span>
176
+ </a>
177
+ </li>
178
+ <li class="nav-item">
179
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
180
+ </li>
181
+ <li class="nav-item">
182
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
183
+ </li>
184
+ <li class="nav-item">
185
+ <a href="/website-accessibility-certification.html" class="nav-link">
186
+ Website accessibility certification
187
+ </a>
188
+ </li>
189
+ <li class="nav-item">
190
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
191
+ </li>
192
+ </ul>
193
+ <ul class="nav social-share-links">
194
+ <li class="nav-item">
195
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
196
+ </li>
197
+ <li class="nav-item">
198
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
199
+ </li>
200
+ <li class="nav-item">
201
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
202
+ </li>
203
+ <li class="nav-item">
204
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
205
+ </li>
206
+ <li class="nav-item">
207
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
208
+ </li>
209
+ <li class="nav-item">
210
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
211
+ </li>
212
+ <li class="nav-item">
213
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
214
+ </li>
215
+ <li class="nav-item">
216
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
217
+ </li>
218
+ <li class="nav-item">
219
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
220
+ </li>
221
+ <li class="nav-item">
222
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
223
+ </li>
224
+ <li class="nav-item">
225
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
226
+ </li>
227
+ <li class="nav-item">
228
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
229
+ </li>
230
+ </ul>
231
+ </div>
232
+ </div>
233
+ <!-- Copyright Statement -->
234
+ <div class="copyright container">
235
+ <p>
236
+ ©
237
+ <span id="thisyear">
238
+ <script>
239
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
240
+ </script>
241
+ </span>
242
+ State of California
243
+ </p>
244
+ </div>
245
+
246
+ <button class="return-top">Back to top</button>
247
+ </footer> <script src="../oceanside.js"></script></body>
248
+ </html>