CINXE.COM
About California | CA.gov
<!doctype html> <html lang="en-US"> <head> <title>About California | CA.gov</title> <meta charset="utf-8" /> <meta name="Author" content="State of California" /> <meta name="Description" content="Learn about the California state government, places to visit, and recent milestones." /> <meta name="Keywords" content="California, government, " /> <meta name="robots" content="index, follow" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="MobileOptimized" content="320" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" /> <!-- Primary Meta Tags --> <meta name="title" content="About California | CA.gov" /> <!-- Canonical link, improves SEO --> <link href="https://www.ca.gov/about-california/" rel="canonical" /> <!-- Open Graph / Facebook --> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="California State Portal" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.ca.gov/about-california/" /> <meta property="og:title" content="About California | CA.gov" /> <meta property="og:description" content="Learn about the California state government, places to visit, and recent milestones." /> <meta property="og:image" content="https://cdn.cdt.ca.gov/cdt/CAgovPortal/images/cagov-social-image.jpg" /> <meta property="og:image:alt" content="CA.gov logo over a scenic photo of a California beach" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://www.ca.gov/about-california/" /> <meta name="twitter:title" content="About California | CA.gov" /> <meta name="twitter:description" content="Learn about the California state government, places to visit, and recent milestones." /> <meta name="twitter:image" content="https://cdn.cdt.ca.gov/cdt/CAgovPortal/images/cagov-social-image.jpg" /> <!-- Public Sans Font--> <link rel="preconnect" href="https://cdn.cdt.ca.gov" crossorigin="anonymous" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <!-- End Public Sans Font --> <!-- State Web template required CSS --> <link rel="stylesheet" href="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.2/css/cagov.core.min.css" integrity="sha256-Uo2m6WvNHReBj5GgNstMKvDhnWVfROD7quu8/rcNIdU=" crossorigin="anonymous" /> <link rel="stylesheet" href="/css/custom.min.css?vfeb25" id="main-stylesheet" /> <script src="https://cdn.cdt.ca.gov/cdt/statetemplate/6.4.2/js/cagov.core.min.js" integrity="sha256-j4/X9fIgODo6Em7lfrvjTzS4X/DLlrwhewhDz1D+8/w=" crossorigin="anonymous" defer></script> <script src="/js/custom.min.js?vHashCode" type="module" defer></script><!-- Ethnio Activation Code --> <script type="text/javascript" language="javascript" src="//ethn.io/60011.js" async="true" charset="utf-8"></script> <!-- Site icons --> <link rel="apple-touch-icon-precomposed" sizes="100x100" href="/images/apple-touch-icon-precomposed.png" /> <link rel="icon" sizes="192x192" href="/images/apple-touch-icon-192x192.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/images/apple-touch-icon-180x180.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/apple-touch-icon-152x152.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-57x57.png" /> <link rel="shortcut icon" href="/images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" /> <link rel="shortcut icon" href="/favicon.ico" /> <!-- Google analytics --> <!-- BEGIN Google Analytics --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PZGPNNV'); </script> <!-- END Google Analytics --> <!-- Statewide Alerts Server --> <script defer src="https://alert.cdt.ca.gov" crossorigin="anonymous"></script> </head> <body class="primary"> <header id="header" class="global-header fixed"> <div id="skip-to-content"> <a href="#main-content">Skip to Main Content</a> </div> <!-- Utility header structural component --> <div class="utility-header d-print-none" data-nosnippet> <div class="container"> <div class="flex-row"> <div class="social-media-links align-items-start"> <div class="official-collapsible-content"> <button type="button" data-bs-toggle="collapse" data-bs-target="#collapseOficial" aria-expanded="false" aria-controls="collapseOficial" class="btn-official mt-1 gray-900 color-black-hover"> <span class="underline">Official California website</span> <span class="ca-gov-icon-caret-up" aria-hidden="true"></span> <span class="ca-gov-icon-caret-down" aria-hidden="true"></span> </button> <div class="collapse" id="collapseOficial"> <div class="font-size-13 gray-900 p-y ps-1 pe-2"> <span class="bold" >California government websites use .ca.gov </span ><br />A .ca.gov website is part of California’s government. </div> </div> </div> </div> <div class="settings-links ms-auto align-items-start pt-2 line-height-1-6em"> <a href="#googtrans(en|es)" class="m-l-0 underline cursor-pointer" lang="es" hreflang="es" translate="no" rel="alternate" >Español</a > <a href="#googtrans(en|ko)" lang="ko" hreflang="ko" translate="no" rel="alternate" class="underline cursor-pointer" >한국어</a > <a href="#googtrans(en|tl)" lang="tl" hreflang="tl" translate="no" rel="alternate" class="underline cursor-pointer" >Tagalog</a > <a href="#googtrans(en|vi)" lang="vi" hreflang="vi" translate="no" rel="alternate" class="underline cursor-pointer" >Tiếng Việt</a > <a href="#googtrans(en|zh-TW)" lang="zh-hant" hreflang="zh-hant" translate="no" rel="alternate" class="underline cursor-pointer" >繁體中文</a > <a class="translate notranslate pos-rel top-minus-2" href="/translate/" ><span class="ca-gov-icon-globe" aria-hidden="true"></span ><span class="sr-only">Translate</span></a > </div> </div> </div> </div> <!-- Site header (branding) structural component --> <div class="section-default"> <div class="branding"> <div class="header-organization-banner"> <a href="/"> <div class="logo-assets"> <img src="/images/CAgov-logo.svg?v7F3A" class="logo-img" alt="CA.gov official logo" /> </div> </a> </div> </div> </div> <!-- Mobile controls structural compoent --> <div class="mobile-controls"> <div class="mobile-control-group main-nav-icons"> <button id="nav-icon3" class="mobile-control toggle-menu" aria-expanded="false" aria-controls="navigation"> <span></span> <span></span> <span></span> <span></span> <span class="sr-only">Menu</span> </button> </div> </div> <div class="navigation-search full-width-nav container"> <div id="head-search" class="search-container featured-search"> <div class="d-block d-lg-none"> <a href="/" class="drawer-logo-link first-level-link"> <img src="/images/CAgov-logo.svg?v7F3A" alt="CA.gov official logo" class="drawer-logo mb-4" /> </a> </div> <!-- Search structural component --> <div class="container"> <form id="Search" class="pos-rel" action="/search/"> <span class="sr-only" id="SearchInput">Custom Google Search</span> <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield" /> <button type="submit" class="gsc-search-button"> <span class="ca-gov-icon-search" aria-hidden="true"></span> <span class="sr-only">Submit</span> </button> <div class="close-search-btn"> <button class="close-search gsc-clear-button border-0 bg-transparent pos-rel" type="reset"> <span class="sr-only">Close</span> </button> </div> </form> </div> </div> <!-- Site navigation structural component --> <nav id="navigation" class="main-navigation dropdown" aria-label="Main navigation"> <ul id="nav_list" class="top-level-nav"> <li class="nav-item"> <a class="first-level-link" href="/services/"> Services </a> </li> <li class="nav-item"> <a class="first-level-link" href="/departments/"> Departments </a> </li> <li class="nav-item"> <a class="first-level-link active" href="/about-california/"> About California </a> </li> <li class="nav-item"> <a class="first-level-link" href="/support/"> Get help </a> </li> </ul> </nav> </div> </header> <!-- Main content --> <div id="main-content" class="main-content"> <main class="main-primary" id="main"> <div class="section-primary lineart bg-p2" style="background: url('/images/about-lineart.svg') no-repeat right / auto;"> <div class="container p-y-md"><!-- Breadcrumbs component --> <nav aria-label="You are here" class="breadcrumbs"> <ol> <li><a href="/">Home</a></li> <li class="active">About California</li> </ol> </nav> <h1 class="m-t-0">About California</h1> <div class="bg-danger-warning-gradient p-a-md m-b-lg col-lg-7"> <h2 class="h4 text-white m-t-0 m-b-0"> 2025 Early January Los Angeles County Fires </h2> <a href="/LAfires/" class="btn btn-outline-light btn-lg m-t-md" >Resources for impacted Californians</a > </div> </div> </div> <div class="section-understated"> <div class="container p-y-lg"> <div class="col-md-10"> <p class="lead"> Californians deserve a government that works for them and with them. One that will work to ensure opportunity and justice. We are building a California not for the few, but for all — including those who have historically been left out. </p> <p class="lead"> We are doing the work to make our state a place for every Californian and all the diversity that makes us strong. Our state will be known as a place where everyone is respected, protected, and connected. </p> </div> </div> </div> <!--Branches--> <div class="container p-b-lg"> <h2>California government</h2> <h3 class="m-b-lg">Branches of government</h3> <div class="row p-t-lg"> <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0"> <div 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"> <img src="/images/about-branch-1.png" class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x" alt="The American flag and State of California flag are raised in front of the Sacramento State Capitol." /> <h4 class="m-b m-t-md text-left">Executive</h4> <p class="m-b text-left"> The Governor leads California's executive branch, which includes elected officials and administrators. </p> <p class="text-center mt-auto m-b-md"> <a href="https://www.gov.ca.gov/" class="btn btn-primary btn-hover w-100" >Visit the Governor’s website</a > </p> </div> </div> <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0"> <div 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"> <img src="/images/about-branch-2.png" class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x" alt="A microphone is propped up over a wooden desk at a courthouse." /> <h4 class="m-b m-t-md text-left">Legislative</h4> <p class="m-b text-left"> The California Legislature votes on state laws and drafts legislation. </p> <p class="text-center mt-auto m-b-md"> <a href="https://leginfo.legislature.ca.gov/" class="btn btn-primary btn-hover w-100" >Visit the Legislature’s website</a > </p> </div> </div> <div class="col-md-4 mt-5 mb-5 mb-md-4 mt-md-0"> <div 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"> <img src="/images/about-branch-3.png" class="img-fluid pos-rel p-a m-t-minus-70 width-90pct relative-centered-x" alt="The American flag waves in front of the United States Court House." /> <h4 class="m-b m-t-md text-left">Judicial</h4> <p class="m-b text-left"> The judicial branch interprets and applies laws at state and local levels. </p> <p class="text-center mt-auto m-b-md"> <a href="https://www.courts.ca.gov/" class="btn btn-primary btn-hover w-100" >Visit the CA Courts website</a > </p> </div> </div> </div> <!--Programs--> <h2 class="h3 mt-4 mb-3">More about our government</h2> <div class="d-flex flex-wrap gap-3 flex-column flex-md-row m-b-md"> <a class="btn btn-outline-primary text-nowrap" href="https://ebudget.ca.gov/" >California budget</a > <a class="btn btn-outline-primary text-nowrap" href="https://www.sos.ca.gov/elections" >Elections and voting</a > <a class="btn btn-outline-primary text-nowrap" href="https://www.sos.ca.gov/elections/who-are-my-representatives" >Look up my representatives</a > <a class="btn btn-outline-primary text-nowrap" href="https://selfhelp.courts.ca.gov/" >Guide to CA courts</a > </div> </div> <!--Priorities--> <section class="section-understated p-y-lg"> <div class="container"> <h2 class="m-t-0">Current priorities</h2> <div class="row"> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="/LAfires/" class="color-p2 link-before no-underline d-block"> 2025 LA fires</a > </h3> <p class="m-b gray-900"> 2025 Early January Los Angeles County Fires: Resources for Impacted Individuals </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://abortion.ca.gov/" class="color-p2 link-before no-underline d-block"> Abortion access</a > </h3> <p class="m-b gray-900"> Abortion is legal and protected in California. Get accurate information about abortion services in California. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://build.ca.gov/" class="color-p2 link-before no-underline d-block"> Building California</a > </h3> <p class="m-b gray-900"> California is making a big investment in infrastructure (roads, clean energy, and more). Find out about key projects in your area. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://climateaction.ca.gov/" class="color-p2 link-before no-underline d-block"> Climate action</a > </h3> <p class="m-b gray-900"> Everyone can be a part of solving climate change. There are programs for everyone, whether you rent or own a home. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="/gasfacts/" class="color-p2 link-before no-underline d-block"> Gas facts</a > </h3> <p class="m-b gray-900"> California is acting to protect our people from gas price spikes. We’re working toward a future of cleaner air and better roads for all. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://www.caloes.ca.gov/gunsafety/" class="color-p2 link-before no-underline d-block"> Gun safety</a > </h3> <p class="m-b gray-900"> California is providing communities the opportunity to safely access help, care and resources to prevent gun violence. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="/immigration/" class="color-p2 link-before no-underline d-block"> Immigration</a > </h3> <p class="m-b gray-900"> The information and resources available for immigrant families, including public programs, schools, and federal immigration policies. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://www.mentalhealth.ca.gov/" class="color-p2 link-before no-underline d-block"> Mental health care for all</a > </h3> <p class="m-b gray-900"> California is transforming our entire mental health system. The result: better behavioral health care for all Californians. </p> </div> </div> <div class="col-md-4 mt-2 mb-2 mb-md-4 mt-md-0"> <div 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"> <h3 class="h5 font-size-20"> <a href="https://www.cdph.ca.gov/Programs/CCDPHP/opioids/Pages/landingpage.aspx" class="color-p2 link-before no-underline d-block"> Opioids</a > </h3> <p class="m-b gray-900"> Opioids are the leading cause of drug overdose deaths. California is doubling down to combat the opioid crisis and save lives. </p> </div> </div> </div> </div> </section> <!--Symbols--> <div class="container p-b-lg"> <h2>State symbols</h2> <div class="row mb-lg-4"> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded"> <img src="/images/about-flag.png" class="img-fluid rounded-top" alt="The California state flag" /> <h3 class="h4 m-b m-t-md text-center">State flag</h3> </div> </div> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded"> <img src="/images/about-seal.png" class="img-fluid rounded-top" alt="The great seal of the state of California" /> <h3 class="h4 m-b m-t-md text-center">State seal</h3> </div> </div> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column rounded"> <img src="/images/about-colors.png" class="img-fluid rounded-top" alt="A rectangle is cut diagonally by two colors, blue and gold." /> <h3 class="h4 m-b m-t-md text-center">State colors</h3> </div> </div> </div> <div class="row"> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded"> <img src="/images/about-animal.png" class="img-fluid rounded-top" alt="A large, brown grizzly bear wades in a river bordered by grassy soil." /> <h3 class="h4 m-b m-t-md text-center">State animal</h3> <p class="text-center m-b-md">California grizzly bear</p> </div> </div> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded"> <img src="/images/about-flower.png" class="img-fluid rounded-top" alt="Orangey-yellow poppies are open toward the sun against a backdrop of green stems and leaves." /> <h3 class="h4 m-b m-t-md text-center">State flower</h3> <p class="text-center m-b-md">California poppy</p> </div> </div> <div class="col-md-4 m-b-md"> <div class="bg-white pos-rel h-100 brd-solid-1 brd-gray-200 d-flex flex-column m-b-md rounded"> <img src="/images/about-tree.png" class="img-fluid rounded-top" alt="A massive, hollowed, redwood tree trunk stands in front of smaller redwood trees in a forest." /> <h3 class="h4 m-b m-t-md text-center">State tree</h3> <p class="text-center m-b-md">California redwood</p> </div> </div> </div> <div class="pt-4"> <a href="https://www.library.ca.gov/california-history/state-symbols/" class="btn btn-primary btn-lg transform-scale-1_05--hover transition-0_3 p-x-md" >View all state symbols</a > </div> </div> <!--Numbers--> <div class="section-primary topo-lines"> <div class="container pt-1 p-b-md"> <h2 class="h2">California milestones</h2> <div class="row"> <div class="col-md-3 mb-4"> <div class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4"> <p class="text-3-5rem m-b-0"> <span class="scroll-counter" data-counter-time="1000" style="visibility: visible;" >1.5</span >m </p> <p>zero emission vehicles in the state (by 2025)</p> </div> </div> <div class="col-md-3 mb-4"> <div class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4"> <p class="text-3-5rem m-b-0"> <span class="scroll-counter" data-counter-time="1500" style="visibility: visible;" >90</span >% </p> <p>clean energy by 2035</p> </div> </div> <div class="col-md-3 mb-4"> <div class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4"> <p class="text-3-5rem m-b-0"> <span class="scroll-counter" data-counter-time="2000" style="visibility: visible;" >230</span >+ </p> <p>state government agencies serving you</p> </div> </div> <div class="col-md-3 mb-4"> <div class="bg-primary text-center p-x-md p-a-md pos-rel h-100 rounded-4"> <p class="text-3-5rem m-b-0"> $<span class="scroll-counter" data-counter-time="2300" style="visibility: visible;" >60</span >b+ </p> <p>generated to support our communities</p> </div> </div> </div> </div> </div> <!--Visitiong California--> <div class="container p-b-lg"> <h2>Visiting California</h2> <div class="row p-b-md"> <div class="col-md-4"> <article class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3"> <figure 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"> <img src="/images/highlight-1.png" class="img-fluid p-a pos-abs absolute-centered-x width-80pct" alt="A light skinned white man and woman look at photography displays at an exhibit at the SF MOMA." /> </figure> <div 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"> <h3 class="h4 m-b text-left"> <a href="https://www.visitcalifornia.com/places-to-visit/" class="link-before no-underline"> Places to visit</a > </h3> <p class="m-b text-left gray-900"> Discover places to visit and learn about California's various regions and lively cities. </p> </div> </article> </div> <div class="col-md-4"> <article class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3"> <figure 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"> <img src="/images/highlight-2.png" class="img-fluid p-a pos-abs absolute-centered-x width-80pct" alt="Waves flow out from an enclave surrounded by rock formations at Julia Pfeiffer Beach in the daytime." /> </figure> <div 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"> <h3 class="h4 m-b text-left"> <a href="https://www.parks.ca.gov/Find-a-Park" class="link-before no-underline"> State parks</a > </h3> <p class="m-b text-left gray-900"> Visit California's state parks. They offer diverse, natural, cultural, and recreational resources. </p> </div> </article> </div> <div class="col-md-4"> <article class="pos-rel h-100 d-flex flex-column transform-scale-1_05--hover transition-0_3"> <figure 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"> <img src="/images/highlight-3.png" class="img-fluid p-a pos-abs absolute-centered-x width-80pct" alt="A green tent surrounded by redwood trees is pitched at a campsite in Big Basin Redwoods State Park." /> </figure> <div 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"> <h3 class="h4 m-b text-left"> <a href="https://www.reservecalifornia.com/Web/" class="link-before no-underline"> Camping reservations</a > </h3> <p class="m-b text-left gray-900"> Book your next camping adventure. You can choose from 15,000 campsites across 279 parks. </p> </div> </article> </div> </div> </div> </main> </div><!--Feedback--> <div class="section-understated d-print-none"> <div class="container py-4 pb-5"> <cagov-feedback data-endpoint-url="https://feedback.innovation.ca.gov/sendfeedback"> </cagov-feedback> </div> <!-- End Section Feedback --> </div> <aside class="p-b-md p-t-sm section-standout site-footer d-print-none"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="h4 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2"> About </div> <a href="/about/about-this-website/" class="d-block no-underline m-y font-size-16"> About this website </a> <a href="https://calcareers.ca.gov/" class="d-block no-underline m-y font-size-16" >State careers </a> <a href="https://data.ca.gov/" class="d-block no-underline m-y font-size-16" >California data </a> </div> <div class="col-md-3"> <div class="h4 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2"> Support </div> <a href="https://www.sco.ca.gov/ppsd_cpod.html" class="d-block no-underline m-y font-size-16"> State directory </a> <a href="/support/technical-help/" class="d-block no-underline m-y font-size-16"> Technical help </a> <a href="/contact/" class="d-block no-underline m-y font-size-16"> Contact </a> </div> <div class="col-md-3"> <div class="h4 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2"> Campaigns </div> <a href="https://registertovote.ca.gov/" class="d-block no-underline m-y font-size-16"> Register to vote </a> <a href="https://saveourwater.com/" class="d-block no-underline m-y font-size-16"> Save our water </a> <a href="https://www.caiso.com/informed/Pages/Notifications/Default.aspx" class="d-block no-underline m-y font-size-16"> Flex alert </a> </div> <div class="col-md-3"> <div class="h4 w-100 brd-bottom brd-highlight p-b" role="heading" aria-level="2"> Alerts </div> <a href="https://www.chp.ca.gov/Pages/Amber-Alert.aspx" class="d-block no-underline m-y font-size-16"> Amber alert </a> <a href="https://calalerts.org/" class="d-block no-underline m-y font-size-16"> Cal alerts </a> <a href="https://myhazards.caloes.ca.gov/" class="d-block no-underline m-y font-size-16"> My hazards </a> </div> </div> <a href="/website-accessibility-certification.html" class="no-underline font-size-14 d-block m-t-md" ><span class="ca-gov-icon-certificate" aria-hidden="true"></span>Website Accessibility Certification</a > </div> </aside> <!-- Global Footer structural component --> <footer id="footer" class="global-footer"> <div class="container"> <div class="d-flex"> <a href="https://www.ca.gov" class="cagov-logo d-print-none"> <img src="/images/cagov-logo-flag-gradient.svg?v7F3A" alt="CA.gov icon" style="aspect-ratio:43/27" loading="lazy" /> </a> <ul class="footer-links d-print-none"> <li> <a href="/legal/conditions-of-use/">Conditions of use</a> </li> <li> <a href="/legal/privacy-policy/">Privacy policy</a> </li> <li> <a href="/legal/accessibility/"> Accessibility</a> </li> <li> <a href="/about/sitemap/">Sitemap</a> </li> </ul> <p class="text-right copyright"> © <span id="thisyear"> <script> document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear())) </script> </span> State of California </p> </div> </div> <button class="return-top"> <span class="sr-only">Back to top</span> </button> </footer> </body> </html>