@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
  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 +10 -2
  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 +10 -2
  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 +4978 -198
  87. package/build/oceanside.js.map +1 -1
  88. package/package.json +4 -4
  89. package/build/delta-rtl.css +0 -21517
  90. package/build/delta.asset.php +0 -1
  91. package/build/delta.css +0 -21545
  92. package/build/delta.css.map +0 -1
  93. package/build/delta.js +0 -6601
  94. package/build/delta.js.map +0 -1
  95. package/build/eureka-rtl.css +0 -21517
  96. package/build/eureka.asset.php +0 -1
  97. package/build/eureka.css +0 -21545
  98. package/build/eureka.css.map +0 -1
  99. package/build/eureka.js +0 -6601
  100. package/build/eureka.js.map +0 -1
  101. package/build/fonts/CaGov.json +0 -7582
  102. package/build/mono-rtl.css +0 -21517
  103. package/build/mono.asset.php +0 -1
  104. package/build/mono.css +0 -21545
  105. package/build/mono.css.map +0 -1
  106. package/build/mono.js +0 -6601
  107. package/build/mono.js.map +0 -1
  108. package/build/orangecounty-rtl.css +0 -21517
  109. package/build/orangecounty.asset.php +0 -1
  110. package/build/orangecounty.css +0 -21545
  111. package/build/orangecounty.css.map +0 -1
  112. package/build/orangecounty.js +0 -6601
  113. package/build/orangecounty.js.map +0 -1
  114. package/build/pasorobles-rtl.css +0 -21517
  115. package/build/pasorobles.asset.php +0 -1
  116. package/build/pasorobles.css +0 -21545
  117. package/build/pasorobles.css.map +0 -1
  118. package/build/pasorobles.js +0 -6601
  119. package/build/pasorobles.js.map +0 -1
  120. package/build/sacramento-rtl.css +0 -21517
  121. package/build/sacramento.asset.php +0 -1
  122. package/build/sacramento.css +0 -21545
  123. package/build/sacramento.css.map +0 -1
  124. package/build/sacramento.js +0 -6601
  125. package/build/sacramento.js.map +0 -1
  126. package/build/santabarbara-rtl.css +0 -21517
  127. package/build/santabarbara.asset.php +0 -1
  128. package/build/santabarbara.css +0 -21545
  129. package/build/santabarbara.css.map +0 -1
  130. package/build/santabarbara.js +0 -6601
  131. package/build/santabarbara.js.map +0 -1
  132. package/build/santacruz-rtl.css +0 -21517
  133. package/build/santacruz.asset.php +0 -1
  134. package/build/santacruz.css +0 -21545
  135. package/build/santacruz.css.map +0 -1
  136. package/build/santacruz.js +0 -6601
  137. package/build/santacruz.js.map +0 -1
  138. package/build/shasta-rtl.css +0 -21517
  139. package/build/shasta.asset.php +0 -1
  140. package/build/shasta.css +0 -21545
  141. package/build/shasta.css.map +0 -1
  142. package/build/shasta.js +0 -6601
  143. package/build/shasta.js.map +0 -1
  144. package/build/sierra-rtl.css +0 -21517
  145. package/build/sierra.asset.php +0 -1
  146. package/build/sierra.css +0 -21545
  147. package/build/sierra.css.map +0 -1
  148. package/build/sierra.js +0 -6601
  149. package/build/sierra.js.map +0 -1
  150. package/build/trinity-rtl.css +0 -21517
  151. package/build/trinity.asset.php +0 -1
  152. package/build/trinity.css +0 -21545
  153. package/build/trinity.css.map +0 -1
  154. package/build/trinity.js +0 -6601
  155. 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>