<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta name="description" content="The Official Website of the State of Utah">
		<meta name="keywords" content="utah, utah government, state of utah">

		<title data-title="Utah.gov">Home | Utah.gov</title>

		<link rel="stylesheet" href="./css/styles.css?v=20260226">

		
		<meta property="og:title" content="Home | Utah.gov">
		<meta property="og:description" content="The Official Website of the State of Utah">
		<meta property="og:image" content="/img/deviceIcons/apple-icon-152x152.png">

		
		<link rel="apple-touch-icon" sizes="57x57" href="./img/deviceIcons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./img/deviceIcons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./img/deviceIcons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./img/deviceIcons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./img/deviceIcons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./img/deviceIcons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./img/deviceIcons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./img/deviceIcons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./img/deviceIcons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./img/deviceIcons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./img/deviceIcons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./img/deviceIcons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/deviceIcons/favicon-16x16.png">
<link rel="shortcut icon" type="image/jpg" href="./img/deviceIcons/favicon-32x32.png">
<link rel="manifest" href="./img/deviceIcons/manifest.json">
<meta name="msapplication-TileColor" content="#175264">
<meta name="msapplication-TileImage" content="./img/deviceIcons/ms-icon-144x144.png">
<meta name="theme-color" content="#175264">

		
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-621Q114PFJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-621Q114PFJ');
</script>

		
		<script type="text/javascript">
	(function(){var g=function(e,h,f,g){
	this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b<e;b++){for(var d=c[b];" "==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};
	this.set=function(a,c){var b="",b=new Date;b.setTime(b.getTime()+6048E5);b="; expires="+b.toGMTString();document.cookie=a+"="+c+b+"; path=/; "};
	this.check=function(){var a=this.get(f);if(a)a=a.split(":");else if(100!=e)"v"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(":"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case "v":return!1;case "r":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(":")),!c}return!0};
	this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)}};
	this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};
	try{(new g(100,"r","QSI_S_ZN_bPzG8VFyVvBeKxw","https://znbpzg8vfyvvbekxw-utconcierge.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_bPzG8VFyVvBeKxw")).start()}catch(i){}})();
</script>
<div id="ZN_bPzG8VFyVvBeKxw"></div>


		
		

	</head>

	<body class="" data-type="" data-section="" data-page="home">

		

		<header>

			<div id="header--brandContainer">
				<a href="." aria-label="Home">Utah.gov - An official website</a>
			</div>

			<nav>


	<button class="User-Confuser" id="menuActivator" type="button" aria-label="Menu">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
	<line class="hiveburger__line" id="line3" x1="22" y1="61.5" x2="73" y2="61.5"></line>
	<line class="hiveburger__line" id="line3-2" x1="22" y1="49.5" x2="73" y2="49.5"></line>
	<line class="hiveburger__line" id="line3-1" x1="22" y1="37.5" x2="73" y2="37.5"></line>
	
	<line class="hiveburger__line" id="lineX1" x1="29.97" y1="31.97" x2="66.03" y2="68.03"></line>
	<line class="hiveburger__line" id="lineX2" x1="29.97" y1="68.03" x2="66.03" y2="31.97"></line>
</svg>
	</button>

	<form id="nav--searchForm" action="./search/" method="get">
		<p class="searchField">
			<label for="nav--search">Search Utah.gov</label>
			<input type="search" name="q" id="nav--search" placeholder="Search" aria-label="Search Utah.gov">
			<button type="submit" aria-label="Submit Search">Search</button>
		</p>
	</form>

	<ul id="nav--main">
		<li><a href="./services/">Services</a></li>
		<li><a href="./government/">Government</a></li>
		<li><a href="./business/">Business</a></li>
		<li><a href="./employment/">Employment</a></li>
		<li><a href="./education/">Education</a></li>
		<li><a href="./visit/">Visit</a></li>
		<li><a href="./local/">Residents</a></li>
		<li><a href="./about/">About</a></li>
	</ul>

	<ul id="nav--support">
		<li><a href="./support/">Support</a></li>
		
		<li><button id="nav--settings-toggle" aria-label="Site Settings"><svg version="1.1" id="settings" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">

	<style type="text/css">
		.white{fill:#fff;}
	</style>

	<filter id="dropshadow" height="130%">
		<feGaussianBlur in="SourceAlpha" stdDeviation="3"/> 
		<feOffset dx="0" dy="0" result="offsetblur"/> 
		<feComponentTransfer>
			<feFuncA type="linear" slope="0.35"/> 
		</feComponentTransfer>
		<feMerge>
			<feMergeNode/> 
			<feMergeNode in="SourceGraphic"/> 
		</feMerge>
	</filter>

	<g transform="matrix(1, 0, 0, 1, 0, 0)">
		<path style="filter:url(#dropshadow)" id="Path_34-2" class="white" d="M44.1,27.4c0.1-0.8,0.2-1.6,0.2-2.4c0-0.8-0.1-1.6-0.2-2.4l5.4-4.1c0.5-0.4,0.6-1.1,0.3-1.6
			l-5.1-8.7c-0.3-0.5-1-0.8-1.6-0.6l-6.4,2.5c-1.3-1-2.8-1.8-4.3-2.4l-1-6.6C31.3,0.4,30.8,0,30.1,0H19.9c-0.6,0-1.2,0.4-1.3,1.1
			l-1,6.6c-1.5,0.6-3,1.4-4.3,2.4L6.9,7.6c-0.6-0.2-1.3,0-1.6,0.6l-5.2,8.7c-0.3,0.5-0.2,1.2,0.3,1.6l5.4,4.1c-0.3,1.6-0.3,3.3,0,4.9
			l-5.4,4.1c-0.5,0.4-0.6,1.1-0.3,1.6l5.2,8.7c0.3,0.5,1,0.8,1.6,0.6l6.4-2.5c1.3,1,2.8,1.8,4.3,2.4l1,6.6c0.1,0.6,0.7,1.1,1.3,1.1
			h10.3c0.6,0,1.2-0.4,1.3-1.1l1-6.6c1.5-0.6,3-1.4,4.3-2.4l6.4,2.5c0.6,0.2,1.3,0,1.6-0.6l5.1-8.7c0.3-0.5,0.2-1.2-0.3-1.6
			L44.1,27.4L44.1,27.4z M25,34.4c-5.2,0.1-9.6-4.1-9.6-9.4c0.2-5.3,4.6-9.5,9.9-9.3c5.1,0.2,9.2,4.3,9.3,9.3
			C34.6,30.2,30.2,34.4,25,34.4L25,34.4z"/>
	</g>
</svg></button>
		</li>
	</ul>

	<ul id="nav--settings">
		<li>
			<h3>Text Size</h3>
			<ul id="settings--text">
				<li><button type="button" data-text="small">Aa-</button></li>
				<li><button type="button" data-text="default">Default</button></li>
				<li><button type="button" data-text="large">Aa+</button></li>
			</ul>
		</li>
		<li>
			<h3>Contrast</h3>
			<ul id="settings--contrast">
				<li><button type="button" data-contrast="high">High</button></li>
				<li><button type="button" data-contrast="default">Default</button></li>
			</ul>
		</li>
		<li>
			<h3>Appearance</h3>
			<ul id="settings--appearance">
				<li><button type="button" data-appearance="light">Light</button></li>
				<li><button type="button" data-appearance="dark">Dark</button></li>
				<li><button type="button" data-appearance="auto">Auto</button></li>
			</ul>
		</li>
		<li>
			<h3>Chatbot</h3>
			<ul id="settings--chatbot">
				<li><button type="button" data-chatbot="on">On</button></li>
				<li><button type="button" data-chatbot="off">Off</button></li>
			</ul>
		</li>
	</ul>
	

</nav>

		</header>

		
		<div id="uds-header"></div>

<link rel="stylesheet" href="https://cdn.utah.gov/dts-ds-custom-header-plugin/header-dist/v5/beta/style.5.0.0.1.css">
<script src="https://cdn.utah.gov/dts-ds-custom-header-plugin/header-dist/v5/beta/utah-design-system-header.5.0.0.1.umd.js"></script>

<style>
	.utah-design-system {
		--primary-color: #071D49; /* Navy Blue */
		--primary-color-dark: #135264;
		--primary-color-light: #f0f0f0;

		--header-primary-color: var(--primary-color);
		background-color: white;
	}
</style>

<script>
	const isHome = () => {
		const page = document.getElementsByTagName('body')[0].dataset.page;
		let check = false;
		if (page === 'home') check = true;
		return check;
	};

	const udsMenuItems = [
		{
			title: 'Services',
			actionUrl: { 'url': './services/' }
		},
		{
			title: 'Government',
			actionUrl: { 'url': './government/' }
		},
		{
			title: 'Business',
			actionUrl: { 'url': './business/' }
		},
		{
			title: 'Employment',
			actionUrl: { 'url': './employment/' }
		},
		{
			title: 'Education',
			actionUrl: { 'url': './education/' }
		},
		{
			title: 'Visit',
			actionUrl: { 'url': './visit/' }
		},
		{
			title: 'Residents',
			actionUrl: { 'url': './local/' }
		},
		{
			title: 'About',
			actionUrl: { 'url': './about/' }
		}
	];

	if (!isHome()) {
		const menuHome = {
			title: 'Home',
			actionUrl: { 'url': './' }
		}
		udsMenuItems.unshift(menuHome);
	}

	// wait for the utah header to be ready
	document.addEventListener('utahHeaderLoaded', () => {
		// set up the utah header
		window["@utahdts/utah-design-system-header"].setUtahHeaderSettings({
			domLocationTarget: { cssSelector: '#uds-header' },
			title: '',
			footer: {
				domLocationTarget: { cssSelector: 'footer' },
				showHorizontalRule: false
			},
			logo: {
				'htmlString': '<img src="./img/logos/utah-dot-gov.png" id="Utah.gov" alt="Utah.gov" />'
			},
			mainMenu: {
				menuItems: udsMenuItems,
				title: 'Menu'
			},
			actionItems: [
				{
					showTitle: false,
					title: 'Help',
					actionDom: '<a href="./support/">Support</a>',
					icon: '<span class="utds-icon-before-help" aria-hidden="true" />'
				}
			],
			mediaSizes: {
				mobile: 640,
				tabletPortrait: 912,
				tabletLandscape: 1024
			},
			utahId: true,
			notifications: true
		});
	});

</script>


		<div id="main-content"></div>	



<main>

	<div id="home--main">

		

		<form id="home--searchForm">
			<p>
				<label for="homeSearch">Search</label>
				<input type="search" name="homeSearch" id="homeSearch" value="" autocomplete="off">
				<button type="button" id="homeSearchClear">Clear</button>
				<button type="submit" id="homeSearchSubmit">Search</button>
			</p>
		</form>

		<div id="home--searchTrends" class=""></div>

		<div id="home--searchResults" class="list--with-image image--small"></div>

		<div id="home--bgInfo">
			<div id="bgInfo--bubble">
				<h3 id="bgInfo--title"></h3>
				<p id="bgInfo--location"></p>
				<p id="bgInfo--credit"></p>
			</div>
			<button type="button" title="Background image info" id="bgInfo--activator">
				<svg xmlns="http://www.w3.org/2000/svg" width="25" height="22.5" viewBox="0 0 25 22.5">
  <g id="camera_alt-black-18dp" transform="translate(2.833 2.35)" opacity="0.521">
    <path id="Path_36" data-name="Path 36" d="M0,0H19.91V20.234H0Z" transform="translate(-0.101 -0.084)" fill="none"/>
    <ellipse id="Ellipse_20" data-name="Ellipse 20" cx="4.518" cy="4.518" rx="4.518" ry="4.518" transform="translate(5.149 5.543)" fill="#ededed"/>
    <path id="Path_37" data-name="Path 37" d="M10.75,2,8.462,4.5H4.5A2.507,2.507,0,0,0,2,7V22a2.507,2.507,0,0,0,2.5,2.5h20A2.507,2.507,0,0,0,27,22V7a2.507,2.507,0,0,0-2.5-2.5H20.537L18.25,2ZM14.5,20.75a6.25,6.25,0,1,1,6.25-6.25A6.252,6.252,0,0,1,14.5,20.75Z" transform="translate(-4.833 -4.35)" fill="#ededed"/>
  </g>
</svg>

			</button>
		</div>

		

		

	</div> 

	<div id="home--drawer">

		

		<div id="home--drawerSections">

			<div id="personas--home">
				<h3>I am:</h3>
				<div class="persona-group">
					<a class="persona" href="./services/personas.html?t=outdoors">An outdoor person</a>
					<a class="persona" href="./services/personas.html?t=selfemployed">Self Employed</a>
					<a class="persona" href="./services/personas.html?t=teenparent">Parenting Teens</a>
					<a class="persona" href="./services/personas.html?t=moving">Moving to Utah</a>
					
					<a class="persona" href="./services/personas.html?t=turning18">Turning 18</a>
					<a class="persona see-more" href="./services/personas.html">View More</a>
				</div>
			</div>

			<div id="home--services">

				<h2><a href="./services/">Featured Services</a></h2>

				<div id="home--featured" class="featuredServices scroller list--with-image list--style-buttonize three-column"></div>

			</div> 

			<div id="home--local">

				<h2><a href="./local/">Utah Local</a></h2>

				<div id="home--localResources" class="localResources list--with-image list--style-buttonize image--small three-column">
					<a class="list--item" href="https://le.utah.gov/GIS/findDistrict.jsp" rel="noopener noreferrer">
						<img alt="" src="/img/misc/gov-legislative.png">
						<div>
							<h3>My Representatives</h3>
							<p class="description">Find your local Representatives based on your location</p>
						</div>
					</a>
					<a class="list--item" href="https://www.utah.gov/pmn/" rel="noopener noreferrer">
						<img alt="" src="/img/misc/local-community.png">
						<div>
							<h3>Meetings</h3>
							<p class="description">Find upcoming meetings near you</p>
						</div>
					</a>
					<a class="list--item" href="./local/#jobs" rel="noopener noreferrer">
						<img alt="" src="/img/misc/employment-carreers.png">
						<div>
							<h3>Jobs</h3>
							<p class="description">Find Job openings near you</p>
						</div>
					</a>
				</div>

			</div> 

			<div id="home--visit">

				<h2><a href="./visit/">Visiting Utah</a></h2>

				<div id="home--localResources" class="localResources list--with-image image--small list--style-buttonize three-column">
					<a class="list--item" href="https://www.visitutah.com/" rel="noopener noreferrer">
						<img alt="" src="/img/misc/visit-hike.png">
						<div>
							<h3>Travel &amp; Tourism</h3>
							<p class="description">Information for traveling and touring Utah</p>
						</div>
					</a>
					<a class="list--item" href="https://stateparks.utah.gov" rel="noopener noreferrer">
						<img alt="" src="/img/services/dnr-stateparks.png">
						<div>
							<h3>Utah State Parks</h3>
							<p class="description">Visit our many beautiful State Parks</p>
						</div>
					</a>
					<a class="list--item" href="./visit/" rel="noopener noreferrer">
						<img alt="" src="/img/misc/def-more.png">
						<div>
							<h3>View More</h3>
							<p class="description">Utah visiting and travel information</p>
						</div>
					</a>
				</div>

			</div> 


			

		</div> 

	</div> 

</main>


		<footer></footer>
		
		<script type="text/javascript">
			var translateElement = document.querySelector('#google_translate_hidden');
			function googleTranslateElementInit() {
				var headerTranslate = new google.translate.TranslateElement({
					pageLanguage: 'en',
					includedLanguages: 'ar,bg,ca,zh-CN,zh-TW,hr,cs,da,nl,tl,fi,fr,de,el,iw,hi,id,it,ja,ko,lv,lt,no,pl,pt,ro,ru,sr,sk,sl,es,sv,uk,vi,ga,la,fa,sm,lo,so,sw,th,ur,to',
					layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
					autoDisplay: false
				}, translateElement);
				utgov.fixGoogleWCAGErrors();
			}
		</script>
		<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

		<script src="./js/scripts.min.js?v=20260226"></script>

	</body>
</html>