PageSourceSearch

https://www.ca.gov/about-california/

html ca.gov collected 2026-09-24 06:03:08 UTC 35,152 bytes, 1,002 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3  <head>
4    <title>About California | CA.gov</title>
5    <meta charset="utf-8" />
6    <meta name="Author" content="State of California" />
7    <meta name="Description" content="Learn about the California state government, places to visit, and recent milestones." />
8    <meta name="Keywords" content="California, government, " />
9    <meta name="robots" content="index, follow" />
10    <link href="https://www.ca.gov/about-california/" rel="canonical" />
11    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
12    <meta name="HandheldFriendly" content="True" />
13    <meta name="MobileOptimized" content="320" />
14    <meta
15      name="viewport"
16      content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
17    <!-- Primary Meta Tags -->
18    <meta name="title" content="About California | CA.gov" />
19
20    <!-- Open Graph / Facebook / Twitter -->
21    <meta property="og:locale" content="en_US" />
22    <meta property="og:site_name" content="California State Portal" />
23    <meta property="og:type" content="website" />
24    <meta property="og:url" content="https://www.ca.gov/about-california/" />
25    <meta property="og:title" content="About California | CA.gov" />
26    <meta property="og:description" content="Learn about the California state government, places to visit, and recent milestones." />
27    <meta property="og:image" content="https://www.ca.gov/images/cagov-social-image.jpg" />
28    <meta property="og:image:alt" content="CA.gov logo over a scenic photo of a California beach" />
29    <meta name="twitter:card" content="summary_large_image" />
30
31    <!-- Preconnects and preloads -->
32<link
33  rel="preload"
34  href="https://fonts.gstatic.com/s/publicsans/v18/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2"
35  as="font"
36  type="font/woff2"
37  crossorigin />
38<link
39  rel="preload"
40  href="/fonts/CaGov.woff2"
41  as="font"
42  type="font/woff2"
43  crossorigin />
44
45<link rel="stylesheet" href="/css/cagov-custom.min.css?vjan26a" />
46<script src="/js/cagov-custom.min.js?vjan26a" defer></script>
vendor: 1 bytes, line 46
46
47<script src="/js/custom.min.js?vjan26a" type="module" defer></script>
47<!-- Site icons -->
48<link
49  rel="apple-touch-icon-precomposed"
50  sizes="100x100"
51  href="/images/apple-touch-icon-precomposed.png" />
52<link rel="icon" sizes="192x192" href="/images/apple-touch-icon-192x192.png" />
53<link
54  rel="apple-touch-icon-precomposed"
55  sizes="180x180"
56  href="/images/apple-touch-icon-180x180.png" />
57<link
58  rel="apple-touch-icon-precomposed"
59  sizes="152x152"
60  href="/images/apple-touch-icon-152x152.png" />
61<link
62  rel="apple-touch-icon-precomposed"
63  sizes="144x144"
64  href="/images/apple-touch-icon-144x144.png" />
65<link
66  rel="apple-touch-icon-precomposed"
67  sizes="120x120"
68  href="/images/apple-touch-icon-120x120.png" />
69<link
70  rel="apple-touch-icon-precomposed"
71  sizes="114x114"
72  href="/images/apple-touch-icon-114x114.png" />
73<link
74  rel="apple-touch-icon-precomposed"
75  sizes="72x72"
76  href="/images/apple-touch-icon-72x72.png" />
77<link
78  rel="apple-touch-icon-precomposed"
79  href="/images/apple-touch-icon-57x57.png" />
80<link rel="shortcut icon" href="/images/apple-touch-icon-57x57.png" />
81<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
82<link rel="shortcut icon" href="/favicon.ico" />
83<!-- Google analytics -->
84<!-- #region Google Analytics -->
85<script>
86  (function() {
87    // --- REQUIRED: Statewide GA4 ID (do not change) ---
88    const SW = "G-69TD0KNT0F"; //G-69TD0KNT0F
89    // --- REQUIRED: Site-specific GA4 ID (developers replace this) ---
90    const SITE = "G-TM1XPW93HF"; // Replace with your site's GA4 ID
91    function loadGA4() {
92      // Load gtag.js once (using statewide ID)
93      const s = document.createElement("script");
94      s.async = true;
95      s.src = "https://www.googletagmanager.com/gtag/js?id=" + SW;
96      document.head.appendChild(s);
97
98      // Initialize dataLayer + gtag
99      window.dataLayer = window.dataLayer || [];
100      function gtag(){ dataLayer.push(arguments); }
101
102      gtag("js", new Date());
103
104      // --- Statewide GA4 (uses .ca.gov second‑level domain cookie) ---
105      gtag("config", SW, {
106        cookie_flags: "secure;samesite=lax"
107      });
108
109      // --- Site-specific GA4 (full-hostname cookie) ---
110      gtag("config", SITE, {
111        cookie_flags: "secure;samesite=lax;domain="
112      });
113    }
114
115    // Performance-friendly idle load
116    ("requestIdleCallback" in window)
117      ? requestIdleCallback(loadGA4)
118      : setTimeout(loadGA4, 200);
119
120  })();
121</script>
121
122<!-- #endregion -->
123
124<!-- Statewide Alerts Server -->
125<script defer src="https://alert.cdt.ca.gov" crossorigin="anonymous"></script>
125
126
127  </head>
128  <body class="primary">
129    <header id="header" class="global-header fixed">
130      <div id="skip-to-content">
131        <a href="#main-content">Skip to Main Content</a>
132      </div>
133      <!-- Utility header structural component -->
134<div class="utility-header d-print-none" data-nosnippet>
135  <div class="container">
136    <div class="flex-row">
137      <div class="social-media-links align-items-start">
138        <div class="official-collapsible-content">
139          <button
140            type="button"
141            data-bs-toggle="collapse"
142            data-bs-target="#collapseOficial"
143            aria-expanded="false"
144            aria-controls="collapseOficial"
145            class="btn-official mt-1 gray-900 color-black-hover">
146            <span class="underline">Official California website</span>
147            <span class="ca-gov-icon-caret-up" aria-hidden="true"></span>
148            <span class="ca-gov-icon-caret-down" aria-hidden="true"></span>
149          </button>
150          <div class="collapse" id="collapseOficial">
151            <div class="font-size-13 gray-900 p-y ps-1 pe-2">
152              <span class="bold"
153                >California government websites use .ca.gov </span
154              ><br />A .ca.gov website is part of California’s government.
155            </div>
156          </div>
157        </div>
158      </div>
159      <div
160        class="settings-links ms-auto align-items-start pt-2 line-height-1-6em">
161        <a
162          href="#googtrans(en|es)"
163          class="m-l-0 underline cursor-pointer"
164          lang="es"
165          hreflang="es"
166          translate="no"
167          rel="alternate"
168          >Español</a
169        >
170        <a
171          href="#googtrans(en|ko)"
172          lang="ko"
173          hreflang="ko"
174          translate="no"
175          rel="alternate"
176          class="underline cursor-pointer"
177          >한국어</a
178        >
179
180        <a
181          href="#googtrans(en|tl)"
182          lang="tl"
183          hreflang="tl"
184          translate="no"
185          rel="alternate"
186          class="underline cursor-pointer"
187          >Tagalog</a
188        >
189        <a
190          href="#googtrans(en|vi)"
191          lang="vi"
192          hreflang="vi"
193          translate="no"
194          rel="alternate"
195          class="underline cursor-pointer"
196          >Tiếng Việt</a
197        >
198        <a
199          href="#googtrans(en|zh-TW)"
200          lang="zh-hant"
201          hreflang="zh-hant"
202          translate="no"
203          rel="alternate"
204          class="underline cursor-pointer"
205          >繁體中文</a
206        >
207        <a class="translate notranslate pos-rel top-minus-2" href="/translate/"
208          ><span class="ca-gov-icon-globe" aria-hidden="true"></span
209          ><span class="sr-only">Translate</span></a
210        >
211      </div>
212    </div>
213  </div>
214</div>
215<!-- Site header (branding) structural component -->
216<div class="section-default">
217  <div class="branding">
218    <div class="header-organization-banner">
219      <a href="/">
220        <div class="logo-assets">
221          <img
222            src="/images/CAgov-logo.svg?v7F3A"
223            class="logo-img"
224            alt="CA.gov official logo" />
225        </div>
226      </a>
227    </div>
228  </div>
229</div>
230<!-- Mobile controls structural compoent -->
231<div class="mobile-controls">
232  <div class="mobile-control-group main-nav-icons">
233    <button
234      id="nav-icon3"
235      class="mobile-control toggle-menu"
236      aria-expanded="false"
237      aria-controls="navigation">
238      <span></span>
239      <span></span>
240      <span></span>
241      <span></span>
242      <span class="sr-only">Menu</span>
243    </button>
244  </div>
245</div>
246<div class="navigation-search full-width-nav container">
247        <div id="head-search" class="search-container featured-search">
248          <div class="d-block d-lg-none">
249            <a href="/" class="drawer-logo-link first-level-link">
250              <img
251                src="/images/CAgov-logo.svg?v7F3A"
252                alt="CA.gov official logo"
253                class="drawer-logo mb-4" />
254            </a>
255          </div>
256<!-- Search structural component -->
257<div class="container">
258  <form id="Search" class="pos-rel" action="/search/">
259    <span class="sr-only" id="SearchInput">Custom Google Search</span>
260    <input
261      type="search"
262      name="q"
263      aria-labelledby="SearchInput"
264      placeholder="Search"
265      class="search-textfield" />
266    <button type="submit" class="gsc-search-button">
267      <span class="ca-gov-icon-search" aria-hidden="true"></span>
268      <span class="sr-only">Submit</span>
269    </button>
270    <div class="close-search-btn">
271      <button
272        class="close-search gsc-clear-button border-0 bg-transparent pos-rel"
273        type="reset">
274        <span class="sr-only">Close</span>
275      </button>
276    </div>
277  </form>
278</div>
279</div>
280        <!-- Site navigation structural component -->
281<nav
282  id="navigation"
283  class="main-navigation dropdown"
284  aria-label="Main navigation">
285  <ul id="nav_list" class="top-level-nav">
286    <li class="nav-item">
287      <a
288        class="first-level-link"
289        href="/services/">
290        Services
291      </a>
292    </li>
293    <li class="nav-item">
294      <a
295        class="first-level-link"
296        href="/departments/">
297        Departments
298      </a>
299    </li>
300    <li class="nav-item">
301      <a
302        class="first-level-link active"
303        href="/about-california/">
304        About California
305      </a>
306    </li>
307    <li class="nav-item">
308      <a
309        class="first-level-link"
310        href="/support/">
311        Get help
312      </a>
313    </li>
314  </ul>
315</nav>
316</div>
317    </header>
318    <!-- Main content -->
319<div id="main-content" class="main-content">
320  <main class="main-primary" id="main">
321<div
322  class="section-primary lineart bg-p2"
323  style="background: url('/images/about-lineart.svg') no-repeat right / auto;">
324  <div class="container p-y-md"><!-- Breadcrumbs component -->
325
326<nav aria-label="You are here" class="breadcrumbs">
327  <ol>
328    <li><a href="/">Home</a></li>
329    <li class="active">About California</li>
330  </ol>
331</nav>
332<h1 class="m-t-0">About California</h1>
333  </div>
334</div>
335
336<div class="section-understated">
337  <div class="container p-y-lg">
338    <div class="col-md-10">
339      <p class="lead">
340        Californians deserve a government that works for them and with them. One
341        that will work to ensure opportunity and justice. We are building a
342        California not for the few, but for all — including those who have
343        historically been left out.
344      </p>
345      <p class="lead">
346        We are doing the work to make our state a place for every Californian
347        and all the diversity that makes us strong. Our state will be known as a
348        place where everyone is respected, protected, and connected.
349      </p>
350    </div>
351  </div>
352</div>
353<!--Branches-->
354<div class="container p-b-lg">
355  <h2>California government</h2>
356  <h3 class="m-b-lg">Branches of government</h3>
357  <div class="row p-t-lg">
358    <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0">
359      <div
360        class="bg-white p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded-10">
361        <img
362          src="/images/about-branch-1.webp"
363          class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x"
364          alt="The American flag and State of California flag are raised in front of the Sacramento State Capitol." />
365        <h4 class="m-b m-t-md text-left">Executive</h4>
366        <p class="m-b text-left">
367          The Governor leads California's executive branch, which includes
368          elected officials and administrators.
369        </p>
370        <p class="text-center mt-auto m-b-md">
371          <a
372            href="https://www.gov.ca.gov/"
373            class="btn btn-primary btn-hover w-100"
374            >Visit the Governor’s website</a
375          >
376        </p>
377      </div>
378    </div>
379    <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0">
380      <div
381        class="bg-white p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded-10">
382        <img
383          src="/images/about-branch-2.webp"
384          class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x"
385          alt="A microphone is propped up over a wooden desk at a courthouse." />
386        <h4 class="m-b m-t-md text-left">Legislative</h4>
387        <p class="m-b text-left">
388          The California Legislature votes on state laws and drafts legislation.
389        </p>
390        <p class="text-center mt-auto m-b-md">
391          <a
392            href="https://leginfo.legislature.ca.gov/"
393            class="btn btn-primary btn-hover w-100"
394            >Visit the Legislature’s website</a
395          >
396        </p>
397      </div>
398    </div>
399    <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0">
400      <div
401        class="bg-white p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded-10">
402        <img
403          src="/images/about-branch-3.webp"
404          class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x"
405          alt="The American flag waves in front of the United States Court House." />
406        <h4 class="m-b m-t-md text-left">Judicial</h4>
407        <p class="m-b text-left">
408          The judicial branch interprets and applies laws at state and local
409          levels.
410        </p>
411        <p class="text-center mt-auto m-b-md">
412          <a
413            href="https://www.courts.ca.gov/"
414            class="btn btn-primary btn-hover w-100"
415            >Visit the CA Courts website</a
416          >
417        </p>
418      </div>
419    </div>
420  </div>
421
422  <!--Programs-->
423  <h2 class="h3 mt-4 mb-3">More about our government</h2>
424  <div class="d-flex flex-wrap gap-3 flex-column flex-md-row m-b-md">
425    <a
426      class="btn btn-outline-primary text-nowrap"
427      href="https://ebudget.ca.gov/"
428      >California budget</a
429    >
430
431    <a
432      class="btn btn-outline-primary text-nowrap"
433      href="https://www.sos.ca.gov/elections"
434      >Elections and voting</a
435    >
436
437    <a
438      class="btn btn-outline-primary text-nowrap"
439      href="https://www.sos.ca.gov/elections/who-are-my-representatives"
440      >Look up my representatives</a
441    >
442
443    <a
444      class="btn btn-outline-primary text-nowrap"
445      href="https://selfhelp.courts.ca.gov/"
446      >Guide to CA courts</a
447    >
448  </div>
449</div>
450
451<!--Priorities-->
452<section class="section-understated p-y-lg">
453  <div class="container">
454    <h2 class="m-t-0">Current priorities</h2>
455    <div class="row">
456      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
457        <div
458          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
459          <h3 class="h5 font-size-20">
460            <a
461              href="/LAfires/"
462              class="color-p2 link-before no-underline d-block">
463              2025 LA fires</a
464            >
465          </h3>
466          <p class="m-b gray-900">
467            2025 Early January Los Angeles County Fires: Resources for Impacted
468            Individuals
469          </p>
470        </div>
471      </div>
472      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
473        <div
474          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
475          <h3 class="h5 font-size-20">
476            <a
477              href="https://www.cdph.ca.gov/programs/ohe/abortion/pages/home.aspx"
478              class="color-p2 link-before no-underline d-block">
479              Abortion access</a
480            >
481          </h3>
482          <p class="m-b gray-900">
483            Abortion is legal and protected in California. Get accurate
484            information about abortion services in California.
485          </p>
486        </div>
487      </div>
488      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
489        <div
490          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
491          <h3 class="h5 font-size-20">
492            <a
493              href="https://build.ca.gov/"
494              class="color-p2 link-before no-underline d-block">
495              Building California</a
496            >
497          </h3>
498          <p class="m-b gray-900">
499            California is making a big investment in infrastructure (roads,
500            clean energy, and more). Find out about key projects in your area.
501          </p>
502        </div>
503      </div>
504      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
505        <div
506          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
507          <h3 class="h5 font-size-20">
508            <a
509              href="https://climateaction.ca.gov/"
510              class="color-p2 link-before no-underline d-block">
511              Climate action</a
512            >
513          </h3>
514          <p class="m-b gray-900">
515            Everyone can be a part of solving climate change. There are programs
516            for everyone, whether you rent or own a home.
517          </p>
518        </div>
519      </div>
520      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
521        <div
522          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
523          <h3 class="h5 font-size-20">
524            <a
525              href="/gasfacts/"
526              class="color-p2 link-before no-underline d-block">
527              Gas facts</a
528            >
529          </h3>
530          <p class="m-b gray-900">
531            California is acting to protect our people from gas price spikes.
532            We’re working toward a future of cleaner air and better roads for
533            all. 
534          </p>
535        </div>
536      </div>
537      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
538        <div
539          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
540          <h3 class="h5 font-size-20">
541            <a
542              href="https://www.reducetherisk.ca.gov/"
543              class="color-p2 link-before no-underline d-block">
544              Gun safety</a
545            >
546          </h3>
547          <p class="m-b gray-900">
548            California is providing communities the opportunity to safely access
549            help, care and resources to prevent gun violence.
550          </p>
551        </div>
552      </div>
553      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
554        <div
555          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
556          <h3 class="h5 font-size-20">
557            <a
558              href="/immigration/"
559              class="color-p2 link-before no-underline d-block">
560              Immigration</a
561            >
562          </h3>
563          <p class="m-b gray-900">
564            The information and resources available for immigrant families,
565            including public programs, schools, and federal immigration
566            policies.
567          </p>
568        </div>
569      </div>
570
571      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
572        <div
573          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
574          <h3 class="h5 font-size-20">
575            <a
576              href="https://www.mentalhealth.ca.gov/"
577              class="color-p2 link-before no-underline d-block">
578              Mental health care for all</a
579            >
580          </h3>
581          <p class="m-b gray-900">
582            California is transforming our entire mental health system. The
583            result: better behavioral health care for all Californians.
584          </p>
585        </div>
586      </div>
587
588      <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0">
589        <div
590          class="bg-white bg-gray-50-hover p-x-md p-b-md pos-rel h-100 brd-solid-1 brd-gray-100 transform-scale-1_05--hover transition-0_3 d-flex flex-column rounded-10">
591          <h3 class="h5 font-size-20">
592            <a
593              href="https://www.cdph.ca.gov/Programs/CCDPHP/opioids/Pages/landingpage.aspx"
594              class="color-p2 link-before no-underline d-block">
595              Opioids</a
596            >
597          </h3>
598          <p class="m-b gray-900">
599            Opioids are the leading cause of drug overdose deaths. California is
600            doubling down to combat the opioid crisis and save lives.
601          </p>
602        </div>
603      </div>
604    </div>
605  </div>
606</section>
607
608<!--Symbols-->
609<div class="container p-b-lg">
610  <h2>State symbols</h2>
611  <div class="row mb-lg-4">
612    <div class="col-md-4 m-b-md">
613      <div
614        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded">
615        <img
616          src="/images/about-flag.webp"
617          class="img-fluid rounded-top"
618          alt="The California state flag" />
619        <h3 class="h4 m-b m-t-md text-center">State flag</h3>
620      </div>
621    </div>
622    <div class="col-md-4 m-b-md">
623      <div
624        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded">
625        <img
626          src="/images/about-seal.webp"
627          class="img-fluid rounded-top"
628          alt="The great seal of the state of California" />
629        <h3 class="h4 m-b m-t-md text-center">State seal</h3>
630      </div>
631    </div>
632    <div class="col-md-4 m-b-md">
633      <div
634        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded">
635        <img
636          src="/images/about-colors.webp"
637          class="img-fluid rounded-top"
638          alt="A rectangle is cut diagonally by two colors, blue and gold." />
639        <h3 class="h4 m-b m-t-md text-center">State colors</h3>
640      </div>
641    </div>
642  </div>
643  <div class="row">
644    <div class="col-md-4 m-b-md">
645      <div
646        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded">
647        <img
648          src="/images/about-animal.webp"
649          class="img-fluid rounded-top"
650          alt="A large, brown grizzly bear wades in a river bordered by grassy soil." />
651        <h3 class="h4 m-b m-t-md text-center">State animal</h3>
652        <p class="text-center m-b-md">California grizzly bear</p>
653      </div>
654    </div>
655    <div class="col-md-4 m-b-md">
656      <div
657        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded">
658        <img
659          src="/images/about-flower.webp"
660          class="img-fluid rounded-top"
661          alt="Orangey-yellow poppies are open toward the sun against a backdrop of green stems and leaves." />
662        <h3 class="h4 m-b m-t-md text-center">State flower</h3>
663        <p class="text-center m-b-md">California poppy</p>
664      </div>
665    </div>
666    <div class="col-md-4 m-b-md">
667      <div
668        class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded">
669        <img
670          src="/images/about-tree.webp"
671          class="img-fluid rounded-top"
672          alt="A massive, hollowed, redwood tree trunk stands in front of smaller redwood trees in a forest." />
673        <h3 class="h4 m-b m-t-md text-center">State tree</h3>
674        <p class="text-center m-b-md">California redwood</p>
675      </div>
676    </div>
677  </div>
678  <div class="pt-4">
679    <a
680      href="https://www.library.ca.gov/california-history/state-symbols/"
681      class="btn btn-primary btn-lg transform-scale-1_05--hover transition-0_3 p-x-md"
682      >View all state symbols</a
683    >
684  </div>
685</div>
686
687<!--Numbers-->
688<div class="section-primary topo-lines">
689  <div class="container pt-1 p-b-md">
690    <h2 class="h2">California milestones</h2>
691    <div class="row">
692      <div class="col-md-3 mb-4">
693        <div
694          class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4">
695          <p class="text-3-5rem m-b-0">
696            <span
697              class="scroll-counter"
698              data-counter-time="1000"
699              style="visibility: visible;"
700              >1.5</span
701            >m
702          </p>
703          <p>zero emission vehicles in the state (by 2025)</p>
704        </div>
705      </div>
706      <div class="col-md-3 mb-4">
707        <div
708          class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4">
709          <p class="text-3-5rem m-b-0">
710            <span
711              class="scroll-counter"
712              data-counter-time="1500"
713              style="visibility: visible;"
714              >90</span
715            >%
716          </p>
717          <p>clean energy by 2035</p>
718        </div>
719      </div>
720      <div class="col-md-3 mb-4">
721        <div
722          class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4">
723          <p class="text-3-5rem m-b-0">
724            <span
725              class="scroll-counter"
726              data-counter-time="2000"
727              style="visibility: visible;"
728              >230</span
729            >+
730          </p>
731          <p>state government agencies serving you</p>
732        </div>
733      </div>
734      <div class="col-md-3 mb-4">
735        <div
736          class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4">
737          <p class="text-3-5rem m-b-0">
738            $<span
739              class="scroll-counter"
740              data-counter-time="2300"
741              style="visibility: visible;"
742              >60</span
743            >b+
744          </p>
745          <p>generated to support our communities</p>
746        </div>
747      </div>
748    </div>
749  </div>
750</div>
751
752<!--Visitiong California-->
753<div class="container p-b-lg">
754  <h2>Visiting California</h2>
755  <div class="row p-b-md">
756    <div class="col-md-4">
757      <article
758        class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3">
759        <figure
760          class="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
761          <img
762            src="/images/highlight-1.webp"
763            class="img-fluid p-a pos-abs absolute-centered-x width-80pct"
764            alt="A light skinned white man and woman look at photography displays at an exhibit at the SF MOMA." />
765        </figure>
766        <div
767          class="bg-white bg-gray-50-hover text-center p-t-xxl p-x-md p-b-md  brd-solid-1 brd-gray-200 rounded-10 h-100">
768          <h3 class="h4 m-b text-left">
769            <a
770              href="https://www.visitcalifornia.com/places-to-visit/"
771              class="link-before no-underline">
772              Places to visit</a
773            >
774          </h3>
775          <p class="m-b text-left gray-900">
776            Discover places to visit and learn about California's various
777            regions and lively cities.
778          </p>
779        </div>
780      </article>
781    </div>
782    <div class="col-md-4">
783      <article
784        class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3">
785        <figure
786          class="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
787          <img
788            src="/images/highlight-2.webp"
789            class="img-fluid p-a pos-abs absolute-centered-x width-80pct"
790            alt="Waves flow out from an enclave surrounded by rock formations at Julia Pfeiffer Beach in the daytime." />
791        </figure>
792        <div
793          class="bg-white bg-gray-50-hover text-center p-t-xxl p-x-md p-b-md  brd-solid-1 brd-gray-200 rounded-10 h-100">
794          <h3 class="h4 m-b text-left">
795            <a
796              href="https://www.parks.ca.gov/Find-a-Park"
797              class="link-before no-underline">
798              State parks</a
799            >
800          </h3>
801          <p class="m-b text-left gray-900">
802            Visit California's state parks. They offer diverse, natural,
803            cultural, and recreational resources.
804          </p>
805        </div>
806      </article>
807    </div>
808    <div class="col-md-4">
809      <article
810        class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3">
811        <figure
812          class="pos-rel border-0 pb-5 mb-5 pb-xl-5 mb-xl-4 pb-lg-5 mb-lg-4 pb-md-4 mb-md-4">
813          <img
814            src="/images/highlight-3.webp"
815            class="img-fluid p-a pos-abs absolute-centered-x width-80pct"
816            alt="A green tent surrounded by redwood trees is pitched at a campsite in Big Basin Redwoods State Park." />
817        </figure>
818        <div
819          class="bg-white bg-gray-50-hover text-center p-t-xxl p-x-md p-b-md  brd-solid-1 brd-gray-200 rounded-10 h-100">
820          <h3 class="h4 m-b text-left">
821            <a
822              href="https://www.reservecalifornia.com/"
823              class="link-before no-underline">
824              Camping reservations</a
825            >
826          </h3>
827          <p class="m-b text-left gray-900">
828            Book your next camping adventure. You can choose from 15,000
829            campsites across 279 parks.
830          </p>
831        </div>
832      </article>
833    </div>
834  </div>
835</div>
836</main>
837</div><!--Feedback-->
838<div class="section-understated d-print-none">
839  <div class="container py-4 pb-5">
840    <cagov-feedback
841      data-endpoint-url="https://feedback.innovation.ca.gov/sendfeedback">
842    </cagov-feedback>
843  </div>
844  <!-- End Section Feedback  -->
845</div>
846<aside class="p-b-md p-t-sm section-standout site-footer d-print-none">
847  <div class="container">
848    <div class="row">
849      <div class="col-md-3">
850        <div
851          class="h4 w-100 brd-bottom brd-highlight p-b"
852          role="heading"
853          aria-level="2">
854          About
855        </div>
856        <a
857          href="/about/about-this-website/"
858          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
859          About this website</a
860        >
861        <a
862          href="https://calcareers.ca.gov/"
863          rel="external"
864          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover"
865          >State careers</a
866        >
867        <a
868          href="https://data.ca.gov/"
869          rel="nofollow external"
870          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover"
871          >California data</a
872        >
873      </div>
874      <div class="col-md-3">
875        <div
876          class="h4 w-100 brd-bottom  brd-highlight p-b"
877          role="heading"
878          aria-level="2">
879          Support
880        </div>
881        <a
882          href="https://www.sco.ca.gov/ppsd_cpod.html"
883          rel="external"
884          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
885          State directory</a
886        >
887        <a
888          href="/support/technical-help/"
889          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
890          Technical help</a
891        >
892        <a
893          href="/contact/"
894          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
895          Contact<span class="sr-only"> information</span></a
896        >
897      </div>
898      <div class="col-md-3">
899        <div
900          class="h4 w-100 brd-bottom brd-highlight p-b"
901          role="heading"
902          aria-level="2">
903          Campaigns
904        </div>
905        <a
906          href="https://registertovote.ca.gov/"
907          rel="external"
908          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
909          Register to vote</a
910        >
911        <a
912          href="https://saveourwater.com/"
913          rel="external"
914          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
915          Save our water</a
916        >
917        <a
918          href="https://www.caiso.com/informed/Pages/Notifications/Default.aspx"
919          rel="external"
920          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
921          Flex alert</a
922        >
923      </div>
924      <div class="col-md-3">
925        <div
926          class="h4 w-100 brd-bottom brd-highlight p-b"
927          role="heading"
928          aria-level="2">
929          Alerts
930        </div>
931        <a
932          href="https://www.chp.ca.gov/news-alerts/alerts/amber-alert/"
933          rel="external"
934          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
935          Amber alert</a
936        >
937        <a
938          href="https://calalerts.org/"
939          rel="external"
940          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
941          Cal alerts</a
942        >
943        <a
944          href="https://myhazards.caloes.ca.gov/"
945          rel="external"
946          class="d-block no-underline m-y font-size-16 color-white color-highlight-hover underline-hover">
947          My hazards</a
948        >
949      </div>
950    </div>
951
952    <a
953      href="/website-accessibility-certification.html"
954      class="no-underline font-size-14 d-block m-t-md color-white color-highlight-hover underline-hover"
955      ><span class="ca-gov-icon-certificate" aria-hidden="true"></span>Website
956      Accessibility Certification</a
957    >
958  </div>
959</aside>
960<!-- Global Footer structural component -->
961<footer id="footer" class="global-footer">
962  <div class="container">
963    <div class="d-flex">
964      <a href="https://www.ca.gov" class="cagov-logo d-print-none">
965        <img
966          src="/images/cagov-logo-flag-gradient.svg?v7F3A"
967          alt="CA.gov icon"
968          style="aspect-ratio:43/27"
969          loading="lazy" />
970      </a>
971      <ul class="footer-links d-print-none">
972        <li>
973          <a href="/legal/conditions-of-use/">Conditions of use</a>
974        </li>
975        <li>
976          <a href="/legal/privacy-policy/">Privacy policy</a>
977        </li>
978        <li>
979          <a href="/legal/accessibility/"> Accessibility</a>
980        </li>
981        <li>
982          <a href="/about/sitemap/">Sitemap</a>
983        </li>
984      </ul>
985
986      <p class="text-right copyright">
987        &copy;
988        <span id="thisyear">
989          
989<script>
990            document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
991          </script>
991
992        </span>
993        State of California
994      </p>
995    </div>
996  </div>
997  <button class="return-top">
998    <span class="sr-only">Back to top</span>
999  </button>
1000</footer>
1001</body>
1002</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.