@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/sections.html ADDED
@@ -0,0 +1,216 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Sections.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>Sections</h2>
120
+
121
+ <div class="section bg-main">
122
+ <div class="col-4 pe-3 animate__animated animate__fadeInLeft float-start">
123
+ <img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" class="mw-100 w-100 h-auto d-inline-block" alt="Sample Image">
124
+ </div>
125
+ <div class="px-3 clearfix">
126
+ <h2>asdfasdfas</h2>
127
+ <p>adfadffasdfassdffasdff</p>
128
+ <div>
129
+ <a href="http://afadfa" class="btn btn-outline-dark" target="_blank">More Information<span class="sr-only">More information about asdfasdfas</span></a>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </main>
135
+ </div>
136
+ </div>
137
+ <footer class="global-footer">
138
+ <div class="container">
139
+ <div class="d-flex">
140
+ <ul class="nav footer-links">
141
+ <li class="nav-item">
142
+ <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">
143
+ <span class="ca-gov-logo-svg"></span>
144
+ </a>
145
+ </li>
146
+ <li class="nav-item">
147
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
148
+ </li>
149
+ <li class="nav-item">
150
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
151
+ </li>
152
+ <li class="nav-item">
153
+ <a href="/website-accessibility-certification.html" class="nav-link">
154
+ Website accessibility certification
155
+ </a>
156
+ </li>
157
+ <li class="nav-item">
158
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
159
+ </li>
160
+ </ul>
161
+ <ul class="nav social-share-links">
162
+ <li class="nav-item">
163
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
164
+ </li>
165
+ <li class="nav-item">
166
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
167
+ </li>
168
+ <li class="nav-item">
169
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
170
+ </li>
171
+ <li class="nav-item">
172
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
173
+ </li>
174
+ <li class="nav-item">
175
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
176
+ </li>
177
+ <li class="nav-item">
178
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
179
+ </li>
180
+ <li class="nav-item">
181
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
182
+ </li>
183
+ <li class="nav-item">
184
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
185
+ </li>
186
+ <li class="nav-item">
187
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
188
+ </li>
189
+ <li class="nav-item">
190
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
191
+ </li>
192
+ <li class="nav-item">
193
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
194
+ </li>
195
+ <li class="nav-item">
196
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
197
+ </li>
198
+ </ul>
199
+ </div>
200
+ </div>
201
+ <!-- Copyright Statement -->
202
+ <div class="copyright container">
203
+ <p>
204
+ ©
205
+ <span id="thisyear">
206
+ <script>
207
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
208
+ </script>
209
+ </span>
210
+ State of California
211
+ </p>
212
+ </div>
213
+
214
+ <button class="return-top">Back to top</button>
215
+ </footer> <script src="../oceanside.js"></script></body>
216
+ </html>
package/build/components/service-tiles.html ADDED
@@ -0,0 +1,273 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Service tiles.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-fluid g-0">
119
+ <h2 class="container">Service Tiles</h2>
120
+
121
+ <div id="service-tiles" class="service-tiles">
122
+ <div class="row clearfix">
123
+ <div tabindex="0" class="service-tile w-25">
124
+ <img decoding="async" src="../images/black_puppy.jpg" alt="Sample Image" >
125
+ <div class="teaser">
126
+ <a href="http://example.com" class="title">
127
+ Service Tile 1
128
+ <span class="ca-gov-icon-link d-block"></span>
129
+ </a>
130
+ </div>
131
+ </div>
132
+ <div tabindex="0" class="service-tile w-50">
133
+ <img decoding="async" src="../images/dolphin_marine_mammals_water.jpg" alt="Sample Image" >
134
+ <div class="teaser ">
135
+ <a href="http://example.com" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-2" class="title" aria-expanded="false">
136
+ Service Tile 2
137
+ <span class="ca-gov-icon-plus-fill d-block"></span>
138
+ </a>
139
+ </div>
140
+ </div>
141
+ <div tabindex="0" class="service-tile w-25">
142
+ <img decoding="async" src="../images/grayscale_mountain.jpg" alt="Sample Image" >
143
+ <div class="teaser">
144
+ <a href="http://example.com" class="title">
145
+ Service Tile 3
146
+ <span class="ca-gov-icon-link d-block"></span>
147
+ </a>
148
+ </div>
149
+ </div>
150
+ <div class="collapse" id="card-2" data-bs-parent="#service-tiles">
151
+ <div class="card card-default">
152
+ <div class="container pt-0">
153
+ <div class="card card-block">
154
+ <button type="button" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-2" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
155
+ <div class="group px-3">
156
+ <p>Service Tile Content</p>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ <div tabindex="0" class="service-tile w-100">
163
+ <img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" alt="Sample Image" >
164
+ <div class="teaser">
165
+ <a href="http://example.com" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-4" class="title" aria-expanded="false">
166
+ Service Tile 4
167
+ <span class="ca-gov-icon-plus-fill d-block"></span>
168
+ </a>
169
+ </div>
170
+ </div>
171
+ <div class="collapse" id="card-4" data-bs-parent="#service-tiles">
172
+ <div class="card card-default">
173
+ <div class="container pt-0">
174
+ <div class="card card-block">
175
+ <button type="button" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-4" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
176
+ <div class="group px-3"><p>Service Tile Content</p></div>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <div class="more-button">
184
+ <a href="#" class="btn-more inverse" target="_blanK">
185
+ <span class="ca-gov-icon-plus-fill" aria-hidden="true"></span>
186
+ <span class="more-title">Learn more about service tiles</span>
187
+ </a>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </main>
192
+ </div>
193
+ </div>
194
+ <footer class="global-footer">
195
+ <div class="container">
196
+ <div class="d-flex">
197
+ <ul class="nav footer-links">
198
+ <li class="nav-item">
199
+ <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">
200
+ <span class="ca-gov-logo-svg"></span>
201
+ </a>
202
+ </li>
203
+ <li class="nav-item">
204
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
205
+ </li>
206
+ <li class="nav-item">
207
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
208
+ </li>
209
+ <li class="nav-item">
210
+ <a href="/website-accessibility-certification.html" class="nav-link">
211
+ Website accessibility certification
212
+ </a>
213
+ </li>
214
+ <li class="nav-item">
215
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
216
+ </li>
217
+ </ul>
218
+ <ul class="nav social-share-links">
219
+ <li class="nav-item">
220
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
221
+ </li>
222
+ <li class="nav-item">
223
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
224
+ </li>
225
+ <li class="nav-item">
226
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
227
+ </li>
228
+ <li class="nav-item">
229
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
230
+ </li>
231
+ <li class="nav-item">
232
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
233
+ </li>
234
+ <li class="nav-item">
235
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
236
+ </li>
237
+ <li class="nav-item">
238
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
239
+ </li>
240
+ <li class="nav-item">
241
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
242
+ </li>
243
+ <li class="nav-item">
244
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
245
+ </li>
246
+ <li class="nav-item">
247
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
248
+ </li>
249
+ <li class="nav-item">
250
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
251
+ </li>
252
+ <li class="nav-item">
253
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
254
+ </li>
255
+ </ul>
256
+ </div>
257
+ </div>
258
+ <!-- Copyright Statement -->
259
+ <div class="copyright container">
260
+ <p>
261
+ ©
262
+ <span id="thisyear">
263
+ <script>
264
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
265
+ </script>
266
+ </span>
267
+ State of California
268
+ </p>
269
+ </div>
270
+
271
+ <button class="return-top">Back to top</button>
272
+ </footer> <script src="../oceanside.js"></script></body>
273
+ </html>